@charset "UTF-8"; /* Color Variables; */ /* New Color Variables - Redesign Fall 2013 */ /* Redesign Fall 2014 Color names via http://www.color-blindness.com/color-name-hue/ */ @font-face { font-family: "GeogrotesqueW01-Regular 1185161"; src: url("../fonts/77c5adea-c45f-4bd6-bc83-c171aa401eac.eot?#iefix"); src: url("../fonts/77c5adea-c45f-4bd6-bc83-c171aa401eac.eot?#iefix") format("eot"), url("../fonts/ae7eda9b-5729-4029-8ea8-1f4b2feb6595.woff") format("woff"), url("../fonts/f5e7d965-e646-4ea9-8b21-bf17e3e5de42.ttf") format("truetype"), url("../fonts/ae5b8a9c-af85-4ddf-a0a6-602405583707.svg#ae5b8a9c-af85-4ddf-a0a6-602405583707") format("svg"); } @font-face { font-family: "Geogrotesque W01 Medium"; src: url("../fonts/40bc667a-fe6b-4600-8320-f66daeb25b06.eot?#iefix"); src: url("../fonts/40bc667a-fe6b-4600-8320-f66daeb25b06.eot?#iefix") format("eot"), url("../fonts/149719fe-5b81-4b67-a95a-3a5246a84032.woff") format("woff"), url("../fonts/4c464889-c33e-4b8c-b182-17a32eb1f7a8.ttf") format("truetype"), url("../fonts/73abc949-ef23-462e-a62a-355c33a564d6.svg#73abc949-ef23-462e-a62a-355c33a564d6") format("svg"); } @font-face { font-family: "GeogrotesqueW01-Semibol 1185180"; src: url("../fonts/a3e2c11b-c08f-452d-98b2-82cf697c9968.eot?#iefix"); src: url("../fonts/a3e2c11b-c08f-452d-98b2-82cf697c9968.eot?#iefix") format("eot"), url("../fonts/9548811b-a57e-4d9f-abad-aeb27640450d.woff") format("woff"), url("../fonts/1a8cf960-d55c-4ac5-af4e-79ca12bca166.ttf") format("truetype"), url("../fonts/0f568404-e588-4700-ae22-7b62fbcc7327.svg#0f568404-e588-4700-ae22-7b62fbcc7327") format("svg"); } /* Use these names to reference web fonts... ------------------------------------------------- */ /* Custom mixins */ ul.inline, ol.inline { padding: 0; margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; padding-right: 5px; padding-left: 5px; *zoom: 1; } /* * Symbolset * www.symbolset.com * Copyright © 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSSocial"; src: url("../fonts/social-webfonts/ss-social-circle.eot"); src: url("../fonts/social-webfonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("../fonts/social-webfonts/ss-social-circle.woff") format("woff"), url("../fonts/social-webfonts/ss-social-circle.ttf") format("truetype"), url("../fonts/social-webfonts/ss-social-circle.svg#SSSocialCircle") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "SSSocial"; src: url("../fonts/social-webfonts/ss-social-regular.eot"); src: url("../fonts/social-webfonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/social-webfonts/ss-social-regular.woff") format("woff"), url("../fonts/social-webfonts/ss-social-regular.ttf") format("truetype"), url("../fonts/social-webfonts/ss-social-regular.svg#SSSocialRegular") format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"] { -ms-zoom: 1; } .ss-icon, .ss-icon.ss-social, .ss-icon.ss-social-circle, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"][class*=" ss-social"]:before, [class*=" ss-"][class*=" ss-social"]:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"][class*=" ss-social"].right:after, [class*=" ss-"][class*=" ss-social"].right:after { font-family: "SSSocial"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .ss-icon.ss-social-circle, [class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before, [class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after { font-weight: bold; } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } .ss-facebook:before, .ss-facebook.right:after { content: ''; } .ss-twitter:before, .ss-twitter.right:after { content: ''; } .ss-linkedin:before, .ss-linkedin.right:after { content: ''; } .ss-googleplus:before, .ss-googleplus.right:after { content: ''; } .ss-tumblr:before, .ss-tumblr.right:after { content: ''; } .ss-wordpress:before, .ss-wordpress.right:after { content: ''; } .ss-blogger:before, .ss-blogger.right:after { content: ''; } .ss-posterous:before, .ss-posterous.right:after { content: ''; } .ss-youtube:before, .ss-youtube.right:after { content: ''; } .ss-vimeo:before, .ss-vimeo.right:after { content: ''; } .ss-flickr:before, .ss-flickr.right:after { content: ''; } .ss-instagram:before, .ss-instagram.right:after { content: ''; } .ss-pinterest:before, .ss-pinterest.right:after { content: ''; } .ss-svpply:before, .ss-svpply.right:after { content: ''; } .ss-readmill:before, .ss-readmill.right:after { content: ''; } .ss-dropbox:before, .ss-dropbox.right:after { content: ''; } .ss-dribbble:before, .ss-dribbble.right:after { content: ''; } .ss-behance:before, .ss-behance.right:after { content: ''; } .ss-github:before, .ss-github.right:after { content: ''; } .ss-octocat:before, .ss-octocat.right:after { content: ''; } .ss-stackoverflow:before, .ss-stackoverflow.right:after { content: ''; } .ss-paypal:before, .ss-paypal.right:after { content: ''; } .ss-kickstarter:before, .ss-kickstarter.right:after { content: ''; } .ss-foursquare:before, .ss-foursquare.right:after { content: ''; } .ss-skype:before, .ss-skype.right:after { content: ''; } .ss-rdio:before, .ss-rdio.right:after { content: ''; } .ss-spotify:before, .ss-spotify.right:after { content: ''; } .ss-lastfm:before, .ss-lastfm.right:after { content: ''; } .ss-mail:before, .ss-mail.right:after { content: '✉'; } .ss-like:before, .ss-like.right:after { content: '👍'; } .ss-rss:before, .ss-rss.right:after { content: ''; } /* * Symbolset * www.symbolset.com * Copyright © 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSStandard"; src: url("../fonts/standard-webfonts/ss-standard.eot"); src: url("../fonts/standard-webfonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/standard-webfonts/ss-standard.woff") format("woff"), url("../fonts/standard-webfonts/ss-standard.ttf") format("truetype"), url("../fonts/standard-webfonts/ss-standard.svg#SSStandard") format("svg"); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"] { -ms-zoom: 1; } .ss-icon, .ss-icon.ss-standard, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } .ss-cursor:before, .ss-cursor.right:after { content: ''; } .ss-crosshair:before, .ss-crosshair.right:after { content: '⌖'; } .ss-search:before, .ss-search.right:after { content: '🔎'; } .ss-zoomin:before, .ss-zoomin.right:after { content: ''; } .ss-zoomout:before, .ss-zoomout.right:after { content: ''; } .ss-view:before, .ss-view.right:after { content: '👀'; } .ss-attach:before, .ss-attach.right:after { content: '📎'; } .ss-link:before, .ss-link.right:after { content: '🔗'; } .ss-move:before, .ss-move.right:after { content: ''; } .ss-write:before, .ss-write.right:after { content: '✎'; } .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: ''; } .ss-erase:before, .ss-erase.right:after { content: '✐'; } .ss-compose:before, .ss-compose.right:after { content: '📝'; } .ss-lock:before, .ss-lock.right:after { content: '🔒'; } .ss-unlock:before, .ss-unlock.right:after { content: '🔓'; } .ss-key:before, .ss-key.right:after { content: '🔑'; } .ss-backspace:before, .ss-backspace.right:after { content: '⌫'; } .ss-ban:before, .ss-ban.right:after { content: '🚫'; } .ss-trash:before, .ss-trash.right:after { content: ''; } .ss-target:before, .ss-target.right:after { content: '◎'; } .ss-tag:before, .ss-tag.right:after { content: ''; } .ss-bookmark:before, .ss-bookmark.right:after { content: '🔖'; } .ss-flag:before, .ss-flag.right:after { content: '⚑'; } .ss-like:before, .ss-like.right:after { content: '👍'; } .ss-dislike:before, .ss-dislike.right:after { content: '👎'; } .ss-heart:before, .ss-heart.right:after { content: '♥'; } .ss-halfheart:before, .ss-halfheart.right:after { content: ''; } .ss-star:before, .ss-star.right:after { content: '⋆'; } .ss-halfstar:before, .ss-halfstar.right:after { content: ''; } .ss-sample:before, .ss-sample.right:after { content: ''; } .ss-crop:before, .ss-crop.right:after { content: ''; } .ss-layers:before, .ss-layers.right:after { content: ''; } .ss-fill:before, .ss-fill.right:after { content: ''; } .ss-stroke:before, .ss-stroke.right:after { content: ''; } .ss-phone:before, .ss-phone.right:after { content: '📞'; } .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: ''; } .ss-rss:before, .ss-rss.right:after { content: ''; } .ss-facetime:before, .ss-facetime.right:after { content: ''; } .ss-reply:before, .ss-reply.right:after { content: '↩'; } .ss-send:before, .ss-send.right:after { content: ''; } .ss-mail:before, .ss-mail.right:after { content: '✉'; } .ss-inbox:before, .ss-inbox.right:after { content: '📥'; } .ss-chat:before, .ss-chat.right:after { content: '💬'; } .ss-ellipsischat:before, .ss-ellipsischat.right:after { content: ''; } .ss-ellipsis:before, .ss-ellipsis.right:after { content: '…'; } .ss-user:before, .ss-user.right:after { content: '👤'; } .ss-femaleuser:before, .ss-femaleuser.right:after { content: '👧'; } .ss-users:before, .ss-users.right:after { content: '👥'; } .ss-cart:before, .ss-cart.right:after { content: ''; } .ss-creditcard:before, .ss-creditcard.right:after { content: '💳'; } .ss-dollarsign:before, .ss-dollarsign.right:after { content: '💲'; } .ss-barchart:before, .ss-barchart.right:after { content: '📊'; } .ss-piechart:before, .ss-piechart.right:after { content: ''; } .ss-box:before, .ss-box.right:after { content: '📦'; } .ss-home:before, .ss-home.right:after { content: '⌂'; } .ss-buildings:before, .ss-buildings.right:after { content: '🏢'; } .ss-warehouse:before, .ss-warehouse.right:after { content: ''; } .ss-globe:before, .ss-globe.right:after { content: '🌎'; } .ss-navigate:before, .ss-navigate.right:after { content: ''; } .ss-compass:before, .ss-compass.right:after { content: ''; } .ss-signpost:before, .ss-signpost.right:after { content: ''; } .ss-map:before, .ss-map.right:after { content: ''; } .ss-location:before, .ss-location.right:after { content: ''; } .ss-pin:before, .ss-pin.right:after { content: '📍'; } .ss-database:before, .ss-database.right:after { content: ''; } .ss-hdd:before, .ss-hdd.right:after { content: ''; } .ss-music:before, .ss-music.right:after { content: '♫'; } .ss-mic:before, .ss-mic.right:after { content: '🎤'; } .ss-volume:before, .ss-volume.right:after { content: '🔈'; } .ss-lowvolume:before, .ss-lowvolume.right:after { content: '🔉'; } .ss-highvolume:before, .ss-highvolume.right:after { content: '🔊'; } .ss-airplay:before, .ss-airplay.right:after { content: ''; } .ss-camera:before, .ss-camera.right:after { content: '📷'; } .ss-picture:before, .ss-picture.right:after { content: '🌄'; } .ss-video:before, .ss-video.right:after { content: '📹'; } .ss-play:before, .ss-play.right:after { content: '▶'; } .ss-pause:before, .ss-pause.right:after { content: ''; } .ss-stop:before, .ss-stop.right:after { content: '■'; } .ss-record:before, .ss-record.right:after { content: '●'; } .ss-rewind:before, .ss-rewind.right:after { content: '⏪'; } .ss-fastforward:before, .ss-fastforward.right:after { content: '⏩'; } .ss-skipback:before, .ss-skipback.right:after { content: '⏮'; } .ss-skipforward:before, .ss-skipforward.right:after { content: '⏭'; } .ss-eject:before, .ss-eject.right:after { content: '⏏'; } .ss-repeat:before, .ss-repeat.right:after { content: '🔁'; } .ss-replay:before, .ss-replay.right:after { content: '↺'; } .ss-shuffle:before, .ss-shuffle.right:after { content: '🔀'; } .ss-book:before, .ss-book.right:after { content: '📕'; } .ss-openbook:before, .ss-openbook.right:after { content: '📖'; } .ss-notebook:before, .ss-notebook.right:after { content: '📓'; } .ss-newspaper:before, .ss-newspaper.right:after { content: '📰'; } .ss-grid:before, .ss-grid.right:after { content: ''; } .ss-rows:before, .ss-rows.right:after { content: ''; } .ss-columns:before, .ss-columns.right:after { content: ''; } .ss-thumbnails:before, .ss-thumbnails.right:after { content: ''; } .ss-filter:before, .ss-filter.right:after { content: ''; } .ss-desktop:before, .ss-desktop.right:after { content: '💻'; } .ss-laptop:before, .ss-laptop.right:after { content: ''; } .ss-tablet:before, .ss-tablet.right:after { content: ''; } .ss-cell:before, .ss-cell.right:after { content: '📱'; } .ss-battery:before, .ss-battery.right:after { content: '🔋'; } .ss-highbattery:before, .ss-highbattery.right:after { content: ''; } .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: ''; } .ss-lowbattery:before, .ss-lowbattery.right:after { content: ''; } .ss-emptybattery:before, .ss-emptybattery.right:after { content: ''; } .ss-lightbulb:before, .ss-lightbulb.right:after { content: '💡'; } .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: ''; } .ss-download:before, .ss-download.right:after { content: ''; } .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: ''; } .ss-upload:before, .ss-upload.right:after { content: ''; } .ss-fork:before, .ss-fork.right:after { content: ''; } .ss-merge:before, .ss-merge.right:after { content: ''; } .ss-transfer:before, .ss-transfer.right:after { content: '⇆'; } .ss-refresh:before, .ss-refresh.right:after { content: '↻'; } .ss-sync:before, .ss-sync.right:after { content: ''; } .ss-loading:before, .ss-loading.right:after { content: ''; } .ss-wifi:before, .ss-wifi.right:after { content: ''; } .ss-connection:before, .ss-connection.right:after { content: ''; } .ss-file:before, .ss-file.right:after { content: '📄'; } .ss-folder:before, .ss-folder.right:after { content: '📁'; } .ss-quote:before, .ss-quote.right:after { content: '“'; } .ss-text:before, .ss-text.right:after { content: ''; } .ss-font:before, .ss-font.right:after { content: ''; } .ss-print:before, .ss-print.right:after { content: '⎙'; } .ss-fax:before, .ss-fax.right:after { content: '📠'; } .ss-list:before, .ss-list.right:after { content: ''; } .ss-layout:before, .ss-layout.right:after { content: ''; } .ss-action:before, .ss-action.right:after { content: ''; } .ss-redirect:before, .ss-redirect.right:after { content: '↪'; } .ss-expand:before, .ss-expand.right:after { content: '⤢'; } .ss-contract:before, .ss-contract.right:after { content: ''; } .ss-help:before, .ss-help.right:after { content: '❓'; } .ss-info:before, .ss-info.right:after { content: 'ℹ'; } .ss-alert:before, .ss-alert.right:after { content: '⚠'; } .ss-caution:before, .ss-caution.right:after { content: '⛔'; } .ss-logout:before, .ss-logout.right:after { content: ''; } .ss-plus:before, .ss-plus.right:after { content: '+'; } .ss-hyphen:before, .ss-hyphen.right:after { content: '-'; } .ss-check:before, .ss-check.right:after { content: '✓'; } .ss-delete:before, .ss-delete.right:after { content: '␡'; } .ss-settings:before, .ss-settings.right:after { content: '⚙'; } .ss-dashboard:before, .ss-dashboard.right:after { content: ''; } .ss-notifications:before, .ss-notifications.right:after { content: '🔔'; } .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '🔕'; } .ss-clock:before, .ss-clock.right:after { content: '⏲'; } .ss-stopwatch:before, .ss-stopwatch.right:after { content: '⏱'; } .ss-calendar:before, .ss-calendar.right:after { content: '📅'; } .ss-addcalendar:before, .ss-addcalendar.right:after { content: ''; } .ss-removecalendar:before, .ss-removecalendar.right:after { content: ''; } .ss-checkcalendar:before, .ss-checkcalendar.right:after { content: ''; } .ss-deletecalendar:before, .ss-deletecalendar.right:after { content: ''; } .ss-briefcase:before, .ss-briefcase.right:after { content: '💼'; } .ss-cloud:before, .ss-cloud.right:after { content: '☁'; } .ss-droplet:before, .ss-droplet.right:after { content: '💧'; } .ss-flask:before, .ss-flask.right:after { content: ''; } .ss-up:before, .ss-up.right:after { content: '⬆'; } .ss-upright:before, .ss-upright.right:after { content: '⬈'; } .ss-right:before, .ss-right.right:after { content: '➡'; } .ss-downright:before, .ss-downright.right:after { content: '⬊'; } .ss-down:before, .ss-down.right:after { content: '⬇'; } .ss-downleft:before, .ss-downleft.right:after { content: '⬋'; } .ss-left:before, .ss-left.right:after { content: '⬅'; } .ss-upleft:before, .ss-upleft.right:after { content: '⬉'; } .ss-navigateup:before, .ss-navigateup.right:after { content: ''; } .ss-navigateright:before, .ss-navigateright.right:after { content: '▻'; } .ss-navigatedown:before, .ss-navigatedown.right:after { content: ''; } .ss-navigateleft:before, .ss-navigateleft.right:after { content: '◅'; } .ss-directup:before, .ss-directup.right:after { content: '▴'; } .ss-directright:before, .ss-directright.right:after { content: '▹'; } .ss-dropdown:before, .ss-dropdown.right:after { content: '▾'; } .ss-directleft:before, .ss-directleft.right:after { content: '◃'; } .ss-retweet:before, .ss-retweet.right:after { content: ''; } /* Legacy classes */ .ss-volumelow:before, .ss-volumelow.right:after { content: '🔉'; } .ss-volumehigh:before, .ss-volumehigh.right:after { content: '🔊'; } .ss-batteryhigh:before, .ss-batteryhigh.right:after { content: ''; } .ss-batterymedium:before, .ss-batterymedium.right:after { content: ''; } .ss-batterylow:before, .ss-batterylow.right:after { content: ''; } .ss-batteryempty:before, .ss-batteryempty.right:after { content: ''; } .ss-clouddownload:before, .ss-clouddownload.right:after { content: ''; } .ss-cloudupload:before, .ss-cloudupload.right:after { content: ''; } .ss-calendaradd:before, .ss-calendaradd.right:after { content: ''; } .ss-calendarremove:before, .ss-calendarremove.right:after { content: ''; } .ss-calendarcheck:before, .ss-calendarcheck.right:after { content: ''; } .ss-calendardelete:before, .ss-calendardelete.right:after { content: ''; } /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE 6/7. * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE 8/9. * 2. Removes excess padding in IE 8/9. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* Box Sizing ----------------------------------------------------------------- */ /* Rounded Corners ----------------------------------------------- */ /* Box Sizing --------------------------------------------- */ /* Font Face ------------------------------------------------- */ /* Inline Block fallback ---------------------------------------- */ /* Text Shadow -------------------------------------------------- */ /* Transforms ---------------------------------------- */ /* Transitions --------------------------------------- */ /* Requires: normalize.css */ /* Global Reset & Standards ---------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(../js/boxsizing.htc); } html { font-size: 62.5%; } body { background: #fff; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: ms(0); line-height: 1; color: #222; position: relative; -webkit-font-smoothing: antialiased; } /* Links ---------------------- */ a { color: #2ba6cb; text-decoration: none; line-height: inherit; } a:hover { color: #2795b6; } a:focus { color: #2ba6cb; outline: none; } p a, p a:visited { line-height: inherit; } /* Misc ---------------------- */ .left { float: left; } @media only screen and (max-width: 767px) { .left { float: none; } } .right { float: right; } @media only screen and (max-width: 767px) { .right { float: none; } } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .hide { display: none; } .highlight { background: #ffff99; } #googlemap img, object, embed { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } /* Reset for strange margins by default on
elements */ figure { margin: 0; } /* The Grid ---------------------- */ .row { width: 1441px; max-width: 100%; min-width: 768px; margin: 0 auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row.collapse .column, .row.collapse .columns { padding: 0; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .row .row.collapse { margin: 0; } .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .one, .row .one { width: 4.1666666667%; } .two, .row .two { width: 8.3333333333%; } .three, .row .three { width: 12.5%; } .four, .row .four { width: 16.6666666667%; } .five, .row .five { width: 20.8333333333%; } .six, .row .six { width: 25%; } .seven, .row .seven { width: 29.1666666667%; } .eight, .row .eight { width: 33.3333333333%; } .nine, .row .nine { width: 37.5%; } .ten, .row .ten { width: 41.6666666667%; } .eleven, .row .eleven { width: 45.8333333333%; } .twelve, .row .twelve { width: 50%; } .thirteen, .row .thirteen { width: 54.1666666667%; } .fourteen, .row .fourteen { width: 58.3333333333%; } .fifteen, .row .fifteen { width: 62.5%; } .sixteen, .row .sixteen { width: 66.6666666667%; } .seventeen, .row .seventeen { width: 70.8333333333%; } .eighteen, .row .eighteen { width: 75%; } .nineteen, .row .nineteen { width: 79.1666666667%; } .twenty, .row .twenty { width: 83.3333333333%; } .twentyone, .row .twentyone { width: 87.5%; } .twentytwo, .row .twentytwo { width: 91.6666666667%; } .twentythree, .row .twentythree { width: 95.8333333333%; } .twentyfour, .row .twentyfour { width: 100%; } .row .offset-by-one { margin-left: 4.1666666667%; } .row .offset-by-two { margin-left: 8.3333333333%; } .row .offset-by-three { margin-left: 12.5%; } .row .offset-by-four { margin-left: 16.6666666667%; } .row .offset-by-five { margin-left: 20.8333333333%; } .row .offset-by-six { margin-left: 25%; } .row .offset-by-seven { margin-left: 29.1666666667%; } .row .offset-by-eight { margin-left: 33.3333333333%; } .row .offset-by-nine { margin-left: 37.5%; } .row .offset-by-ten { margin-left: 41.6666666667%; } .row .offset-by-eleven { margin-left: 45.8333333333%; } .row .offset-by-twelve { margin-left: 50%; } .row .offset-by-thirteen { margin-left: 54.1666666667%; } .row .offset-by-fourteen { margin-left: 58.3333333333%; } .row .offset-by-fifteen { margin-left: 62.5%; } .row .offset-by-sixteen { margin-left: 66.6666666667%; } .row .offset-by-seventeen { margin-left: 70.8333333333%; } .row .offset-by-eighteen { margin-left: 75%; } .row .offset-by-nineteen { margin-left: 79.1666666667%; } .row .offset-by-twenty { margin-left: 83.3333333333%; } .row .offset-by-twentyone { margin-left: 87.5%; } .row .offset-by-twentytwo { margin-left: 91.6666666667%; } .push-two { left: 8.3333333333%; } .pull-two { right: 8.3333333333%; } .push-three { left: 12.5%; } .pull-three { right: 12.5%; } .push-four { left: 16.6666666667%; } .pull-four { right: 16.6666666667%; } .push-five { left: 20.8333333333%; } .pull-five { right: 20.8333333333%; } .push-six { left: 25%; } .pull-six { right: 25%; } .push-seven { left: 29.1666666667%; } .pull-seven { right: 29.1666666667%; } .push-eight { left: 33.3333333333%; } .pull-eight { right: 33.3333333333%; } .push-nine { left: 37.5%; } .pull-nine { right: 37.5%; } .push-ten { left: 41.6666666667%; } .pull-ten { right: 41.6666666667%; } .push-eleven { left: 45.8333333333%; } .pull-eleven { right: 45.8333333333%; } .push-twelve { left: 50%; } .pull-twelve { right: 50%; } .push-thirteen { left: 54.1666666667%; } .pull-thirteen { right: 54.1666666667%; } .push-fourteen { left: 58.3333333333%; } .pull-fourteen { right: 58.3333333333%; } .push-fifteen { left: 62.5%; } .pull-fifteen { right: 62.5%; } .push-sixteen { left: 66.6666666667%; } .pull-sixteen { right: 66.6666666667%; } .push-seventeen { left: 70.8333333333%; } .pull-seventeen { right: 70.8333333333%; } .push-eighteen { left: 75%; } .pull-eighteen { right: 75%; } .push-nineteen { left: 79.1666666667%; } .pull-nineteen { right: 79.1666666667%; } .push-twenty { left: 83.3333333333%; } .pull-twenty { right: 83.3333333333%; } .push-twentyone { left: 87.5%; } .pull-twentyone { right: 87.5%; } .push-twentytwo { left: 91.6666666667%; } .pull-twentytwo { right: 91.6666666667%; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img { max-width: none !important; } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } /* Mobile Grid and Overrides ---------------------- */ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .column, .columns { width: auto !important; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .offset-by-twelve, .offset-by-thirteen, .offset-by-fourteen, .offset-by-fifteen, .offset-by-sixteen, .offset-by-seventeen, .offset-by-eighteen, .offset-by-nineteen, .offset-by-twenty, .offset-by-twentyone, .offset-by-twentytwo { margin-left: 0 !important; } .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten, .push-eleven, .push-twelve, .push-thirteen, .push-fourteen, .push-fifteen, .push-sixteen, .push-seventeen, .push-eighteen, .push-nineteen, .push-twenty, .push-twentyone, .push-twentytwo { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten, .pull-eleven, .pull-twelve, .pull-thirteen, .pull-fourteen, .pull-fifteen, .pull-sixteen, .pull-seventeen, .pull-eighteen, .pull-nineteen, .pull-twenty, .pull-twentyone, .pull-twentytwo { right: auto; } /* Mobile 4-column Grid */ .row .mobile-one { width: 4.1666666667% !important; float: left; padding: 0 15px; } .row .mobile-one:last-child { float: right; } .row .mobile-one.end { float: left; } .row.collapse .mobile-one { padding: 0; } .row .mobile-two { width: 8.3333333333% !important; float: left; padding: 0 15px; } .row .mobile-two:last-child { float: right; } .row .mobile-two.end { float: left; } .row.collapse .mobile-two { padding: 0; } .row .mobile-three { width: 12.5% !important; float: left; padding: 0 15px; } .row .mobile-three:last-child { float: right; } .row .mobile-three.end { float: left; } .row.collapse .mobile-three { padding: 0; } .row .mobile-four { width: 16.6666666667% !important; float: left; padding: 0 15px; } .row .mobile-four:last-child { float: right; } .row .mobile-four.end { float: left; } .row.collapse .mobile-four { padding: 0; } .row .mobile-five { width: 20.8333333333% !important; float: left; padding: 0 15px; } .row .mobile-five:last-child { float: right; } .row .mobile-five.end { float: left; } .row.collapse .mobile-five { padding: 0; } .row .mobile-six { width: 25% !important; float: left; padding: 0 15px; } .row .mobile-six:last-child { float: right; } .row .mobile-six.end { float: left; } .row.collapse .mobile-six { padding: 0; } .row .mobile-seven { width: 29.1666666667% !important; float: left; padding: 0 15px; } .row .mobile-seven:last-child { float: right; } .row .mobile-seven.end { float: left; } .row.collapse .mobile-seven { padding: 0; } .row .mobile-eight { width: 33.3333333333% !important; float: left; padding: 0 15px; } .row .mobile-eight:last-child { float: right; } .row .mobile-eight.end { float: left; } .row.collapse .mobile-eight { padding: 0; } .row .mobile-nine { width: 37.5% !important; float: left; padding: 0 15px; } .row .mobile-nine:last-child { float: right; } .row .mobile-nine.end { float: left; } .row.collapse .mobile-nine { padding: 0; } .row .mobile-ten { width: 41.6666666667% !important; float: left; padding: 0 15px; } .row .mobile-ten:last-child { float: right; } .row .mobile-ten.end { float: left; } .row.collapse .mobile-ten { padding: 0; } .row .mobile-eleven { width: 45.8333333333% !important; float: left; padding: 0 15px; } .row .mobile-eleven:last-child { float: right; } .row .mobile-eleven.end { float: left; } .row.collapse .mobile-eleven { padding: 0; } .row .mobile-twelve { width: 50% !important; float: left; padding: 0 15px; } .row .mobile-twelve:last-child { float: right; } .row .mobile-twelve.end { float: left; } .row.collapse .mobile-twelve { padding: 0; } .row .mobile-thirteen { width: 54.1666666667% !important; float: left; padding: 0 15px; } .row .mobile-thirteen:last-child { float: right; } .row .mobile-thirteen.end { float: left; } .row.collapse .mobile-thirteen { padding: 0; } .row .mobile-fourteen { width: 58.3333333333% !important; float: left; padding: 0 15px; } .row .mobile-fourteen:last-child { float: right; } .row .mobile-fourteen.end { float: left; } .row.collapse .mobile-fourteen { padding: 0; } .row .mobile-fifteen { width: 62.5% !important; float: left; padding: 0 15px; } .row .mobile-fifteen:last-child { float: right; } .row .mobile-fifteen.end { float: left; } .row.collapse .mobile-fifteen { padding: 0; } .row .mobile-sixteen { width: 66.6666666667% !important; float: left; padding: 0 15px; } .row .mobile-sixteen:last-child { float: right; } .row .mobile-sixteen.end { float: left; } .row.collapse .mobile-sixteen { padding: 0; } .row .mobile-seventeen { width: 70.8333333333% !important; float: left; padding: 0 15px; } .row .mobile-seventeen:last-child { float: right; } .row .mobile-seventeen.end { float: left; } .row.collapse .mobile-seventeen { padding: 0; } .row .mobile-eighteen { width: 75% !important; float: left; padding: 0 15px; } .row .mobile-eighteen:last-child { float: right; } .row .mobile-eighteen.end { float: left; } .row.collapse .mobile-eighteen { padding: 0; } .row .mobile-nineteen { width: 79.1666666667% !important; float: left; padding: 0 15px; } .row .mobile-nineteen:last-child { float: right; } .row .mobile-nineteen.end { float: left; } .row.collapse .mobile-nineteen { padding: 0; } .row .mobile-twenty { width: 83.3333333333% !important; float: left; padding: 0 15px; } .row .mobile-twenty:last-child { float: right; } .row .mobile-twenty.end { float: left; } .row.collapse .mobile-twenty { padding: 0; } .row .mobile-twentyone { width: 87.5% !important; float: left; padding: 0 15px; } .row .mobile-twentyone:last-child { float: right; } .row .mobile-twentyone.end { float: left; } .row.collapse .mobile-twentyone { padding: 0; } .row .mobile-twentytwo { width: 91.6666666667% !important; float: left; padding: 0 15px; } .row .mobile-twentytwo:last-child { float: right; } .row .mobile-twentytwo.end { float: left; } .row.collapse .mobile-twentytwo { padding: 0; } .row .mobile-twentythree { width: 95.8333333333% !important; float: left; padding: 0 15px; } .row .mobile-twentythree:last-child { float: right; } .row .mobile-twentythree.end { float: left; } .row.collapse .mobile-twentythree { padding: 0; } .row .mobile-twentyfour { width: 100% !important; float: left; padding: 0 15px; } .row .mobile-twentyfour:last-child { float: right; } .row .mobile-twentyfour.end { float: left; } .row.collapse .mobile-twentyfour { padding: 0; } .push-one-mobile { left: 4.1666666667%; } .pull-one-mobile { right: 4.1666666667%; } .push-two-mobile { left: 8.3333333333%; } .pull-two-mobile { right: 8.3333333333%; } .push-three-mobile { left: 12.5%; } .pull-three-mobile { right: 12.5%; } .push-four-mobile { left: 16.6666666667%; } .pull-four-mobile { right: 16.6666666667%; } .push-five-mobile { left: 20.8333333333%; } .pull-five-mobile { right: 20.8333333333%; } .push-six-mobile { left: 25%; } .pull-six-mobile { right: 25%; } .push-seven-mobile { left: 29.1666666667%; } .pull-seven-mobile { right: 29.1666666667%; } .push-eight-mobile { left: 33.3333333333%; } .pull-eight-mobile { right: 33.3333333333%; } .push-nine-mobile { left: 37.5%; } .pull-nine-mobile { right: 37.5%; } .push-ten-mobile { left: 41.6666666667%; } .pull-ten-mobile { right: 41.6666666667%; } .push-eleven-mobile { left: 45.8333333333%; } .pull-eleven-mobile { right: 45.8333333333%; } .push-twelve-mobile { left: 50%; } .pull-twelve-mobile { right: 50%; } .push-thirteen-mobile { left: 54.1666666667%; } .pull-thirteen-mobile { right: 54.1666666667%; } .push-fourteen-mobile { left: 58.3333333333%; } .pull-fourteen-mobile { right: 58.3333333333%; } .push-fifteen-mobile { left: 62.5%; } .pull-fifteen-mobile { right: 62.5%; } .push-sixteen-mobile { left: 66.6666666667%; } .pull-sixteen-mobile { right: 66.6666666667%; } .push-seventeen-mobile { left: 70.8333333333%; } .pull-seventeen-mobile { right: 70.8333333333%; } .push-eighteen-mobile { left: 75%; } .pull-eighteen-mobile { right: 75%; } .push-nineteen-mobile { left: 79.1666666667%; } .pull-nineteen-mobile { right: 79.1666666667%; } .push-twenty-mobile { left: 83.3333333333%; } .pull-twenty-mobile { right: 83.3333333333%; } .push-twentyone-mobile { left: 87.5%; } .pull-twentyone-mobile { right: 87.5%; } .push-twentytwo-mobile { left: 91.6666666667%; } .pull-twentytwo-mobile { right: 91.6666666667%; } .push-twentythree-mobile { left: 95.8333333333%; } .pull-twentythree-mobile { right: 95.8333333333%; } } /* Block Grids ---------------------- */ /* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; padding: 0; } .block-grid > li { display: block; height: auto; float: left; } .block-grid.one-up { margin: 0; } .block-grid.one-up > li { width: 100%; padding: 0 0 15px; } .block-grid.two-up { margin: 0 -15px; } .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } .block-grid.two-up > li:nth-child(2n+1) { clear: both; } .block-grid.three-up { margin: 0 -12px; } .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; } .block-grid.three-up > li:nth-child(3n+1) { clear: both; } .block-grid.four-up { margin: 0 -10px; } .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } .block-grid.four-up > li:nth-child(4n+1) { clear: both; } .block-grid.five-up { margin: 0 -8px; } .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } .block-grid.five-up > li:nth-child(5n+1) { clear: both; } /* Mobile Block Grids */ @media only screen and (max-width: 767px) { .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } .block-grid > li { clear: none !important; } .block-grid.mobile-two-up > li { width: 50%; } .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; } .block-grid.mobile-three-up > li { width: 33.33%; } .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; } .block-grid.mobile-four-up > li { width: 25%; } .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; } .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; } } /* Requires: globals.css */ /* Table of Contents :: Visibility :: Alerts :: Labels :: Tooltips :: Panels :: Accordion :: Side Nav :: Sub Nav :: Pagination :: Breadcrumbs :: Lists :: Link Lists :: Keystroke Chars :: Image Thumbnails :: Video :: Tables :: Microformats :: Progress Bars */ /* Visibility Classes ---------------------- */ /* Standard (large) display targeting */ .show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge { display: none !important; } .hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down { display: block !important; } /* Very large display targeting */ @media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: block !important; } .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } } /* Medium display targeting */ @media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; } .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } } /* Small display targeting */ @media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; } .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: block !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: block !important; } .touch .show-for-touch { display: block !important; } .touch .hide-for-touch { display: none !important; } /* Specific overrides for elements that require something other than display: block */ table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; } @media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } } @media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); border: 15px solid #FFF; } #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxLoadedContent section > *:first-child { margin-top: 0; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: url(../img/cbox-overlay.png) repeat 0 0; } #cboxContent { background: #fff; overflow: hidden; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious { position: absolute; bottom: 0; left: 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxPrevious:hover { background-position: -75px -25px; } #cboxNext { position: absolute; bottom: 0; left: 27px; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext:hover { background-position: -50px -25px; } #cboxLoadingOverlay { background: url(../img/cbox-loading_background.png) no-repeat center center; } #cboxLoadingGraphic { background: url(../img/cbox-loading.gif) no-repeat center center; } /*#cboxClose{ position:absolute; top:5px; right:0; //background:url(../img/controls.png) no-repeat -25px 0; width:25px; height:25px; //text-indent:-9999px; color: #333; text-shadow: 1px 1px 2px rgba(0,0,0,.15); }*/ .ss-delete#cboxClose:hover { text-shadow: 0 0 0 rgba(255, 255, 255, 0); } #cboxContent.content-image { padding: 30px 0 0; } #cboxContent.content-image .ss-delete#cboxClose { top: 0; right: 1px; } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav .flex-next:hover { opacity: .5; } .flex-direction-nav .flex-prev:hover { opacity: .5; } .flex-direction-nav .flex-disabled { display: none; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* Global flexslider styles */ .flexslider { border: none; margin: 0; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /*.awards .flexslider .slides > li, .full-width .flexslider .slides > li{width:320px;list-style: none;} .awards .flexslider .slides > li figure, .full-width .flexslider .slides > li figure{padding-right:10px;} .videos .flexslider .slides > li{width:355px;list-style: none;} .videos .flexslider .slides > li figure{padding-right:10px;}*/ .flex-direction-nav li { list-style: none; } .flex-direction-nav { width: 100%; position: absolute; top: 50%; margin-top: -69px; } .flex-prev, .flex-next { position: absolute; width: 23px; height: 137px; top: auto; } .flex-prev { background: url(../img/sprites/home-videoslider-arrow-left.png) 0 0 no-repeat; left: -30px; } .flex-next { background: url(../img/sprites/home-videoslider-arrow-right.png) 0 0 no-repeat; right: -30px; } /* Uniform Theme: Uniform Default Version: 1.8 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://uniformjs.com/ */ /* General settings */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image: url("../img/spriteb.png"); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } .selector, .checker, .button, .radio, .uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0; } .selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button * { margin: 0; padding: 0; } .highContrastDetect { background: url("../img/bg-input.png") repeat-x 0 0; width: 0px; height: 0px; } /* Input & Textarea */ input.text, input.email, input.search, input.tel, input.url, input.datetime, input.date, input.month, input.week, input.time, input.datetime-local, input.number, input.color, input.password, select.uniform-multiselect, textarea.uniform { padding: 3px; background: url("../img/bg-input.png") repeat-x 0 0; outline: 0; } /* Remove default webkit and possible mozilla .search styles */ div.checker input, input.search, input.search:active { -moz-appearance: none; -webkit-appearance: none; } input.text:focus, input.email:focus, input.search:focus, input.tel:focus, input.url:focus, input.datetime:focus, input.date:focus, input.month:focus, input.week:focus, input.time:focus, input.datetime-local:focus, input.number:focus, input.color:focus, input.password:focus, select.uniform-multiselect:focus, textarea.uniform:focus { background: url("../img/bg-input-focus.png") repeat-x 0 0; } /* Select */ div.selector { background-position: 0 -210px; line-height: 42px; height: 42px; padding: 0 0 0 0; position: relative; overflow: hidden; } div.selector.fixedWidth { width: 190px; } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 42px; line-height: 42px; padding-right: 0; cursor: pointer; width: 100%; display: block; } div.selector.fixedWidth span { width: 190px; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: #fff; color: #333; position: absolute; height: 38px; top: 0px; left: 0px; width: 100%; } div.selector:active, div.selector.active { background-position: 0 -252px; } div.selector:active span, div.selector.active span { background-position: right -42px; } div.selector.focus, div.selector.hover, div.selector:hover { background-position: 0 -294px; } div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -84px; } div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover { background-position: 0 -336px; } div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span { background-position: right -126px; } div.selector.disabled, div.selector.disabled:active, div.selector.disabled.active { background-position: 0 -378px; } div.selector.disabled span, div.selector.disabled:active span, div.selector.disabled.active span { background-position: right -168px; } /* Checkbox */ div.checker, div.checker span, div.checker input { width: 20px; height: 20px; } div.checker { position: relative; } div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -420px; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: #fff; color: #333; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; } div.checker:active span, div.checker.active span { background-position: -20px -420px; } div.checker.focus span, div.checker:hover span { background-position: -40px -420px; } div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span { background-position: -60px -420px; } div.checker span.checked { background-position: -80px -420px; } div.checker:active span.checked, div.checker.active span.checked { background-position: -100px -420px; } div.checker.focus span.checked, div.checker:hover span.checked { background-position: -120px -420px; } div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked { background-position: -140px -420px; } div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span { background-position: -160px -420px; } div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked { background-position: -180px -420px; } /* Radio */ div.radio, div.radio span, div.radio input { width: 18px; height: 18px; } div.radio { position: relative; } div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -440px; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: #fff; color: #333; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; } div.radio:active span, div.radio.active span { background-position: -36px -440px; } div.radio.focus span, div.radio:hover span { background-position: -72px -440px; } div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span { background-position: -54px -440px; } div.radio span.checked { background-position: -72px -440px; } div.radio:active span.checked, div.radio.active span.checked { background-position: -90px -440px; } div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -440px; } div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked { background-position: -126px -440px; } div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span { background-position: -144px -440px; } div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked { background-position: -162px -440px; } /* Uploader */ div.uploader { background-position: 0 -458px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; } div.uploader span.action { background-position: right -570px; height: 28px; line-height: 28px; width: 82px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 85px; padding: 0 10px; } div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: #fff; color: #333; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; } div.uploader.focus, div.uploader.hover, div.uploader:hover { background-position: 0 -514px; } div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action { background-position: right -598px; } div.uploader.active span.action, div.uploader:active span.action { background-position: right -626px; } div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action { background-position: right -654px; } div.uploader.disabled { background-position: 0 -486px; } div.uploader.disabled span.action { background-position: right -542px; } /* Buttons */ div.button a, div.button button, div.button input { position: absolute; display: none; } div.button { background-position: 0 -802px; height: 30px; cursor: pointer; position: relative; } div.button span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; line-height: 1; text-align: center; background-position: right -682px; height: 22px; margin-left: 13px; padding: 8px 15px 0 2px; } div.button.focus, div.button:focus, div.button:hover, div.button.hover { background-position: 0 -862px; } div.button.focus span, div.button:focus span, div.button:hover span, div.button.hover span { background-position: right -742px; } div.button.active, div.button:active { background-position: 0 -832px; } div.button.active span, div.button:active span { background-position: right -712px; cursor: default; } div.button.disabled { background-position: 0 -892px; } /* Separate from above due to IE8 */ div.button:disabled { background-position: 0 -892px; } div.button.disabled span { background-position: right -772px; cursor: default; } /* Separate from above due to IE8 */ div.button:disabled span { background-position: right -772px; cursor: default; } /* INPUT & TEXTAREA */ input.text, input.email, input.search, input.tel, input.url, input.datetime, input.date, input.month, input.week, input.time, input.datetime-local, input.number, input.color, input.password, select.uniform-multiselect, textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; color: #777; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input.text:focus, input.email:focus, input.search:focus, input.tel:focus, input.url:focus, input.datetime:focus, input.date:focus, input.month:focus, input.week:focus, input.time:focus, input.datetime-local:focus, input.number:focus, input.color:focus, input.password:focus, select.uniform-multiselect:focus, textarea.uniform:focus { -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-color: #999; } /* PRESENTATION */ /* Buttons */ div.button.active span, div.button:active span { color: #555; } div.button span { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } div.button.disabled span { color: #bbb; } /* Separate from above due to IE8 */ div.button:disabled span { color: #bbb; } /* Select */ div.selector select { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } div.selector span { color: #666; padding-left: 10px; width: 95% !important; } div.selector.disabled span { color: #bbb; } /* Checker */ div.checker { margin-right: 5px; } /* Radio */ div.radio { margin-right: 3px; } /* Uploader */ div.uploader span.action { text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } div.uploader span.filename { color: #777; border-right: solid 1px #bbb; font-size: 11px; } div.uploader.disabled span.action { color: #aaa; } div.uploader.disabled span.filename { border-color: #ddd; color: #aaa; } /* C-C01 (resource module ) */ section.resources > .row > .columns { position: relative; } section.resources > .row > .columns .imgwrap { float: left; } section.resources > .row > .columns a + .content { margin-left: 120px; } section.resources img { float: left; } section.resources img + .content { margin-left: 120px; } section.resources .simple-heading { margin-top: 0; } @media only screen and (min-width: 768px) { section.resources .see-more { position: absolute; bottom: 0; } } /* C-C03 (success stories) */ section.success-stories-module > .row { margin-bottom: 20px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #bebebe; } section.success-stories-module > .row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } section.success-stories-module > .row.last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /* C-C04 */ section.page-title header.page-title > .row { margin-bottom: 20px; } @media only screen and (max-width: 1279px) { section.page-title header.page-title > .row { margin: 0 0; } } section.page-title header.page-title > .row .neato-button { font-family: "Geogrotesque W01 Medium", helvetica, sans-serif; font-size: 18px; margin-top: 10px; text-align: center; width: 100%; } section.page-title header.page-title > .row .neato-button.bold { font-family: "GeogrotesqueW01-Semibol 1185180", helvetica, sans-serif; } section.page-title header.page-title > .row .neato-button.tall { padding: 20px; } @media only screen and (max-width: 768px) { section.page-title header.page-title .neato-button { margin-top: 10px; } } /* C-C06 (page title) */ .single-column header.page-title > .row { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } header.page-title > .row { margin-top: 20px; /*margin-bottom: 20px; padding-bottom:20px; border-bottom:1px solid $hr;*/ } @media only screen and (max-width: 1279px) { header.page-title > .row { margin: 0 0; } } header.page-title h1 { margin: 0; } /* C-C07 */ /* C-C08 */ @media only screen and (max-width: 767px) { section.product-promo .row > .columns { margin-top: 10px; } section.product-promo .row > .columns .callout-block p { text-align: left !important; } section.product-promo .odd-button { bottom: auto !important; } } /* C-C09 (driver download module) */ section.driver-dl .driver-category label { margin-top: 0; } section.driver-dl .driver-type, section.driver-dl .data-source, section.driver-dl .operating-system, section.driver-dl .contact-info { margin-bottom: 10px; } section.driver-dl .driver-type.hide, section.driver-dl .data-source.hide, section.driver-dl .operating-system.hide, section.driver-dl .contact-info.hide { opacity: .3; display: block; } section.driver-dl .driver-type.hide .download-select, section.driver-dl .driver-type.hide .inner, section.driver-dl .data-source.hide .download-select, section.driver-dl .data-source.hide .inner, section.driver-dl .operating-system.hide .download-select, section.driver-dl .operating-system.hide .inner, section.driver-dl .contact-info.hide .download-select, section.driver-dl .contact-info.hide .inner { display: none; } section.driver-dl .driver-type label, section.driver-dl .data-source label, section.driver-dl .operating-system label { display: block; } section.driver-dl .data-source > .inner { background: #e6e6e6; padding: 8px; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } section.driver-dl .data-source fieldset { margin: 0 15px 15px 0; } section.driver-dl textarea { width: 100%; height: 200px; margin-top: 20px; font-size: 14px; padding: 5px; } section.driver-dl .eula { float: right; margin-top: 5px; display: inline; } section.driver-dl .eula input { margin-left: 10px; } section.driver-dl > .row:first-child { border-top: none; margin-top: 0; padding-top: 0; } section.driver-dl > .row:first-child > .columns.eighteen > .content > .row { margin-bottom: 15px; } section.driver-dl .eighteen.columns > .row, section.driver-dl .row .columns.eighteen > .row { margin-bottom: 15px; } section.driver-dl .contain { clear: both; } section.driver-dl .simple-heading { margin-top: 0; } section.driver-dl .simple-heading a { color: #ff4e00; } section.driver-dl select { width: 98%; } section.driver-dl select .full { width: 100%; } section.driver-dl div.selector span { width: 100% !important; } section.driver-dl .subnav { width: 90%; } section.driver-dl .menu { position: relative; z-index: 2; } section.driver-dl .menu ul { background: #ff4e00; padding: 0; margin: 0; } section.driver-dl .menu li { list-style-type: none; } section.driver-dl .menu a { display: block; color: #FFF; font-size: 14px; font-weight: bold; padding: 15px 15px; border-top: 1px solid rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 #666; text-decoration: none; position: relative; } section.driver-dl .menu a:hover { background: rgba(0, 0, 0, 0.05); } section.driver-dl .menu a.selected { background: rgba(0, 0, 0, 0.25); } section.driver-dl .menu a.selected:after { content: ''; height: 0; width: 0; border-left: 25px solid #BF5805; border-top: 25px solid transparent; border-bottom: 25px solid transparent; position: absolute; right: -25px; top: 0; } section.driver-dl .menu a li:first-child a { border-top: none; } section.driver-dl .neato-button { float: right; margin: 10px 0 0 0; } section.driver-dl label { display: inline; font-weight: bold; margin-top: 1em; } section.driver-dl label.hidden { display: none; } section.driver-dl input[type=text], section.driver-dl input[type=search], section.driver-dl input[type=email], section.driver-dl input[type=tel] { width: 100%; } section.driver-dl .contact-info > .twentyfour, section.driver-dl .row .contact-info > .twentyfour { position: relative; } section.driver-dl .contact-info > .twentyfour p span { color: #ff4e00; font-size: 20px; position: absolute; margin-left: 5px; top: -2px; } section.driver-dl .contact-info label ins { text-decoration: none !important; } section.driver-dl .contact-info label ins:before { content: "*"; color: #ff4e00; font-size: 25px; position: relative; left: 0; top: .35em; padding-right: 5px; } section.driver-dl .contact-info label.eula:before { content: "*"; color: #ff4e00; font-size: 25px; position: relative; top: 9px; left: -3px; line-height: .6; padding-right: 0; } section.driver-dl #uniform-eula span label.error { position: absolute; right: 0; margin-top: -5em; min-width: 170px; } /* C-C10 (Event Details) */ section.event-detail > div.row:first-child { margin-top: 20px; } /* C-C11 (social media icons - homepage */ section.social .mobile-twelve { width: 19%; display: inline-block; } section.social .twenty.columns { text-align: center; } section.social .social-icon-wrapper { display: inline-block; text-align: center; } section.social .social-icon-wrapper:hover .icon { background: #54565b; color: #FFF; border-color: #54565b; } section.social .social-icon-wrapper:hover .icon a { color: #fff; } section.social .social-icon-wrapper:hover .icon.dev-network span { background: url(../img/sprites/dev-network-social-icon-hover.png) 0 0 no-repeat; } section.social .social-icon-wrapper .icon { position: relative; font-size: 35px; display: inline-block; margin-top: 6px; color: #666; text-align: center; margin: 0 auto; width: 70px; height: 70px; border-radius: 35px; background: #FFF; border: 6px solid #E8E9E9; padding-top: .3em; margin-bottom: 10px; } section.social .social-icon-wrapper .icon a { color: #666; } section.social .social-icon-wrapper .icon.ss-linkedin { font-size: 32px; padding-top: .2em; } section.social .social-icon-wrapper .icon.dev-network { margin-bottom: 5px; } section.social .social-icon-wrapper .icon.dev-network span { display: inline-block; position: absolute; width: 38px; height: 26px; left: 9px; top: 13px; background: url(../img/sprites/dev-network-social-icon.png) 0 0 no-repeat; } section.social .social-icon-wrapper .icon-text { display: block; } .oldie section.social .social-icon-wrapper { cursor: pointer; } .oldie section.social .social-icon-wrapper .icon { border: none; font-family: sans-serif; padding: 0; width: 72px; height: 72px; text-indent: -999em; } .oldie section.social .social-icon-wrapper .icon a { display: none; } .oldie section.social .social-icon-wrapper .icon.ss-linkedin { padding: 0; } .oldie section.social .social-icon-wrapper.facebook .icon { background: url(../img/icons/ie_facebook.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.facebook .icon:hover { background: url(../img/icons/ie_facebook_hover.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.twitter .icon { background: url(../img/icons/ie_twitter.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.twitter .icon:hover { background: url(../img/icons/ie_twitter_hover.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.dev .icon { background: url(../img/icons/ie_network.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.dev .icon:hover { background: url(../img/icons/ie_network_hover.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.youtube .icon { background: url(../img/icons/ie_youtube.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.youtube .icon:hover { background: url(../img/icons/ie_youtube_hover.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.linkedin .icon { background: url(../img/icons/ie_linkedin.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.linkedin .icon:hover { background: url(../img/icons/ie_linkedin_hover.png) 0 0 no-repeat; } .ie9 section.social .social-icon-wrapper.dev .icon { background: url(../img/icons/ie_network.png) -6px -7px no-repeat; text-indent: -100em; } .ie9 section.social .social-icon-wrapper.dev .icon:hover { background: transparent url(../img/icons/ie_network_hover.png) -6px -7px no-repeat; } .ie9 section.social .social-icon-wrapper:hover .icon { background-color: #195e97; color: #FFF; border-color: #195e97; } .ie9 section.social .social-icon-wrapper:hover .icon a { color: #fff; } @media only screen and (max-width: 767px) { section.blog-roll .blog-snippet { margin-bottom: 35px !important; } section.blog-roll .row .five { margin-bottom: 10px; } } /* C-C12 (announcements ) */ section.announcements .announcement a { font-size: 36px; font-style: italic; color: #b3b3b3; line-height: 1.2; } section.announcements .announcement a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { section.announcements .announcement a { font-size: 24px; } } /* C-C13 (News) */ section.news-events time { font-weight: bold; } section.news-events article { margin-bottom: 10px; } /* C-C14 (calculator) */ .calculator { /* Graph Styles */ } .calculator .calc-app .question-panel { height: 190px; } .calculator .calc-app .question-option { border: 1px solid #ccc; background-color: #f3f3f3; -moz-border-radius: .5em; border-radius: .5em; display: block; float: left; width: 167px; height: 170px; text-decoration: none; margin-right: 8px; font-weight: bold; cursor: pointer; } .calculator .calc-app .question-option .question { font-size: 13px; background-color: #10578d; display: block; color: #fff; padding: 10px 0; padding-left: 6px; } .calculator .calc-app .question-option ul { margin: 0; padding: 0; margin-left: 5px; list-style: none; } .calculator .calc-app .question-option li { margin-left: 5px; margin-top: 10px; font-size: 12px; font-weight: normal; vertical-align: middle; } .calculator .calc-app .question-option li input { cursor: pointer; } .calculator .calc-app #results { margin-top: 15px; padding-top: 15px; border-top: 1px solid #aaa; } .calculator .calc-app .try-it-out { clear: both; padding-top: 20px; text-align: center; display: none; } .calculator div.radio input { opacity: 1 !important; } .calculator .question-option li { list-style: none; } .calculator li { list-style: none; } .calculator ul { padding: 0; } .calculator input[type=radio] { margin-right: 10px; } .calculator .calc-chart .cpu-color, .calculator .calc-chart-legend .cpu-color { background-color: #005fa5; } .calculator .calc-chart .memory-color, .calculator .calc-chart-legend .memory-color { background-color: #14cc9c; } .calculator .calc-chart .throughput-color, .calculator .calc-chart-legend .throughput-color { background-color: #ff7700; } .calculator .calc-chart-legend { float: left; margin-left: 50px; margin-bottom: 10px; } .calculator .calc-chart-legend dl { margin: 0; margin-left: 10px; } .calculator .calc-chart-legend dt { float: left; margin: 0; color: #fff; padding: 1px; margin-top: 5px; border: 1px solid #ccc; } .calculator .calc-chart-legend dt span { width: 15px; height: 10px; font-size: 8px; display: block; } .calculator .calc-chart-legend dd.memory { width: 135px; } .calculator .calc-chart-legend dd { float: left; margin: 0; margin-left: 5px; font-size: 11px; width: 90px; margin-top: 5px; } .calculator .calc-chart { clear: both; } .calculator .calc-chart .chart { float: left; width: 270px; height: 330px; position: relative; } .calculator .calc-chart .chart-background { position: absolute; top: 0; left: 0; } .calculator .calc-chart .chart-background { margin: 0; padding: 0; } .calculator .calc-chart .chart-background dt { margin: 0; padding: 0; clear: left; float: left; width: 50px; height: 50px; text-align: right; } .calculator .calc-chart .chart-background dt span { padding-top: 34px; display: block; font-size: 11px; } .calculator .calc-chart .chart-background dd { margin: 0; padding: 0; float: left; width: 200px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; height: 50px; margin-left: 5px; } .calculator .calc-chart .throughput-chart { width: 200px; } .calculator .calc-chart .throughput-chart dd { width: 120px; } .calculator .calc-chart .bar { position: absolute; z-index: 1219; width: 60px; font-size: 0; } .calculator .calc-chart .zero { border-bottom: 2px solid #aaa !important; } .calculator .calc-chart .chart-wrap { width: 200px; height: 400px; position: absolute; top: 0; left: 56px; } .calculator .calc-chart .throughput-chart .chart-wrap { width: 130px; } .calculator .calc-chart .cpu { left: 25px; display: none; } .calculator .calc-chart .memory { left: 115px; display: none; } .calculator .calc-chart .throughput { left: 30px; display: none; } .calculator .calc-chart span.label { font-size: 14px; font-family: Arial; font-weight: bold; position: absolute; width: 60px; text-align: center; } .calculator .calc-chart-explanation { clear: both; } .calculator .calc-chart-explanation .cpu-memory-explanation { float: left; width: 230px; margin-left: 30px; } .calculator .calc-chart-explanation .throughput-explanation { float: left; width: 180px; margin-left: 50px; } .calculator .calc-recommended-driver { font-weight: bold; } /* C-C16 (social media flyout) */ section.social-flyout-wrapper > .row { position: relative; } .social-flyout { position: absolute; margin-top: 20px; right: -50px; top: 0; z-index: 10; background: #b3b3b3; font-size: 14px; color: #333; overflow: hidden; width: 40px; padding: 15px 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; cursor: pointer; } .social-flyout .close { color: #FFF; padding: 5px 6px 2px 6px; right: -45px; top: 11px; -webkit-transition: right .4s; -moz-transition: right .4s; transition: right .4s; } .social-flyout .container { width: 300px; } .social-flyout.active { overflow: visible; right: -15px; width: 328px; } .social-flyout.active .icons { opacity: 1; } .social-flyout.active .close { right: 15px; } .social-flyout .icons { display: inline-block; vertical-align: middle; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; } .social-flyout .text { padding: 0; margin: 0; display: inline-block; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 1px; font-weight: bold; color: #333; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } @media only screen and (max-width: 767px) { div.social-flyout { overflow: visible; position: relative !important; margin-top: 0; overflow: auto; width: auto; padding: 5px 0; } div.social-flyout .container { width: auto; text-align: center; } div.social-flyout .text { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); left: 0; display: block; } div.social-flyout .close { display: none; } } .oldie .social-flyout .text { writing-mode: tb-rl; } @media only screen and (max-width: 1050px) { .social-flyout { position: absolute; right: 0; top: auto; } .social-flyout .text { position: relative; left: -5px; } .social-flyout .icons { opacity: 1; position: relative; } } /* C-C06 (page title) */ .single-column header.page-title > .row { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } header.page-title > .row { margin-top: 20px; /*margin-bottom: 20px; padding-bottom:20px; border-bottom:1px solid $hr;*/ } header.page-title h1 { margin: 0; } /* C-C06 (page title) */ .single-column header.page-title > .row { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } header.page-title > .row { margin-top: 20px; /*margin-bottom: 20px; padding-bottom:20px; border-bottom:1px solid $hr;*/ } header.page-title h1 { margin: 0; } /* C-C19 (page title) */ .single-column header.page-title > .row { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } header.page-title > .row { margin-top: 20px; /*margin-bottom: 20px; padding-bottom:20px; border-bottom:1px solid $hr;*/ } header.page-title h1 { margin: 0; } /* C-C20 - based on C-CRS14 */ section.text-module .row > .columns { position: relative; } section.text-module .row + .row { margin-top: 15px; } section.text-module .neato-button { font-family: "Geogrotesque W01 Medium", helvetica, sans-serif; font-size: 18px; margin-top: 10px; text-align: center; width: 100%; } section.text-module .neato-button.bold { font-family: "GeogrotesqueW01-Semibol 1185180", helvetica, sans-serif; } section.text-module .neato-button.tall { padding: 20px; } @media only screen and (max-width: 768px) { section.text-module.full-width .neato-button { margin-top: 10px; } } .container .fourtabs ul { padding: 0; width: 100%; display: block; } @media only screen and (max-width: 768px) { .container .fourtabs ul { height: 100px; padding-top: 10px; border-bottom: 1px solid #bebebe; } } .container .fourtabs ul li { border-bottom: 1px solid #bebebe; float: left; display: block; height: 100%; padding-bottom: 1.2%; margin-top: 0; margin-bottom: 20px; position: relative; text-align: center; width: 25%; } @media only screen and (max-width: 768px) { .container .fourtabs ul li { border-bottom: none; } } .container .fourtabs ul li ins { display: block; position: absolute; margin-left: 39%; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; border-top: 10px solid #649925; } .container .fourtabs ul li a { color: #8B8B8B; max-width: 100%; } .container .fourtabs ul li a:hover { color: #649925; } .container .fourtabs ul li[data-tab="1"]:hover a { color: #ff4e00; } .container .fourtabs ul li[data-tab="2"]:hover a { color: #1A5E92; } .container .fourtabs ul li[data-tab="3"]:hover a { color: #783ea2; } .container .fourtabs ul li.ui-state-active { background: none; } .container .fourtabs ul li.ui-state-active img { opacity: 1; } .container .fourtabs ul li.ui-state-active a { color: #649925; } .container .fourtabs ul li.ui-state-active[data-tab="1"] a { color: #ff4e00; } .container .fourtabs ul li.ui-state-active[data-tab="1"] ins { border-top-color: #ff4e00; } .container .fourtabs ul li.ui-state-active[data-tab="2"] a { color: #1A5E92; } .container .fourtabs ul li.ui-state-active[data-tab="2"] ins { border-top-color: #1A5E92; } .container .fourtabs ul li.ui-state-active[data-tab="3"] a { color: #783ea2; } .container .fourtabs ul li.ui-state-active[data-tab="3"] ins { border-top-color: #783ea2; } .container .fourtabs ul li:hover img { opacity: 1; } .container .fourtabs ul li h2 { margin-top: 5px; } .container .fourtabs ul li h2.simple-heading { font-size: 16px; } .container .fourtabs h4 { color: #ff4e00; } .container .fourtabs p.quote { font-style: italic; margin-bottom: 0; } .container .fourtabs p.quote + p { font-weight: bold; margin: 0 0 25px 0; text-align: right; } @media only screen and (max-width: 768px) { .container .phonesupport .features ul { height: 100px; } .container .phonesupport .features ul li { margin-bottom: 0; padding-bottom: 0; } } .container .phonesupport ul { padding: 0; width: 100%; display: block; } .container .phonesupport ul li { border-bottom: 0px solid #bebebe; float: left; display: block; height: 100%; padding-bottom: 1.2%; margin-top: 0; margin-bottom: 20px; position: relative; text-align: center; width: 33%; } @media only screen and (max-width: 768px) { .container .phonesupport ul li { margin-bottom: 0; padding-bottom: 0; } } .container .phonesupport ul li ins { display: block; position: absolute; margin-left: 48%; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 125%; border-top: 10px solid #649925; } @media only screen and (max-width: 768px) { .container .phonesupport ul li ins { top: auto; bottom: -10%; } } .container .phonesupport ul li a { color: #8B8B8B; } .container .phonesupport ul li a:hover { color: #649925; } .container .phonesupport ul li[data-tab="1"]:hover a { color: #ff4e00; } .container .phonesupport ul li[data-tab="2"]:hover a { color: #1A5E92; } .container .phonesupport ul li.ui-state-active { background: none; } .container .phonesupport ul li.ui-state-active img { opacity: 1; } .container .phonesupport ul li.ui-state-active a { color: #649925; } .container .phonesupport ul li.ui-state-active[data-tab="1"] a { color: #ff4e00; } .container .phonesupport ul li.ui-state-active[data-tab="1"] ins { border-top-color: #ff4e00; } .container .phonesupport ul li.ui-state-active[data-tab="2"] a { color: #1A5E92; } .container .phonesupport ul li.ui-state-active[data-tab="2"] ins { border-top-color: #1A5E92; } .container .phonesupport ul li:hover img { opacity: 1; } .container .phonesupport ul li h2 { margin-top: 5px; } .container .phonesupport ul li h2.simple-heading { font-size: 16px; } @media only screen and (max-width: 768px) { .container .phonesupport ul li h2.simple-heading { line-height: .9; } } .container .phonesupport .address h4 { margin-top: 0; } .container .phonesupport .address p { font-weight: bold; margin: 10px 0 5px; } .container .phonesupport .address p + p { font-weight: normal; margin: 0; } .container .phonesupport .hr { margin-top: 0; } .container .phonesupport table { margin: 40px 0; } .container .phonesupport aside { border-bottom: 1px solid #bebebe; margin-bottom: 40px; padding-bottom: 40px; } @media only screen and (max-width: 1279px) { .container .phonesupport aside { margin-bottom: 20px; padding-bottom: 20px; } } .container .phonesupport aside h4 { font-size: 14px; } .container .phonesupport aside ul { padding-left: 40px; } .container .phonesupport aside ul li { border-bottom: none; display: list-item; float: none; margin: 3px 0 0; padding: 0; text-align: left; width: auto; } .container .planahead .four { width: 17%; } .container .planahead .four.columns { padding: 0 10px; } .container .planahead .four + .twenty, .container .planahead .row .four + .twenty { width: 82%; } @media only screen and (max-width: 1279px) { .container .row .four + .columns.twenty div.path { margin: 0 10px; } } @media only screen and (max-width: 768px) { .container .planahead .path { margin: 0 0 0 -10px !important; } } .container .planahead .path ul { padding-left: 15px; } @media only screen and (max-width: 768px) { .container .planahead .path ul { padding: 0; } } .container .planahead .path ul li { float: left; display: block; margin-bottom: 5px; width: 33%; min-width: 166px; } @media only screen and (max-width: 768px) { .container .planahead .path ul li { min-width: 30% !important; padding: 0; } } .container .planahead .path ul li a { background: url("../img/sprites/pacific-path.png") 0 -202px no-repeat; display: block; height: 212px; width: 160px; overflow: hidden; -webkit-transition: background .2s ease-in; -moz-transition: background .2s ease-in; -o-transition: background .2s ease-in; transition: background .2s ease-in; } .container .planahead .path ul li a:hover { background-position: 0 20px; -webkit-transition: background .2s ease-in; -moz-transition: background .2s ease-in; -o-transition: background .2s ease-in; transition: background .2s ease-in; } .container .planahead .path ul li a.prospective { background-position: -164px -202px; } .container .planahead .path ul li a.prospective:hover { background-position: -164px 20px; } .container .planahead .path ul li a.provider { background-position: -324px -202px; } .container .planahead .path ul li a.provider:hover { background-position: -324px 20px; } .container .planahead .path ul li.ui-state-active a { background-position: 0 20px; } .container .planahead .path ul li.ui-state-active a.prospective { background-position: -164px 20px; } .container .planahead .path ul li.ui-state-active a.provider { background-position: -324px 20px; } .container .planahead .path.pathrev .odd-bg .eight { width: 30%; margin: 0 12px; padding: 0; } .container .planahead .path.pathrev .odd-bg .eight .form { width: 86%; } .container .planahead .path .odd-bg { clear: both; margin-bottom: 50px; padding: 20px; } .container .planahead .path .odd-bg .eight { width: 28%; margin: 0 14px; } .container .planahead .path .odd-bg .eight a { display: block; } .container .planahead .path .odd-bg .eight a.simple-heading { font-size: 14px; margin-top: 10px; margin-bottom: 2px; } .container .planahead .path .odd-bg .eight h2 { font-size: 18px; } .container .planahead .path .odd-bg .eight h3 { font-size: 14px; } .container .planahead .path .odd-bg .eight p a { font-weight: bold; } .container .planahead .path .odd-bg .eight .form { padding-bottom: 10px; } .container .planahead .path .odd-bg .eight .form label { display: block; font-weight: normal; margin-left: 5px; } .container .planahead .path .odd-bg .eight .form label.simple-heading { font-size: 14px; margin-top: 10px; margin-bottom: 2px; } .container .planahead .path .odd-bg .eight ul, .container .planahead .path .odd-bg .eight ol { margin: 15px 0; padding-left: 20px; } .container .planahead .path .odd-bg .eight ul li, .container .planahead .path .odd-bg .eight ol li { margin: 5px 0; padding: 0; line-height: 1.1; } .container .planahead .path .odd-bg .eight ul li a, .container .planahead .path .odd-bg .eight ol li a { background: none; height: auto; width: auto; overflow: visible; } .container .planahead .path .odd-bg .eight div.selector { border: 1px solid #bebebe; height: 38px; width: 100%; } .container .planahead .path .odd-bg .eight div.selector span { line-height: 36px; width: 100% !important; } .container .planahead .path .odd-bg .twelve a { display: block; } .container .planahead .path .odd-bg .twelve a.simple-heading { font-size: 14px; margin-top: 10px; margin-bottom: 2px; } .container .planahead .path .odd-bg .twelve h2 { font-size: 18px; } .container .planahead .path .odd-bg .twelve h3 { font-size: 15px; margin-bottom: 0; } .container .planahead .path .odd-bg .twelve label { display: block; } .container .planahead .path .odd-bg .twelve label.simple-heading { font-size: 14px; margin-top: 10px; margin-bottom: 2px; } .container .planahead .path .odd-bg ol { margin: 15px auto; } .container .planahead .path .odd-bg ol li { margin: 5px 20px; } .container .planahead .path .odd-bg ul { margin: 15px auto; } .container .planahead .path .odd-bg ul li { float: none; display: list-item; margin: 5px 40px; } .container .fourtabs ul { padding: 0; width: 100%; display: block; } @media only screen and (max-width: 768px) { .container .fourtabs ul { height: 100px; padding-top: 10px; border-bottom: 1px solid #bebebe; } } .container .fourtabs ul li { border-bottom: 1px solid #bebebe; float: left; display: block; height: 100%; padding-bottom: 1.2%; margin-top: 0; margin-bottom: 20px; position: relative; text-align: center; width: 25%; } @media only screen and (max-width: 768px) { .container .fourtabs ul li { border-bottom: none; } } .container .fourtabs ul li ins { display: block; position: absolute; margin-left: 39%; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; border-top: 10px solid #649925; } .container .fourtabs ul li a { color: #8B8B8B; max-width: 100%; } .container .fourtabs ul li a:hover { color: #649925; } .container .fourtabs ul li[data-tab="1"]:hover a { color: #ff4e00; } .container .fourtabs ul li[data-tab="2"]:hover a { color: #1A5E92; } .container .fourtabs ul li[data-tab="3"]:hover a { color: #783ea2; } .container .fourtabs ul li.ui-state-active { background: none; } .container .fourtabs ul li.ui-state-active img { opacity: 1; } .container .fourtabs ul li.ui-state-active a { color: #649925; } .container .fourtabs ul li.ui-state-active[data-tab="1"] a { color: #ff4e00; } .container .fourtabs ul li.ui-state-active[data-tab="1"] ins { border-top-color: #ff4e00; } .container .fourtabs ul li.ui-state-active[data-tab="2"] a { color: #1A5E92; } .container .fourtabs ul li.ui-state-active[data-tab="2"] ins { border-top-color: #1A5E92; } .container .fourtabs ul li.ui-state-active[data-tab="3"] a { color: #783ea2; } .container .fourtabs ul li.ui-state-active[data-tab="3"] ins { border-top-color: #783ea2; } .container .fourtabs ul li:hover img { opacity: 1; } .container .fourtabs ul li h2 { margin-top: 5px; } .container .fourtabs ul li h2.simple-heading { font-size: 16px; } .container .fourtabs h4 { color: #ff4e00; } .container .fourtabs p.quote { font-style: italic; margin-bottom: 0; } .container .fourtabs p.quote + p { font-weight: bold; margin: 0 0 25px 0; text-align: right; } @media only screen and (max-width: 768px) { .container .phonesupport .features ul { height: 100px; } .container .phonesupport .features ul li { margin-bottom: 0; padding-bottom: 0; } } .container .phonesupport ul { padding: 0; width: 100%; display: block; } .container .phonesupport ul li { border-bottom: 0px solid #bebebe; float: left; display: block; height: 100%; padding-bottom: 1.2%; margin-top: 0; margin-bottom: 20px; position: relative; text-align: center; width: 33%; } @media only screen and (max-width: 768px) { .container .phonesupport ul li { margin-bottom: 0; padding-bottom: 0; } } .container .phonesupport ul li ins { display: block; position: absolute; margin-left: 48%; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 125%; border-top: 10px solid #649925; } @media only screen and (max-width: 768px) { .container .phonesupport ul li ins { top: auto; bottom: -10%; } } .container .phonesupport ul li a { color: #8B8B8B; } .container .phonesupport ul li a:hover { color: #649925; } .container .phonesupport ul li[data-tab="1"]:hover a { color: #ff4e00; } .container .phonesupport ul li[data-tab="2"]:hover a { color: #1A5E92; } .container .phonesupport ul li.ui-state-active { background: none; } .container .phonesupport ul li.ui-state-active img { opacity: 1; } .container .phonesupport ul li.ui-state-active a { color: #649925; } .container .phonesupport ul li.ui-state-active[data-tab="1"] a { color: #ff4e00; } .container .phonesupport ul li.ui-state-active[data-tab="1"] ins { border-top-color: #ff4e00; } .container .phonesupport ul li.ui-state-active[data-tab="2"] a { color: #1A5E92; } .container .phonesupport ul li.ui-state-active[data-tab="2"] ins { border-top-color: #1A5E92; } .container .phonesupport ul li:hover img { opacity: 1; } .container .phonesupport ul li h2 { margin-top: 5px; } .container .phonesupport ul li h2.simple-heading { font-size: 16px; } @media only screen and (max-width: 768px) { .container .phonesupport ul li h2.simple-heading { line-height: .9; } } .container .phonesupport .address h4 { margin-top: 0; } .container .phonesupport .address p { font-weight: bold; margin: 10px 0 5px; } .container .phonesupport .address p + p { font-weight: normal; margin: 0; } .container .phonesupport .hr { margin-top: 0; } .container .phonesupport table { margin: 40px 0; } .container .phonesupport aside { border-bottom: 1px solid #bebebe; margin-bottom: 40px; padding-bottom: 40px; } @media only screen and (max-width: 1279px) { .container .phonesupport aside { margin-bottom: 20px; padding-bottom: 20px; } } .container .phonesupport aside h4 { font-size: 14px; } .container .phonesupport aside ul { padding-left: 40px; } .container .phonesupport aside ul li { border-bottom: none; display: list-item; float: none; margin: 3px 0 0; padding: 0; text-align: left; width: auto; } .container .featured .four { width: 17%; } .container .featured .four.columns { padding: 0 10px; } .container .featured .four + .twenty, .container .featured .row .four + .twenty { width: 82%; } @media only screen and (max-width: 1279px) { .container .row .four + .columns.twenty div.feature { margin: 0 10px; } } .container .row .four + .columns.twenty div.feature { position: relative; } .container .row .four + .columns.twenty div.feature ul { padding-left: 0; } @media only screen and (max-width: 768px) { .container .row .four + .columns.twenty div.feature ul { border-bottom: 1px solid #bebebe; height: 110px; } } .container .row .four + .columns.twenty div.feature ul li { border-bottom: 1px solid #bebebe; float: left; display: block; height: 100%; padding-bottom: 1.2%; margin-top: 0; margin-bottom: 20px; position: relative; text-align: center; width: 33%; } @media only screen and (max-width: 768px) { .container .row .four + .columns.twenty div.feature ul li { border-bottom: none; } } .container .row .four + .columns.twenty div.feature ul li a { color: #666666; } .container .row .four + .columns.twenty div.feature ul li h2 { margin-top: 5px; } @media only screen and (max-width: 768px) { .container .row .four + .columns.twenty div.feature ul li h2.simple-heading { line-height: .9; } } .container .row .four + .columns.twenty div.feature ul li ins { display: block; position: absolute; margin-left: 48%; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; border-top: 10px solid #649925; } .container .row .four + .columns.twenty div.feature ul li.first a:hover { color: #649925; } .container .row .four + .columns.twenty div.feature ul li.first.ui-state-active a { color: #649925; } .container .row .four + .columns.twenty div.feature ul li.first.ui-state-active ins { border-top-color: #649925; } .container .row .four + .columns.twenty div.feature ul li.second a:hover { color: #ff4e00; } .container .row .four + .columns.twenty div.feature ul li.second.ui-state-active a { color: #ff4e00; } .container .row .four + .columns.twenty div.feature ul li.last a:hover { color: #1A5E92; } .container .row .four + .columns.twenty div.feature ul li.last.ui-state-active a { color: #1A5E92; } .container .row .four + .columns.twenty div.feature ul li.last.ui-state-active ins { border-top-color: #1A5E92; } .container .row .four + .columns.twenty div.feature div[data-content="0"] a { color: #649925; } .container .row .four + .columns.twenty div.feature div[data-content="1"] a { color: #ff4e00; } .container .row .four + .columns.twenty div.feature .twentyfour { padding: 0 30px; } @media only screen and (max-width: 768px) { .container .row .four + .columns.twenty div.feature .twentyfour { padding: 0 15px; } } .container .row .four + .columns.twenty div.feature .twentyfour h3 { color: #8B8B8B; font-size: 1em; margin-top: 0; } .container .row .four + .columns.twenty div.feature .twentyfour article { margin: 10px 0; padding: 5px 0 0; } .container .row .four + .columns.twenty div.feature .twentyfour article + article { border-top: 1px solid #e6e6e6; } .container .row .four + .columns.twenty div.feature .twentyfour article:first-child { padding-top: 0; margin-top: 0; } .container .row .four + .columns.twenty div.feature .twentyfour article .supporting + .content { margin-left: 15%; padding: 10px 0 0; min-height: 68px; } .container .row .four + .columns.twenty div.feature .twentyfour article .supporting + .content p { margin-top: 0; } .container .row .four + .columns.twenty div.feature .twentyfour article .supporting + .content p a { font-weight: bold; } @media only screen and (max-width: 768px) { .container .row .four + .columns.twenty div.feature .twentyfour article .supporting { display: none; } .container .row .four + .columns.twenty div.feature .twentyfour article .supporting + .content { margin-left: 0 !important; } } /* C-CRS01 */ section.banner-carousel figcaption { padding: 10px 0; } section.banner-carousel figure > p:first-chilid { font-size: 11px; } section.banner-carousel .flexslider { margin: 0 auto; } section.banner-carousel .title p { width: 320px; padding: 0 0 10px 0; margin: 0 auto; } section.banner-carousel .supplemental { background: #e6e6e6; padding: 20px 0; } section.banner-carousel .supplemental p { width: 360px; margin: 0 auto; } section.banner-carousel > .row { border-bottom: 1px solid #bebebe; } section.banner-carousel .bg-color { padding: 0; } .oldie section.banner-carousel > .row > .columns { padding-top: 20px; } .oldie section.banner-carousel .flexslider { width: 320px; } @media only screen and (min-width: 1279px) { section.banner-carousel .flexslider { width: 450px; } section.banner-carousel .title { margin-top: 1em; } section.banner-carousel .title p { width: 450px; } section.banner-carousel .supplemental p { width: 450px; } } @media only screen and (max-width: 1278px) and (min-width: 768px) { section.banner-carousel > .row > .columns { padding-top: 20px; } section.banner-carousel .flexslider { width: 350px; } section.banner-carousel .title p { width: 350px; } section.banner-carousel .supplemental p { width: 350px; } } @media only screen and (max-width: 767px) { section.banner-carousel > .row > .columns { margin: 0 10px; } section.banner-carousel .flexslider { width: 100%; } section.banner-carousel .flexslider figure { margin: 1em 2em; } section.banner-carousel .title p { margin: 1em auto 0; } section.banner-carousel .supplemental { width: auto; } section.banner-carousel .supplemental p { width: 85%; margin: 0 auto; } } /* C-CRS02 (component carousel) */ .slideshow-wrapper.full-width .slides > li { padding: 0 5px 0 5px; } .slideshow-wrapper.full-width .slides > li figure { padding: 0; } .slideshow-wrapper.full-width .slides > li figure img { display: block; } .slideshow-wrapper.full-width .slides > li figure figcaption p { margin: 0; } /* C-CRS03 */ section.solutions .slides > li { padding: 0 5px 0 5px; } section.solutions .slides > li img { display: block; } /* C-CRS04 - success stories slideshow */ .slideshow-wrapper.success-stories-carousel > .row > .columns { position: relative; } .slideshow-wrapper.success-stories-carousel .see-more { display: inline-block; bottom: 0; } .slideshow-wrapper.success-stories-carousel .slides > li { padding: 0 5px 0 5px; } .slideshow-wrapper.success-stories-carousel .slides > li figure { padding: 0; } .slideshow-wrapper.success-stories-carousel .slides > li figure img { display: block; } .slideshow-wrapper.success-stories-carousel .slides > li figure figcaption p { margin: 0; } .oldie .slideshow-wrapper.success-stories-carousel .see-more { display: inline !important; } @media only screen and (min-width: 768px) { section.success-stories-carousel .see-more { position: absolute; bottom: 0; } } /* C-CRS07 (main slideshow - homepage) */ .slideshow-wrapper.main { background: #fff; /* Old browsers */ background: -moz-linear-gradient(top, #fff 0%, #E7E8E9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #E7E8E9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%, #E7E8E9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%, #E7E8E9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%, #E7E8E9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%, #E7E8E9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE7E8E9'); margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .slideshow-wrapper.main > .row { margin-top: 0; } .slideshow-wrapper.main .mission { background: #dddddd; max-height: 5.5em; min-height: 4.3em; } .slideshow-wrapper.main .mission .row { padding-top: 0.4em; } .slideshow-wrapper.main .mission .row h2 { font-family: "Geogrotesque W01 Medium", helvetica, sans-serif; font-size: 20px; font-weight: normal; text-align: center; padding-bottom: 10px; } .slideshow-wrapper.main .flexslider li { list-style: none; } .slideshow-wrapper.main .flexslider .flex-control-nav { right: 10px; bottom: 10px; width: auto; } .slideshow-wrapper.main .flexslider .flex-control-nav li { margin-left: 20px; } .slideshow-wrapper.main .flexslider .flex-control-nav li a { width: 15px; height: 15px; background: #999; background: rgba(255, 255, 255, 0.3); } .slideshow-wrapper.main .flexslider .flex-control-nav li a.flex-active { background: #ffffff; background: rgba(255, 255, 255, 0.95); } @media only screen and (max-width: 767px) { .slideshow-wrapper.main .mission .row { padding-top: 0; } .slideshow-wrapper.main .mission .row h2 { font-size: 14px; } } /* C-CRS08 */ section.product-promo { /* odd button styles - c-crs08 for example */ } section.product-promo .row > .columns { border-left: 1px solid #bebebe; position: relative; } section.product-promo .row > .columns:first-child { border-left: none; } section.product-promo .callout-block { padding: 0 5px; margin-bottom: 60px; color: #666; } section.product-promo .callout-block h2 { font-family: "GeogrotesqueW01-Semibol 1185180", Helvetica, Arial, sans-serif; font-size: 23px; font-weight: bold; margin: 0 0 .5em 0; line-height: 1; } section.product-promo .callout-block h2 span { font-family: "Geogrotesque W01 Medium", Helvetica, Arial, sans-serif; font-weight: normal; } section.product-promo .callout-block h2.orange span { color: #ff4e00; } section.product-promo .callout-block h2.green span { color: #649925; } section.product-promo .callout-block h2.blue span { color: #3788AA; } section.product-promo .callout-block h2.purple span { color: #783ea2; } section.product-promo .callout-block a h2 { color: #666; } section.product-promo .odd-button { display: inline-block; padding: 10px 30px 10px 20px; font-size: 18px; color: #FFF; text-shadow: 0 -1px 0 #666; position: absolute; bottom: 0; -webkit-box-shadow: -20px 0 9px rgba(0, 0, 0, 0.15) inset, 7px 0 13px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: -20px 0 9px rgba(0, 0, 0, 0.15) inset, 7px 0 13px rgba(0, 0, 0, 0.15) inset; box-shadow: -20px 0 9px rgba(0, 0, 0, 0.15) inset, 7px 0 13px rgba(0, 0, 0, 0.15) inset; z-index: 1; cursor: pointer; } section.product-promo .odd-button:hover { color: #FFF; -webkit-box-shadow: -20px 0 20px rgba(0, 0, 0, 0.35) inset, 7px 0 13px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: -20px 0 20px rgba(0, 0, 0, 0.35) inset, 7px 0 13px rgba(0, 0, 0, 0.15) inset; box-shadow: -20px 0 20px rgba(0, 0, 0, 0.35) inset, 7px 0 13px rgba(0, 0, 0, 0.15) inset; } section.product-promo .odd-button span { display: inline-block; padding: 10px 30px 10px 15px; color: #4d4d4d; text-shadow: rgba(255, 255, 255, 0.75) 0 1px 1px; left: 92%; top: 0; position: absolute; overflow: hidden; } section.product-promo .odd-button span:after { position: absolute; top: -60%; right: 20px; content: ''; display: inline-block; height: 100px; width: 100px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; background: #cccccc; /* Old browsers */ background: -moz-linear-gradient(-45deg, #cccccc 0%, #adadad 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cccccc), color-stop(100%, #adadad)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #cccccc 0%, #adadad 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #cccccc 0%, #adadad 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #cccccc 0%, #adadad 100%); /* IE10+ */ background: linear-gradient(135deg, #cccccc 0%, #adadad 100%); /* W3C */ } section.product-promo .odd-button.purple { background: #783ea2; } section.product-promo .odd-button.orange { background: #ff4e00; } section.product-promo .odd-button.green { background: #649925; } section.product-promo .odd-button.blue { background: #3788AA; } section.product-promo .six.columns .odd-button { font-size: 16px; padding: 7px 25px 7px 15px; } section.product-promo .six.columns .odd-button span { padding: 7px 18px 7px 11px; } section.product-promo .six.columns .odd-button span:after { top: -85%; } @media only screen and (max-width: 768px) { section.product-promo .odd-button { font-size: 14px; } section.product-promo .odd-button span { padding: 10px 20px 10px 12px; } section.product-promo .odd-button span:after { top: -77%; } } /* C-CRS09 (homepage - video slideshow) */ .slideshow-wrapper.videos .slides > li { padding: 0; } .slideshow-wrapper.videos .flexslider .slides > li { padding: 0 5px 0 5px; list-style: none; } .slideshow-wrapper.videos .flexslider .slides > li figure { padding: 0; } .slideshow-wrapper.videos .flexslider .slides > li figure img { display: block; } .slideshow-wrapper.videos .flexslider .slides > li figure figcaption p { margin: 0; } .slideshow-wrapper.videos figcaption p:last-child { margin-bottom: 0; } .slideshow-wrapper.videos .flex-control-nav { right: 0; bottom: 10px; width: auto; } .slideshow-wrapper.videos .flex-control-nav li { margin-left: 30px; } .slideshow-wrapper.videos .flex-control-nav li a { width: 15px; height: 15px; } /* C-CRS10 (Awards components - right rail) */ section.awards .slides > li { padding: 0 5px 0 5px; } section.awards .slides > li figure { padding: 0; } section.awards .slides > li figure img { display: block; } section.awards .slides > li figure figcaption p { margin: 0; } .right-rail section.awards div.hr { display: none; } .right-rail section.awards .side-heading { color: #666; } .right-rail section.awards .slides > li { padding: 0 !important; } .right-rail section.awards .slides li { width: 100%; } .right-rail section.awards .slides li:hover .flex-prev, .right-rail section.awards .slides li:hover .flex-next { border-right-color: white; } .right-rail section.awards .flex-direction-nav { margin-top: 0; top: 20%; } .right-rail section.awards .flex-direction-nav a { background: none; height: 0; width: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } .right-rail section.awards .flex-direction-nav .flex-prev { border-right: 15px solid rgba(255, 255, 255, 0.15); left: 5px; } .right-rail section.awards .flex-direction-nav .flex-prev:hover { border-right-color: white; } .right-rail section.awards .flex-direction-nav .flex-next { border-left: 15px solid rgba(255, 255, 255, 0.15); right: 15px; } .right-rail section.awards .flex-direction-nav .flex-next:hover { border-left-color: white; } /* C-CRS11 - Progress videos carousel */ .slideshow-wrapper.progress-videos-carousel > .row > .columns { position: relative; } .slideshow-wrapper.progress-videos-carousel .see-more { display: inline-block; bottom: 0; } .slideshow-wrapper.progress-videos-carousel .slides > li { padding: 0 5px 0 5px; } .slideshow-wrapper.progress-videos-carousel .slides > li figure { padding: 0; } .slideshow-wrapper.progress-videos-carousel .slides > li figure img { display: block; } .slideshow-wrapper.progress-videos-carousel .slides > li figure figcaption p { margin: 0; } .oldie .slideshow-wrapper.progress-videos-carousel .see-more { display: inline !important; } @media only screen and (min-width: 768px) { section.progress-videos-carousel .see-more { position: absolute; bottom: 0; } } /* C-CRS12 ("What's New" carousel) */ .slideshow-wrapper.full-width.whats-new .slides > li { padding: 0 5px 0 5px; } .slideshow-wrapper.full-width.whats-new .slides > li figure { min-height: 100%; padding: 0; position: relative; } .slideshow-wrapper.full-width.whats-new .slides > li figure img { display: block; padding: 0 0 5px; } .slideshow-wrapper.full-width.whats-new .slides > li figure figcaption { min-height: 100%; } .slideshow-wrapper.full-width.whats-new .slides > li figure figcaption p { margin: 0; margin-bottom: 1.5em; } .slideshow-wrapper.full-width.whats-new .slides > li figure figcaption p + p { margin-bottom: 0; position: absolute; bottom: 0; right: 0; } @media only screen and (max-width: 820px) { .slideshow-wrapper.full-width.whats-new .slides > li figure figcaption p { margin-bottom: 1.5em; } } @media only screen and (max-width: 767px) { .slideshow-wrapper.full-width.whats-new .slides > li figure figcaption p { margin-bottom: .5em; } .slideshow-wrapper.full-width.whats-new .slides > li figure figcaption p + p { position: relative; text-align: left; } } /* C-CRS13 (main slideshow - homepage, revised per 27094) */ .slideshow-wrapper.main.full-width > .row { margin: 0; width: 100%; } .slideshow-wrapper.main.full-width > .row .columns { padding: 0; } .slideshow-wrapper.main.full-width .mission { background: #dddddd; max-height: 5.5em; min-height: 4.3em; } .slideshow-wrapper.main.full-width .mission .row { padding: 0.4em 15px 0; width: 100%; } .slideshow-wrapper.main.full-width .mission .row h2 { font-family: "Geogrotesque W01 Medium", helvetica, sans-serif; font-size: 20px; font-weight: normal; text-align: center; padding-bottom: 10px; } .slideshow-wrapper.main.full-width .flexslider li { list-style: none; } .slideshow-wrapper.main.full-width .flexslider ul.slides li { margin: 0; padding: 0; } .slideshow-wrapper.main.full-width .flexslider ul.slides li img { min-width: 100% !important; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption { min-width: 768px; max-width: 1279px; margin: auto; position: relative; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position { position: absolute; padding: 20px 15px 10px; width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position .caption-wrap { max-width: 1279px; min-width: 1279px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position h1 { color: #ff4e00; font-family: "Geogrotesque W01 Medium", Helvetica, arial, sans-serif; font-size: 56px; font-weight: bold; line-height: 1; margin-bottom: 10px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position h1 a { color: #ff4e00; display: block; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position h2 { color: #ffffff; font-family: "GeogrotesqueW01-Regular 1185161", Helvetica, arial, sans-serif; font-size: 30px; line-height: 1.2; margin-bottom: 15px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position h2 strong { font-family: "GeogrotesqueW01-Semibol 1185180", Helvetica, arial, sans-serif; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position h2 a { color: #ffffff; display: block; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div { height: 100%; width: 1279px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div.center { text-align: center; width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div.center h1 { margin-top: 20px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div.center + .video { min-width: 100%; max-width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div.center + .video a.video { margin: auto; top: -4%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div.left, .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div.right { min-width: 50%; max-width: 60%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div.right { padding-left: 15px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div.video { float: left; min-width: 40%; max-width: 40%; min-height: 230px; max-height: 350px; position: relative; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption .caption-position div.video a.video { height: 160px; width: 160px; display: block; margin: auto; top: 18%; position: relative; } .slideshow-wrapper.main.full-width .control-wrap { margin: auto; min-width: 768px; max-width: 1279px; z-index: 1; } .slideshow-wrapper.main.full-width .control-wrap .flex-control-nav { right: 10px; top: -30px; width: auto; position: relative; float: right; height: 0; } .slideshow-wrapper.main.full-width .control-wrap .flex-control-nav li { margin-left: 20px; } .slideshow-wrapper.main.full-width .control-wrap .flex-control-nav li a { width: 15px; height: 15px; background: #999; background: rgba(255, 255, 255, 0.3); } .slideshow-wrapper.main.full-width .control-wrap .flex-control-nav li a.flex-active { background: #ffffff; background: rgba(255, 255, 255, 0.95); } @media only screen and (max-width: 1279px) and (min-width: 768px) { .slideshow-wrapper.main.full-width .mission .row { padding-top: 0; } .slideshow-wrapper.main.full-width .mission .row h2 { font-size: 18px; line-height: 1.1; } .slideshow-wrapper.main.full-width .flexslider { padding: 0; width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .slideshow-wrapper.main.full-width .flexslider ul.slides li img { min-height: 250px; max-width: 1290px; width: 100% !important; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption { max-width: 100%; min-width: 675px; margin: auto 15px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap { max-width: 100%; min-width: 0; width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap h1 { font-size: 35px; margin-top: 20px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap h2 { font-size: 20px; line-height: 1.1; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap a .neato-button { padding: 5px 15px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div { max-width: 768px; min-width: 0; width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center { text-align: center; width: 100%; max-width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center h1 { margin-top: 10px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center + .video { width: 100%; max-width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center + .video a.video { top: 0; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.left, .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.right { min-width: 50%; max-width: 60%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video { float: left; min-width: 40%; max-width: 40%; position: relative; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video a.video { height: 100px; width: 100px; display: block; top: 15%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video a.video img { min-height: 100px; height: 100px; max-width: 100px; width: 100px; } .slideshow-wrapper.main.full-width .control-wrap { max-width: 1024px; min-width: 768px; } } @media only screen and (max-width: 767px) { .slideshow-wrapper.main.full-width .mission .row h2 { font-size: 14px; line-height: 1.2; } .slideshow-wrapper.main.full-width .flexslider { padding: 0; width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .slideshow-wrapper.main.full-width .flexslider ul.slides li { height: 300px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li img { min-width: 0 !important; width: auto; min-height: 185px !important; max-width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .mobile-image { background: url(../img/slideshow-default.png) 0 0 no-repeat; background-size: cover; display: block; width: 100%; height: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption { max-width: 675px; min-width: 0; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap { max-width: 675px; width: auto; min-width: 0; padding-left: 10px; padding-right: 10px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap h1 { font-size: 36px; line-height: .95; margin-top: 10px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap h2 { font-size: 18px; line-height: 1; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap a.neato-button { font-size: 18px; line-height: 1.2; padding: 8px 10px; text-align: center; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div { max-width: 768px; min-width: 0; width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.left, .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.right { min-width: 100%; width: auto; max-width: 100%; margin: 0 auto; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.left { text-align: center; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.right { text-align: center; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video { min-height: 200px; max-height: 300px; width: auto; width: 100%; max-width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video a.video { top: 0; height: 100px; width: 100px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video a.video img { min-height: 100px !important; height: 100px; max-width: 100px; width: 100px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center h1 { margin: 0px auto 20px; margin-top: 10px; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center + .video { width: 100%; max-width: 100%; } .slideshow-wrapper.main.full-width .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center + .video a.video { top: 0; } .slideshow-wrapper.main.full-width .control-wrap { display: none; } } /* C-CRS14 */ section.text-module.full-width .row { width: 100%; } section.text-module.full-width .row > .columns { position: relative; } section.text-module.full-width .row > .columns:first-child { border-left: none; } section.text-module.full-width .row + .row { margin-top: 15px; } section.text-module.full-width .neato-button { font-family: "Geogrotesque W01 Medium", helvetica, sans-serif; font-size: 18px; margin-top: 10px; text-align: center; width: 100%; } section.text-module.full-width .neato-button.bold { font-family: "GeogrotesqueW01-Semibol 1185180", helvetica, sans-serif; } section.text-module.full-width .neato-button.tall { padding: 20px; } @media only screen and (max-width: 768px) { section.text-module.full-width .neato-button { margin-top: 10px; } } /* C-FRM01 (product banner) - Must stay outside of form element */ section.banner-flyout { width: 100%; } section.banner-flyout textarea { width: 100%; } section.banner-flyout a { text-decoration: underline; } section.banner-flyout a:hover { text-decoration: none; } section.banner-flyout .flyout { color: #575757; } section.banner-flyout .flyout .content section { display: none; } section.banner-flyout .flyout .content section h3 { font-size: 24px; font-weight: normal; margin: .25em 0; } section.banner-flyout .flyout .content section.selected { display: block; padding: 15px; } section.banner-flyout .flyout .close { background: #4d4d4d; color: #fff; } section.banner-flyout .flyout .close:hover { background: rgba(77, 77, 77, 0.75); } section.banner-flyout .menu { z-index: 2; } section.banner-flyout .menu a { display: block; color: #575757; font-size: 14px; font-weight: bold; padding: 15px 20px; border-top: 1px solid rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 #fefefe; text-decoration: none; } section.banner-flyout .menu a:before { color: #ff4e00; text-shadow: none; font-size: 24px; vertical-align: middle; padding-right: 10px; } section.banner-flyout .menu a:hover, section.banner-flyout .menu a.selected { text-shadow: 0 -1px 0 #dedede; } section.banner-flyout .menu:after { content: ''; position: absolute; z-index: -1; top: 10px; right: 15px; height: 195%; width: 88%; background: transparent; box-shadow: 3px 12px 20px 0 rgba(0, 0, 0, 0.25); -webkit-border-radius: 20px/170px; } section.banner-flyout .menu ul { padding: 0; margin: 0; } section.banner-flyout .menu li { list-style-type: none; } section.banner-flyout .menu li:first-child a { border-top: none; } /* C-FRM03 (registration form - right rail) */ section.register label { font-weight: bold; margin-top: 1em; } section.register label:first-child { margin-top: 0; } section.register div.wrap { width: 49%; display: inline-block; min-width: 300px; } section.register div.wrap.half { display: block; } section.register div.wrap.fraction { width: 25%; min-width: auto; margin-right: 10px; } section.register div.wrap.fraction + .fraction { width: 22%; min-width: auto; margin-right: 0; } section.register input[type=text], section.register input[type=search], section.register input[type=email], section.register input[type=tel] { width: 100%; } section.register select { width: 100%; } .right-rail section.register div.wrap { width: 100%; min-width: auto; } .right-rail section.register div.wrap.fraction { width: 100%; margin-right: 0; } /* C-FRM03 (registration form - right rail) */ section.product { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } @media only screen and (max-width: 768px) { section.product { margin-left: 0; margin-right: 0; } } section.product .twelve-column { width: 100%; min-height: 1px; padding: 0 15px; position: relative; padding-bottom: 25px; } section.product label { font-weight: bold; margin-top: 1em; } section.product label:first-child { margin-top: 0; } section.product label ins { text-decoration: none; } section.product label ins:before { content: "*"; color: #FF4E00; font-size: 25px; position: relative; left: 0; top: .35em; padding-right: 5px; } section.product label.eula { display: block; } section.product label.eula:before { content: "*"; color: #FF4E00; font-size: 25px; position: relative; left: 0; top: .35em; line-height: .5; padding-left: 5px; } section.product label.eula a:after { content: "*"; color: #FF4E00; font-size: 25px; position: relative; left: 0; top: .35em; line-height: 1; padding-left: 5px; } section.product label.eula label.error { width: 200px; display: block; margin-top: -10px; margin-left: 10px; } section.product textarea { font-size: 15px; height: 90px; width: 100%; background: #EFEFEF; padding-left: 10px; color: #666; } section.product textarea:focus { outline-color: #5B9DD9; background: none #EFEFEF; outline-offset: -2px; outline-style: auto; outline-width: 5px; } section.product div.wrap { width: 49%; display: inline-block; min-width: 300px; } section.product div.wrap.half { display: block; } section.product div.wrap.fraction { width: 25%; min-width: auto; margin-right: 10px; } section.product div.wrap.fraction + .fraction { width: 22%; min-width: auto; margin-right: 0; } section.product input[type=text], section.product input[type=search], section.product input[type=email], section.product input[type=tel] { width: 100%; } section.product select { width: 100%; } section.product.validationGroup .selector.fixedWidth { width: 105% !important; } section.product .hide { opacity: .3; display: block; } .right-rail section.product div.wrap { width: 100%; min-width: auto; } .right-rail section.product div.wrap.fraction { width: 100%; margin-right: 0; } #cboxContent #message { padding: 0 20px; } .single-column section.search > .row:first-child { margin-top: 20px; padding-top: 0; border-top: 0; } .single-column section.search > .row > .six, .single-column section.search > .row > .eighteen { margin-top: 1em; } section.search .media-filter-options h3 { color: #666; margin-top: -1px; } section.search ul.inline li { padding: 0; } section.search ul.inline li:after { content: "\00a0 \00b7"; } section.search ul.inline li:last-child:after { content: ""; } section.search .search-results { border-top: 1px solid #bebebe; } section.search .search-results ul { padding: 0; } ul li.listing { list-style: none; margin-bottom: 20px; border-bottom: 1px solid #bebebe; padding-bottom: 10px; } /* C-INT02 (right rail press releases) */ section.press-releases ul { margin: 0; padding: 0; } section.press-releases li { list-style: none; margin: 0 0 1em 0; } section.press-releases time { display: block; } /* C-INT03 (content - dated list) */ div.dated-list ul { margin: 10px 0; padding: 0; } div.dated-list ul li { list-style: none; margin: 0 0 2em 0; } div.dated-list ul li a { display: inline-block; width: 84%; } @media only screen and (max-width: 767px) { div.dated-list ul li a { display: block; width: 100%; } } div.dated-list ul li time { display: inline-block; vertical-align: top; width: 15%; } @media only screen and (max-width: 767px) { div.dated-list ul li time { display: block; width: 100%; } } /* C-L01 (section list) */ /* C-L02 (section list) */ /* C-L03 (features list) */ section.features-list ul { margin: 0; } /* C-L04 (world map) */ .single-column section.world-map > .row { margin-top: 0; margin-bottom: 0; padding-top: 0; border-top: none; } section.world-map { /* Map on Where we work page type */ } section.world-map .office a { cursor: pointer; } section.world-map .infobox { background: #FB742D; color: #FFF; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35); text-shadow: #666 0 -1px 1px; padding: 15px; z-index: 20; width: 375px; } section.world-map #gmaps img { max-width: none !important; } section.world-map #gmaps * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } section.world-map .tip .close { right: 5px; padding-top: 5px; padding-bottom: 2px; font-size: smaller; } section.world-map a.current { font-weight: bold; color: #333; } section.world-map .large-heading { position: absolute; top: 0; left: 60px; z-index: 100; text-shadow: 0 0 8px white; } section.world-map ul { margin: 0; padding: 0; } section.world-map ul li { list-style-type: none; } section.world-map dd { margin-left: 110px; } section.world-map dt { position: absolute; } section.world-map .address-block { padding: 25px; color: #666; border-top: 1px solid #BEBEBE; margin-top: 15px; } section.world-map .address-block .simple-heading { margin-top: 0; } section.world-map .address-block .simple-heading a { color: #ff4e00; } section.world-map .address-block dt, section.world-map .address-block dd { display: inline-block; } section.world-map .address-block:first-child { border-top: 0; margin-top: 0; } section.world-map .contact { border-top: 1px solid #666; border-top: 1px solid rgba(0, 0, 0, 0.25); padding-top: 10px; } section.world-map .locations-map { border: 1px solid #efefef; width: 100%; height: 100%; border-bottom: 1px solid #bebebe; padding-bottom: 15px; margin-bottom: 15px; position: relative; } section.world-map .locations-map img { max-width: 100%; max-height: 100%; } section.world-map .locations-map .pins { width: 100%; height: 100%; max-width: 1279px; position: absolute; top: -32px; left: -10px; } section.world-map .locations-map .pin { position: absolute; width: 38px; height: 40px; background-color: red; -webkit-border-radius: 15px; display: inline-block; background: url(../_res/img/icons/pin.png) 0 0 no-repeat; } section.world-map .locations-map .pin:hover, section.world-map .locations-map .pin.active { background: url(../_res/img/icons/pin-active.png) 0 0 no-repeat; } section.world-map .locations-map .pin.type2 { background-position: -100px -650px; } section.world-map .locations-map .pin.type2:hover { background-position: -50px -650px; } /* C-L05 */ section.case-study-list, section.media-library { margin-top: 20px; } section.case-study-list .filters .small-heading, section.media-library .filters .small-heading { position: relative; } section.case-study-list .filters .small-heading:after, section.media-library .filters .small-heading:after { content: ''; display: block; position: absolute; right: 10px; top: 25%; height: 0; width: 0; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; } section.case-study-list .filters .small-heading + div, section.media-library .filters .small-heading + div { display: none; } section.case-study-list .filters .small-heading.show, section.media-library .filters .small-heading.show { border-top: none; } section.case-study-list .filters .small-heading.show:after, section.media-library .filters .small-heading.show:after { border-bottom: 5px solid #333; border-top: none; } section.case-study-list .filters .small-heading.show + div, section.media-library .filters .small-heading.show + div { display: block; } /* C-L06 dynamic list, grid */ section.dynamic-list .grid-block { float: left; width: 15%; margin: 0 8px; padding: 0 0 20px; } section.dynamic-list .grid-block img { width: 100%; } section.dynamic-list .twentyfour .grid-block:nth-child(6n+1) { clear: both; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { section.dynamic-list .twentyfour .grid-block { width: 18%; } section.dynamic-list .twentyfour .grid-block:nth-child(6n+1) { clear: none; } section.dynamic-list .twentyfour .grid-block:nth-child(5n+1) { clear: both; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { section.dynamic-list .twentyfour .grid-block { width: 22%; } section.dynamic-list .twentyfour .grid-block:nth-child(6n+1), section.dynamic-list .twentyfour .grid-block:nth-child(5n+1) { clear: none; } section.dynamic-list .twentyfour .grid-block:nth-child(4n+1) { clear: both; } } @media only screen and (max-width: 767px) { section.dynamic-list .twentyfour .grid-block { display: block; width: 45%; margin: 0 5px; } } .eighteen section.dynamic-list .twentyfour .grid-block { width: 18%; margin: 0 5px; } .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(6n+1) { clear: none; } .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(5n+1) { clear: both; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .eighteen section.dynamic-list .twentyfour .grid-block { width: 22%; } .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(5n+1) { clear: none; } .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(4n+1) { clear: both; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .eighteen section.dynamic-list .twentyfour .grid-block { width: 30%; } .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(5n+1), .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(4n+1) { clear: none; } .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 767px) { .eighteen section.dynamic-list .twentyfour .grid-block { width: 45%; } .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(5n+1), .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(4n+1), .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(3n+1) { clear: none; } .eighteen section.dynamic-list .twentyfour .grid-block:nth-child(2n+1) { clear: both; } } /* C-L07 */ /* C-L08 (wide stack list) */ section.wide-stack .content > h1 { margin-top: 0; line-height: 1; } section.wide-stack > .row article { margin-top: 20px; border-top: 1px solid #bebebe; padding-top: 20px; } section.wide-stack > .row article .content .small-heading a { color: #ff4e00; font-family: "Geogrotesque W01 Medium", sans-serif; font-size: 19px; font-weight: normal; } section.wide-stack > .row:first-child article { margin-top: 0; padding-top: 0; border-top: none; } .media-filter-options h3 { border-bottom: 1px solid #bebebe; color: #333; font-family: Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: bold; margin-top: 4px; } .media-filter-options label { display: block; cursor: pointer; } .media-filter-options .selected label { position: relative; display: block; background: #e1e1e1; cursor: pointer; border-radius: 10px; margin-bottom: 5px; padding: 6px 8px; } .media-filter-options .selected label i { position: absolute; right: 5px; top: 8px; } .media-filter-options .selected label:hover { background: #ccc; } .not-found-descrip { display: none; } #sort-by { margin-left: 5px; } .media-filter-list { border-top: 1px solid #bebebe; margin-top: 5px; padding-top: 10px; width: 100% !important; } .media-filter-list select { width: 30%; } .media-library label { vertical-align: bottom; font-weight: bold; color: #333; margin-left: 5px; } .media-library > .row > .columns.eighteen > label { vertical-align: middle; } .media-library #uniform-sort-by { vertical-align: middle; } .filters .small-heading { border-bottom: 1px solid #bebebe; padding-bottom: 8px; padding-left: 5px; margin-bottom: 10px; color: #333; } .filters label { border-bottom: 1px solid #bebebe; padding: 7px 0; font-size: 14px; font-weight: bold; } .filters label.checkbox { font-weight: normal; border-bottom: none; } .filters label.checkbox:last-child { margin-bottom: 20px; } .filters label.special { display: inline; padding: 0 !important; cursor: pointer; } .filters label.special .title { padding: 5px; cursor: pointer; } .filters label.special input { cursor: pointer; } .filters label.special .checker { cursor: pointer; position: absolute; height: auto; width: auto; } .filters label.special .checker:hover span { border-bottom: 1px solid #bebebe; } .filters label.special .checker span.checked { border-bottom: 1px solid #bebebe; } .filters label.special .checker span { background: none; } .filter-list .item { float: left; margin: 5px; width: 18%; overflow: hidden; } @media only screen and (max-width: 1420px) and (min-width: 1024px) { .filter-list .item { width: 23%; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .filter-list .item { width: 30%; } } @media only screen and (max-width: 767px) { .filter-list .item { width: 100%; } } .filter-list .item .imgwrap, .filter-list .item img { max-width: 100%; width: 100%; } /* no transition on .isotope container */ .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .oldie .filter-list .isotope-hidden .imgwrap, .oldie .filter-list .isotope-hidden .video-overlay { position: static; } @media only screen and (max-width: 768px) { section.case-study-list, section.media-library { margin-top: 0; } section.case-study-list > .row > .columns.six, section.media-library > .row > .columns.six { border-top: 1px solid #bebebe; } section.case-study-list > .row > .columns.eighteen, section.media-library > .row > .columns.eighteen { margin-top: 15px; } section.case-study-list > .row > .columns.eighteen div.selector.fixedWidth, section.media-library > .row > .columns.eighteen div.selector.fixedWidth { width: 100%; } section.case-study-list > .row > .columns.eighteen .media-filter-list, section.media-library > .row > .columns.eighteen .media-filter-list { margin-top: 20px; width: 100% !important; } section.case-study-list > .row .media-filter-options h3, section.media-library > .row .media-filter-options h3 { margin: 1em 0 0; } } /* C-L10 (event listing) */ section.event-listing > .row { border-top: 1px solid #bebebe; padding-top: 20px; margin-top: 20px; } section.event-listing > .row:first-child { border-top: none; padding-top: 0; margin-top: 0; } section.event-listing > .row article .content a:first-child { font-family: "Geogrotesque W01 Medium", sans-serif; } section.event-listing > .row article .content .small-heading { font-family: "Geogrotesque W01 Medium", sans-serif; font-size: 19px; } /* C-L11 homepage blogs section */ section.blog-roll .blog-snippet { display: block; background: #e6e6e6; padding: 15px 15px 30px 15px; margin-bottom: 50px; position: relative; } section.blog-roll .blog-snippet p:first-child { margin: 0; } section.blog-roll .blog-snippet p + p { margin-top: 1em; } section.blog-roll .blog-snippet:after { content: ''; display: block; position: absolute; width: 0; height: 0; bottom: -30px; border-left: 0 solid transparent; border-right: 40px solid transparent; border-top: 30px solid #e6e6e6; } .oldie section.blog-roll .blog-snippet:after { bottom: -28px; } section.upcoming-events ul { margin: 0; padding: 0; } section.upcoming-events li { list-style: none; margin: 0 0 1em 0; } section.upcoming-events time { display: block; } /* C-L14 */ /* C-L15 plan subscriptions */ section.plan-subscriptions { padding: 20px 0; } section.plan-subscriptions a.action-btn { color: #ffffff; background: #63D258; /* Old browsers */ background: -moz-linear-gradient(top, #63D258 0%, #48BB40 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63D258), color-stop(100%, #48BB40)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #63D258 0%, #48BB40 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #63D258 0%, #48BB40 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #63D258 0%, #48BB40 100%); /* IE10+ */ background: linear-gradient(to bottom, #63D258 0%, #48BB40 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF63D258', endColorstr='#FF48BB40'); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 7px 30px; -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; font-size: 14px; font-weight: 700; position: absolute; left: 43px; bottom: 20px; } section.plan-subscriptions a.action-btn:link, section.plan-subscriptions a.action-btn:visited, section.plan-subscriptions a.action-btn:hover, section.plan-subscriptions a.action-btn:active { color: #ffffff; } section.plan-subscriptions a.neato-button { position: absolute; left: 25%; bottom: 20px; } section.plan-subscriptions .plan-head { height: 160px; width: 100%; padding: 15px; position: relative; font-size: 20px; text-align: center; color: #ffffff; } section.plan-subscriptions .plan-head header p { margin: 0; } section.plan-subscriptions .plan-head header ul { margin: 0; padding: 0; line-height: 1em; } section.plan-subscriptions .plan-head header ul li { list-style: none; display: inline-block; margin-left: 10px; padding-left: 15px; border-left: 2px solid #ffffff; } section.plan-subscriptions .plan-head header ul li:first-child { margin-left: 0; padding-left: 0; border-left: none; } section.plan-subscriptions .plan-head header ul li p { margin: 0; } section.plan-subscriptions .plan-head header ul li span { font-size: 70%; display: block; } section.plan-subscriptions .plan-body { padding: 15px 15px 70px 15px; } section.plan-subscriptions .plan-body ul { margin: 0; padding-left: 15px; } section.plan-subscriptions .plan-body ul li { font-size: 13px; margin-top: 10px; } section.plan-subscriptions .plan-body ul li.first-child { margin-top: 0; } section.plan-subscriptions .plan-body a.action-btn { left: 60px; } section.plan-subscriptions .plan-wrapper { border: 1px solid #dddddd; min-height: 550px; box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1); } section.plan-subscriptions .evaluation a.action-btn { background: #76c1fe; /* Old browsers */ background: -moz-linear-gradient(top, #76c1fe 0%, #53A3E5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76c1fe), color-stop(100%, #53A3E5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #76c1fe 0%, #53A3E5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #76c1fe 0%, #53A3E5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #76c1fe 0%, #53A3E5 100%); /* IE10+ */ background: linear-gradient(to bottom, #76c1fe 0%, #53A3E5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF76C1FE', endColorstr='#FF53A3E5'); } section.plan-subscriptions .evaluation .plan-head { overflow: hidden; background-color: #eaeaea; color: #000000; position: relative; } section.plan-subscriptions .evaluation .plan-head img.free-badge { position: absolute; top: 0; right: 0; } section.plan-subscriptions .basic .plan-head { background-color: #8DCBFE; } section.plan-subscriptions .professional .plan-head { background-color: #6bb5f4; } section.plan-subscriptions .premium .plan-head { background-color: #52A2E4; } section.plan-subscriptions ul.footnotes { margin: 0; padding: 10px 0 0 0; } section.plan-subscriptions ul.footnotes li { display: inline-block; margin-right: 5px; font-size: 12px; } section.plan-subscriptions ul.footnotes li sup { padding-right: 2px; } section.recent-posts h1.side-heading.odd a { color: #666; } section.recent-posts p { color: #FF4E00; } section.recent-posts ul { margin: 0; padding: 0; } section.recent-posts li { list-style: none; margin: 0 0 1em 0; } section.recent-posts time { display: block; } /* C-MD01 (gating modal) */ section.gating-modal { margin: 0 auto; } section.gating-modal > .row { width: 100%; min-width: auto; } section.gating-modal .simple-heading { border-bottom: 1px solid #bebebe; padding-bottom: 10px; margin-bottom: 10px; } section.gating-modal .simple-heading a { color: #ff4e00; } section.gating-modal input[type="email"], section.gating-modal input[type="text"], section.gating-modal input[type="tel"] { display: block; width: 100%; background: #E6E6E6; border: 1px solid #D3D3D3; margin-bottom: 10px; } section.gating-modal label.long { font-size: 11px; } section.gating-modal .neato-button { float: right; display: block; text-align: left; margin-top: 10px; padding-right: 45px; *zoom: 1; } section.gating-modal .neato-button:before, section.gating-modal .neato-button:after { content: ""; display: table; } section.gating-modal .neato-button:after { clear: both; } section.gating-modal .neato-button span { font-size: 14px; position: relative; margin-left: 10px; } section.gating-modal .foot { border-top: 1px solid #bebebe; margin-top: 15px; } section.success-message > .row { margin-bottom: 20px; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #bebebe; } section.success-message > .row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } section.success-message > .row.last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /* C-MP01 (product banner) - Must stay outside of form element */ section.product-banner.mp01 div.hr { margin: 0; } section.product-banner.mp01 > .row { border-top: none; margin-top: 0; margin-bottom: 0; padding-top: 0; } section.product-banner.mp01 > .row nav ul { width: 100%; padding: 0; } section.product-banner.mp01 > .row nav ul li:first-child a { margin-left: 0; } section.product-banner.mp01 .banner-content .large-heading { padding-top: 5px; } section.product-banner.mp01 .banner-content .simple-heading a { color: #d3461e; } /* C-MP02 */ section.product-banner.mp02 div.hr { margin: 0; } section.product-banner.mp02 .banner-flyout div.hr.top { display: none !important; } section.product-banner.mp02 > .row { border-top: none; margin-top: 0; margin-bottom: 0; padding-top: 20px; } section.product-banner.mp02 .banner-content .simple-heading a { color: #d3461e; } @media only screen and (min-width: 768px) { section.product-banner.mp02 .banner-content .inner > .row > .columns, section.product-banner.mp01 .banner-content .inner > .row > .columns { min-height: 170px; position: relative; } section.product-banner.mp02 .banner-content .inner > .row > .columns .neato-button, section.product-banner.mp01 .banner-content .inner > .row > .columns .neato-button { position: absolute; bottom: 0; } } /* G-BC01 Breadcrumbs*/ section.breadcrumb { font-size: 11px; padding: 0 !important; position: relative; z-index: 900; } section.breadcrumb > .row { margin-top: 10px !important; margin-bottom: 10px !important; padding-bottom: 0 !important; border-bottom: none !important; padding-top: 0 !important; border-top: none !important; } section.breadcrumb ul { margin: 0; padding: 0; } @media only screen and (max-width: 1278px) { section.breadcrumb ul { margin-left: 15px; } } section.breadcrumb li { list-style: none; margin: 0; display: inline; color: #8b8b8b; } section.breadcrumb a { text-decoration: underline; cursor: pointer; } section.breadcrumb li:after { content: " \00bb "; padding-left: 5px; padding-right: 5px; color: #999; } section.breadcrumb li:last-child:after { content: ""; } section.breadcrumb li.last-child:after { content: ""; } /* G-F01 */ footer.main { border-top: 1px solid #bebebe; padding-top: 10px; margin-bottom: 40px; margin-top: 40px; } footer.main ul { padding: 0; margin: 0; } footer.main li { margin: 0; list-style-type: none; display: inline-block; margin-right: 5px; color: #8B8B8B; font-size: 11px; } footer.main li a { display: inline-block; padding-right: 5px; border-right: 1px solid #bebebe; color: #8b8b8b; font-size: 11px; } footer.main li a:hover { text-decoration: underline; } footer.main li:last-child a { border-right: none; } /* G-H01 */ .masthead { margin-bottom: 5px; } .masthead .sixteen { padding-left: 0; } /* The main site header - logo, main nav, global nav etc. */ header.main { background: #ff4e00; position: relative; z-index: 1000; /* Global navigation - Header and Footer */ /* Global search in header */ } header.main div.global-search, header.main .dropper, header.main .dropper2 { display: none; } header.main .dropper3 { position: relative; } header.main .dropper3 > a { position: relative; } header.main .dropper3 > a:after { z-index: 999; position: absolute; content: ""; height: 0; width: 0; top: .2em; border-top: 5px solid #FFFFFF; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-left: 5px; } header.main .dropper3.usecase { position: relative; } header.main .dropper3.usecase > a { border-left: none; border-right: 1px solid #fff; font-weight: bold; font-size: 13px; margin-left: 0; padding-right: 2em; } header.main .dropper3.usecase:last-child a { border-right: none; padding-right: 1.3em; } header.main + section { margin-top: 10px; } header.main + section > .row { padding-top: 0; margin-top: 0; border-top: none; } header.main ul { padding: 0; } header.main li { margin: 0; list-style-type: none; display: inline-block; } header.main li a { display: inline-block; min-width: 100%; } header.main .logo { margin: 0; position: relative; top: .5em; } header.main .logo img { max-width: none; } header.main ul.global { text-align: right; position: relative; } header.main ul.global li:first-child a { margin-left: 0; padding-left: 0; border-left: none; } header.main ul.global li.contact-button { left:0px; top:0px; width:220px; height:37px; } header.main ul.global li.contact-button img { position:relative; left:-29px; top:10px; } @media only screen and (max-width: 767px) { header.main ul.global li.contact-button img { position:relative; left:0px; top:0px; } } header.main ul.global li.global-search { display: block; margin: .5em 0 .0em; } header.main ul.global a { color: #fff; font-size: 12px; display: inline; border-left: 1px solid white; margin-left: 5px; padding-left: 8px; line-height: 1; } header.main ul.global a:hover { text-decoration: underline; } header.main ul.global .locations { -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s; opacity: 0; display: none; text-align: left; width: auto; font-weight: bold; border: 1px solid #bebebe; border-top: none; font-size: 11px; position: absolute; top: 1.5em; right: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); /* feb 2014 site merge */ width: 415px; /* narrowed locations width based on Sifter 25590 */ top: 1.8em; right: -1.5em; } header.main ul.global .locations .offices { padding: 0 10px; text-align: right; } header.main ul.global .locations a { color: #1A5E92; font-weight: normal; border: none; display: block; padding: 0; margin: 0; } header.main ul.global .locations h3 { font-size: 14px; font-weight: bold; padding: 10px; margin: 0; background: #efefef; } header.main ul.global .locations .col { display: inline-block; width: auto; vertical-align: top; padding: 0 20px 10px 20px; margin: 10px 0 0 0; } header.main ul.global .locations .col:first-child { padding-left: 10px; } header.main ul.global .locations .col:last-child { padding-right: 10px; } header.main ul.global .locations .col li:last-child { margin-bottom: 0; } header.main ul.global .locations li { display: block; margin-bottom: 10px; } header.main ul.global .iwant { white-space: nowrap; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s; opacity: 0; display: none; text-align: left; width: auto; font-weight: bold; border-bottom: 1px solid #bebebe; font-size: 11px; position: absolute; right: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); border-top: transparent solid 1em; background: transparent; top: 1.2em; } header.main ul.global .iwant div { background: #fff; } header.main ul.global .iwant a { color: #1A5E92; font-weight: normal; border: none; display: block; padding: 0; margin: 0; } header.main ul.global .iwant h3 { background: #efefef; font-size: 14px; font-weight: bold; margin: 0; padding: 10px; } header.main ul.global .iwant .col { display: inline-block; width: auto; vertical-align: top; padding: 0 20px 10px 20px; margin: 10px 0 0 0; } header.main ul.global .iwant .col:first-child { padding-left: 10px; } header.main ul.global .iwant .col:last-child { padding-right: 10px; } header.main ul.global .iwant .col li:last-child { margin-bottom: 0; } header.main ul.global .iwant li { display: block; margin-bottom: 10px; } header.main ul.global span { display: inline-block; margin-top: 10px; margin-left: 1em; } header.main fieldset.global-search { position: relative; text-align: right; color: #999; font-size: 14px; } header.main fieldset.global-search input { display: inline-block; border: 0; padding: 8px; margin: 0; background: #efefef; height: auto; width: 230px; } header.main fieldset.global-search button, header.main fieldset.global-search input[type=submit] { background: url(../img/sprites/search-light-gray.png) 0 0 no-repeat; border: none; height: 15px; width: 15px; padding: 0; margin: 0; position: absolute; right: 10px; top: 9px; text-indent: -9999px; } /* Main site navigation */ nav.main { background: #575757; margin-top: 20px; } nav.main > .row { min-width: 0 !important; } /* Main Navigation */ nav.main ul.main > li { width: 15.5%; } nav.main ul.main > li a { white-space: pre-line; } nav.main ul.main > li ul { width: 165%; margin-top: 5px; } nav.main ul.main > li ul li.sub { padding-left: 1.5em; } nav.main ul.main > li ul li.sub:hover { background: #666; } nav.main ul.main > li.support { width: 22.5%; } nav.main ul.main > li:last-child { border-right: none; } .datadirect ul.main > li { width: 16% !important; } .datadirect ul.main > li:nth-child(2) { width: 20% !important; } .datadirect ul.main > li a { font-size: 13px; } .datadirect.cloud ul.main > li { width: 16% !important; } .datadirect.cloud ul.main > li:first-child { width: 20% !important; } .datadirect.cloud ul.main > li a { font-weight: normal; } ul.main { margin: 0; border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.25); *zoom: 1; } ul.main:before, ul.main:after { content: ""; display: table; } ul.main:after { clear: both; } ul.main a { color: #FFF; } ul.main a:hover { text-decoration: underline; } ul.main > li { border-left: 1px solid rgba(255, 255, 255, 0.25); border-right: 1px solid rgba(0, 0, 0, 0.2); position: relative; width: 20%; text-align: center; float: left; } ul.main > li.current a { background: #727272; } ul.main > li:hover { cursor: pointer; background: #727272; } ul.main > li:hover ul { left: 0; overflow: hidden; } ul.main > li > a { font-family: "GeogrotesqueW01-Semibol 1185180", Helvetica, Arial, sans-serif; white-space: nowrap; font-size: 15px; padding: .5em 0; width: 100%; height: 100%; } ul.main ul { margin: 0; position: absolute; left: -9999px; top: 2.1em; width: 100%; background: #727272; } ul.main ul a { padding: 7px 10px; font-size: 12px; } ul.main ul a:hover { background: #666; } ul.main ul li { display: block; text-align: left; } /* Old IE ---------------------------------------------------- */ .oldie header.main ul.main { border-left: 1px solid #144A74; border-right: 1px solid #5285AC; } .oldie header.main ul.main > li { border-left: 1px solid #5285AC; border-right: 1px solid #144A74; } .oldie header.main ul.global { margin: 0 17px .25em 0; } .oldie header.main ul.global .locations { background: #FFF; } .oldie header.main ul.global .iwant { background: none; top: 1.7em; } .oldie header.main ul.global .iwant div { background: #fff; } .oldie header.main ul.global li .clicker { display: none; } .oldie header.main .dropper3 > a { position: relative; } .oldie header.main .dropper3 > a:after { z-index: 999; position: absolute; content: ""; height: 0; width: 0; top: .2em; border-top: 5px solid #FFFFFF; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-left: 5px; } .oldie header.main .dropper3:hover .locations, .oldie header.main .dropper3:hover .iwant { opacity: 1; display: block; z-index: 10; } .oldie.lt-ie9 header.main ul.global .dropper3 > a:after { top: 0.4em; } /* IE9 and below ---------------------------------------------------- */ .ie9 header.main ul.global, .lt-ie9 header.main ul.global { margin-right: 0 !important; } .ie9 header.main ul.global li.neato-button, .lt-ie9 header.main ul.global li.neato-button { /*download, buy, or try*/ filter: none; border-radius: 0; box-shadow: none; background: transparent url("../img/sprites/try-button.png") 7px -5px no-repeat; height: 43px; width: 107px; } .ie9 header.main ul.global li.neato-button:hover, .lt-ie9 header.main ul.global li.neato-button:hover { background: transparent url("../img/sprites/try-button.png") 7px -53px no-repeat; height: 43px; width: 107px; } .ie9 header.main ul.global li.neato-button a, .lt-ie9 header.main ul.global li.neato-button a { border: none; font: bold 12px Arial, sans-serif; text-shadow: 1px 0px 1px #666; text-transform: none; } .ie9 header.main ul.global li.neato-button a:hover, .lt-ie9 header.main ul.global li.neato-button a:hover { text-decoration: none; } .ie9 header.main ul.global li.neato-button a.ss-download:before, .lt-ie9 header.main ul.global li.neato-button a.ss-download:before { color: #A7D101; font-size: 18px; font-weight: normal; position: absolute; left: .95em; top: .5em; } .ie9 header.main ul.global li.neato-button.wide, .lt-ie9 header.main ul.global li.neato-button.wide { background: transparent url("../img/sprites/try-button-wide.png") 7px -46px no-repeat; height: 34px; width: 160px; margin-left: 15px; padding-top: 6px; text-align: center; } .ie9 header.main ul.global li.neato-button.wide a, .lt-ie9 header.main ul.global li.neato-button.wide a { border-left: none; display: inline-block; font-weight: bold; padding-left: 0; position: relative; left: -10px; top: -3px; text-align: left; width: 120%; } .ie9 header.main ul.global li.neato-button.wide a:hover, .lt-ie9 header.main ul.global li.neato-button.wide a:hover { text-decoration: none; } .ie9 header.main ul.global li.neato-button.wide a.ss-download:before, .lt-ie9 header.main ul.global li.neato-button.wide a.ss-download:before { font-size: 14px; margin-right: 4px; position: relative; top: 3px; left: 0; text-align: left; } .ie9 header.main ul.global li.neato-button.wide:hover, .lt-ie9 header.main ul.global li.neato-button.wide:hover { background: transparent url("../img/sprites/try-button-wide.png") 7px -5px no-repeat; } .ie9 header.main .usecase.dropper3 > a, .lt-ie9 header.main .usecase.dropper3 > a { border-right: none; } .ie9 header.main .usecase.dropper3 + .usecase.dropper3 > a, .lt-ie9 header.main .usecase.dropper3 + .usecase.dropper3 > a { border-left: 1px solid #ffffff; padding-left: 18px; } /* Media queries ---------------------------------------------------- */ @media only screen and (min-width: 768px) { header.main ul.global { margin: 0 0 .25em 0; } header.main ul.global .locations { background: #FFF; } header.main ul.global .iwant { background: none; } header.main ul.global .iwant div { background: #fff; } header.main ul.global li .clicker { display: none; } header.main .dropper3 > a { position: relative; } header.main .dropper3 > a:after { position: absolute; content: ''; height: 0; width: 0; top: .3em; border-top: 5px solid #FFFFFF; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-left: 5px; } header.main .dropper3:hover .locations, header.main .dropper3:hover .iwant { opacity: 1; display: block; z-index: 10; } header.main .dropper3:hover .locations { z-index: 1000; } } @media only screen and (max-width: 767px) { .masthead { margin: 0; padding: 10px; position: relative; z-index: 3; } .masthead > .sixteen.columns, .row .masthead > .columns.sixteen { text-align: center; } .masthead > .columns { width: 100% !important; padding: 0 !important; float: none !important; } .global-search { text-align: center; display: inline-block; } header.main { min-height: 8.2em; } header.main .logo { top: 0; text-align: center; left: 11%; } header.main .logo img { max-width: 75% !important; } header.main div.global-search { display: block; width: 97%; } header.main .dropper, header.main .dropper2 { color: rgba(0, 0, 0, 0.5); display: block; position: absolute; font-size: 20px; top: 10px; z-index: 5; cursor: pointer; line-height: 1; } header.main .dropper:hover, header.main .dropper2:hover { color: rgba(0, 0, 0, 0.75); } header.main .dropper { left: 20px; } header.main .dropper2 { right: 15px; font-size: 25px; } header.main .dropper3 > a:after { border-top: 5px solid #FFFFFF !important; top: 1.3em; } header.main .dropper3 li a { color: #dedede !important; text-decoration: underline !important; } header.main .dropper3.usecase > a { text-indent: 1.5em; } header.main .dropper3.usecase > a:after { border: none; } header.main .dropper3.usecase > a:before { z-index: 999; position: absolute; content: ""; height: 0; width: 0; top: 1.2em; left: .5em; border-top: 5px solid #FFFFFF; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-left: 5px; } header.main .dropper3.usecase .iwant a { font-weight: bold; text-decoration: none !important; } header.main nav.main { position: absolute; z-index: 4; width: 70%; top: 58px; left: -70%; -webkit-transition: left .2s; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } header.main nav.main > .row > .columns { padding: 0; } header.main nav.main.show { left: 0; } header.main ul.global { margin-top: 0; position: absolute; z-index: 4; width: 72.5%; top: -2.5em; right: -80%; -webkit-transition: right .2s; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background: #575757; } header.main ul.global.show { right: -3%; } header.main ul.global li { background: #575757; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.15); } header.main ul.global li:first-child { width: 100% !important; } header.main ul.global li:first-child a { padding-left: 12px !important; } header.main ul.global li.current a { background: #727272; } header.main ul.global li .iwant, header.main ul.global li .locations { padding: 0; } header.main ul.global li .iwant div, header.main ul.global li .locations div { background: rgba(0, 0, 0, 0.25); } header.main ul.global li .iwant div li, header.main ul.global li .locations div li { margin-bottom: 0 !important; border-bottom: none; border-top: none; } header.main ul.global li .iwant div li a, header.main ul.global li .locations div li a { background: #575757; background: rgba(0, 0, 0, 0.1); font-family: Arial, sans-serif; font-size: 12px; font-weight: normal !important; } header.main ul.global li .iwant div li a:hover, header.main ul.global li .locations div li a:hover { text-decoration: underline !important; } header.main ul.global li:hover { background: rgba(255, 255, 255, 0.1); } header.main ul.global li:hover .locations div { background: rgba(0, 0, 0, 0.1); } header.main ul.global li .locations div { background: rgba(0, 0, 0, 0.25); } header.main ul.global li .locations div ul.col:first-child li:first-child { padding-top: 1em; } header.main ul.global li .locations li { background: rgba(255, 255, 255, 0.12); text-indent: 4em; } header.main ul.global li .locations li a { background: transparent !important; padding: 0 0 1em !important; } header.main ul.global li .locations li a:before { content: " "; } header.main ul.global li .locations li br { display: none; } header.main ul.global li .locations p { margin: 0; } header.main ul.global li .locations p a { background: rgba(255, 255, 255, 0.12); padding: 1em 0 !important; } header.main ul.global li.neato-button a { background: transparent; } header.main ul.global li.neato-button a:hover { background: transparent !important; } header.main ul.global a { background: #575757; border: none; margin: 0; font-size: 16px; font-family: "GeogrotesqueW01-Semibol 1185180", Helvetica, Arial, sans-serif; padding: 15px 12px !important; } header.main ul.global a:hover { background: #666 !important; text-decoration: underline !important; } header.main ul.global a a { padding: 12px !important; font-family: Arial, sans-serif; font-size: 12px; } header.main ul.global .locations, header.main ul.global .iwant { width: 100%; border: none; position: static; top: auto; right: auto; background: rgba(0, 0, 0, 0.25); color: #fff; padding: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } header.main ul.global .locations.show, header.main ul.global .iwant.show { opacity: 1; display: block; } header.main ul.global .locations .offices, header.main ul.global .iwant .offices { text-align: left; padding: 0; } header.main ul.global .locations h1, header.main ul.global .iwant h1 { display: none; } header.main ul.global .locations li, header.main ul.global .iwant li { margin: 0 0 10px 0; padding: 0; } header.main ul.global .locations .col, header.main ul.global .iwant .col { display: block; background: transparent; margin: 0; padding: 0; } header.main ul.global .locations .col li:last-child, header.main ul.global .iwant .col li:last-child { margin-bottom: 10px; } header.main ul.global .locations .col:first-child, header.main ul.global .iwant .col:first-child { padding: 0; } header.main ul.global .locations p a, header.main ul.global .iwant p a { color: #dedede !important; } header.main ul.global li.neato-button { margin-left: 0; border: none; padding-bottom: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } header.main ul.global li.neato-button a.ss-download:before { top: .7em; left: .7em; } header.main ul.global li.global-search { display: none; } header.main ul.main, header.main ul.global { border: none; } header.main ul.main span, header.main ul.global span { margin-top: 0; } header.main ul.main > li, header.main ul.main span li, header.main ul.global > li, header.main ul.global span li { border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.15); } header.main ul.main > li:first-child, header.main ul.main span li:first-child, header.main ul.global > li:first-child, header.main ul.global span li:first-child { width: 100% !important; } header.main ul.main > li:first-child a, header.main ul.main span li:first-child a, header.main ul.global > li:first-child a, header.main ul.global span li:first-child a { padding-left: 12px !important; } header.main ul.main li, header.main ul.global li { display: block; float: none; text-align: left; width: 100% !important; position: relative; } header.main ul.main li a, header.main ul.global li a { display: block; padding: 12px 12px; color: #FFF; } header.main ul.main li .clicker, header.main ul.global li .clicker { position: absolute; top: 0; right: 0; height: 100%; width: 3em; } header.main ul.main li .clicker:hover .clicker-inner, header.main ul.global li .clicker:hover .clicker-inner { border-top-color: white; } header.main ul.main li .clicker-inner, header.main ul.global li .clicker-inner { height: 0; width: 0; border-top: 5px solid rgba(255, 255, 255, 0.75); border-left: 5px solid transparent; border-right: 5px solid transparent; top: 1em; left: 1.3em; display: block; position: absolute; } header.main ul.main li ul, header.main ul.global li ul { position: relative; top: auto; left: 0; display: none; background: rgba(0, 0, 0, 0.1); } header.main ul.main li.show ul, header.main ul.global li.show ul { display: block; width: 100%; } header.main ul.global li a { font-size: 14px; padding-left: 20px !important; } header.main ul.global li a:first-child { padding-left: 20px !important; } header.main ul.global li a:after, header.main ul.global li a:before { border: none !important; } header.main ul.global li .clicker { left: 0; top: .4em; width: 100%; height: 2em; } header.main ul.global li .clicker .clicker-inner { left: -.75em; } header.main ul.global li.dropper3 { text-indent: 1.5em; } header.main ul.global li.neato-button .clicker { display: none; } .datadirect ul.main > li { width: 100% !important; } .datadirect ul.main > li:nth-child(2) { width: 100% !important; } .datadirect ul.main > li a { font-size: 13px; } .datadirect.cloud ul.main > li { width: 100% !important; } .datadirect.cloud ul.main > li:first-child { width: 100% !important; } .datadirect.cloud ul.main > li a { font-weight: normal; } } /* PressRelease */ section.press-release section.page-title > .row { margin-bottom: 20px; } section.press-release .page-title h2 { font-style: italic; } section.press-release .twentyfour h3 { font-size: 18px; margin-top: 1.5em; } section.press-release .twentyfour h3 + ul { padding-left: 15px; } section.press-release .twentyfour h4 { font-size: 16px; } /* RV-C20 (Tabbed content: home page) */ @media only screen and (min-width: 768px) { section.featured-content.tabbed .tabs { left: -999em; margin-top: 0; top: -3px; position: relative; width: 110%; } section.featured-content.tabbed .tabs span { top: 1px; background: #e4e5e6; border: 1px solid #e4e5e6; position: relative; z-index: 1; margin: 0 3px; width: 100%; min-width: 28%; max-width: 32%; overflow: hidden; -o-text-overflow: clip; text-overflow: clip; -webkit-transform: rotateX(-8deg) rotateY(1deg) skewX(-26deg); transform: rotateX(-8deg) rotateY(1deg) skewX(-26deg); -webkit-transform-origin: 50% 200% 0; transform-origin: 50% 200% 0; -webkit-box-shadow: inset 0px -12px 27px -7px rgba(170, 170, 170, 0.88); -moz-box-shadow: inset 0px -12px 27px -7px rgba(170, 170, 170, 0.88); box-shadow: inset 0px -12px 27px -7px rgba(170, 170, 170, 0.88); vertical-align: bottom; } section.featured-content.tabbed .tabs span h2 { -webkit-transform: matrix(1, 0, 0.5, 1, 0, 0); transform: matrix(1, 0, 0.5, 1, 0, 0); -webkit-transform-origin: 0% 0% 0; transform-origin: 0% 0% 0; text-align: center; padding: 2px 5px; position: relative; } @-moz-document url-prefix() { section.featured-content.tabbed .tabs span h2.side-heading { font-size: 16px; } } section.featured-content.tabbed .tabs span.active { background: #FFF; border-bottom: 1px solid #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } section.featured-content.tabbed .tabs span.active h2 { color: #d3461e; bottom: 1px; } section.featured-content.tabbed .tabs span.active:hover { background: #FFF; } section.featured-content.tabbed .tabs span:hover { background: #f1f2f2; } section.featured-content.tabbed .tabs span:hover h2 { color: #ff4e00; } section.featured-content.tabbed .tabs section { background: none; border-top: 1px solid #e4e5e6; padding: 40px 10px 20px; } @-moz-document url-prefix() { section.featured-content.tabbed .tabs section { top: -1px; } } section.featured-content.tabbed .tabs section .wrap > a img { float: left; } section.featured-content.tabbed .tabs section .wrap .col { float: left; width: 55%; margin-left: 20px; padding-right: 10px; } section.featured-content.tabbed .tabs section .wrap h2 { color: #ff4e00; margin-top: 0; } section.featured-content.tabbed .tabs section .wrap h2 a { color: #ff4e00; } section.featured-content.tabbed .tabs section .wrap ul { list-style-type: disc; margin: 20px 0; } section.featured-content.tabbed .tabs section .wrap ul li { display: list-item; list-style: disc; margin: 10px 0; } } @media only screen and (min-width: 1024px) and (max-width: 1278px) { section.featured-content.tabbed .tabs section .wrap .col { width: 47%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { section.featured-content.tabbed .tabs { min-height: 1px !important; } section.featured-content.tabbed .tabs span h1.side-heading { font-size: 1em; } section.featured-content.tabbed .tabs section .wrap > a img { float: left; width: 55%; } section.featured-content.tabbed .tabs section .wrap .col { width: 33%; } } @media only screen and (max-width: 767px) { section.featured-content.tabbed .tabs { min-height: 1px !important; } section.featured-content.tabbed .tabs li { overflow: hidden; } section.featured-content.tabbed .tabs li:last-child { border-bottom: 1px solid #d3461e; } section.featured-content.tabbed .tabs li li:last-child { border-bottom: none; } section.featured-content.tabbed .tabs span { background: #e4e5e6; border-top: 2px solid #d3461e; -o-text-overflow: clip; text-overflow: clip; -webkit-box-shadow: inset 0px -12px 27px -7px rgba(170, 170, 170, 0.88); -moz-box-shadow: inset 0px -12px 27px -7px rgba(170, 170, 170, 0.88); box-shadow: inset 0px -12px 27px -7px rgba(170, 170, 170, 0.88); } section.featured-content.tabbed .tabs span h1 { text-align: center; margin: .2em 0; padding: 2px 5px; } section.featured-content.tabbed .tabs span h1.side-heading { font-size: 110% !important; } section.featured-content.tabbed .tabs span.active { background: #FFF; } section.featured-content.tabbed .tabs span.active h1 { color: #ff4e00; } section.featured-content.tabbed .tabs section { background: #fff; border-top: 1px solid #e4e5e6; padding: 20px; } section.featured-content.tabbed .tabs section .wrap > img { float: left; min-width: 100%; } section.featured-content.tabbed .tabs section .wrap .col { float: none; margin-left: 0; padding-right: 0; } section.featured-content.tabbed .tabs section .wrap h2 { color: #D3461E; margin: 0; } section.featured-content.tabbed .tabs section .wrap h2 a { color: #D3461E; } section.featured-content.tabbed .tabs section .wrap ul { list-style-type: disc; margin: 20px 0; padding-left: 20px; } section.featured-content.tabbed .tabs section .wrap ul li { display: list-item; list-style: disc; margin: 5px 0; overflow: visible; } } /* IE9 */ .ie9 section.tabbed.featured-content .tabs span h1 { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } /* IE8 and below */ .lt-ie9 section.tabbed.featured-content .tabs { min-height: auto !important; } .lt-ie9 section.tabbed.featured-content .tabs li { display: inline; position: relative; } .lt-ie9 section.tabbed.featured-content .tabs li span { background: #e4e5e6; border: 1px solid #e4e5e6; display: inline-block; height: 65px !important; width: 32% !important; text-align: center; vertical-align: top; } .lt-ie9 section.tabbed.featured-content .tabs li span.active { background: white; border: 1px solid #e4e5e6; border-bottom: 3px solid white; } .lt-ie9 section.tabbed.featured-content .tabs li section { background: white; border: 1px solid #e4e5e6; } .lt-ie9 section.tabbed.featured-content .tabs li section .wrap img { float: left; padding: 20px; } .lt-ie9 section.tabbed.featured-content .tabs li section .wrap .col { float: left; padding-left: 20px; padding-right: 0; padding-top: 10px; width: 42%; } .lt-ie9 section.tabbed.featured-content .tabs li section .wrap .col + a img, .lt-ie9 section.tabbed.featured-content .tabs li section .wrap .col + img { float: right; } .lt-ie9 section.tabbed.featured-content .tabs li section .wrap a img + .col, .lt-ie9 section.tabbed.featured-content .tabs li section .wrap img + .col { padding-left: 0; padding-right: 20px; } /* IE7 and below */ .lt-ie8 section.tabbed.featured-content .tabs li span { width: 28% !important; } /* RV-C21 (tabbed external content from featured blogs) */ section.featured-blog { margin-bottom: 30px; } section.featured-blog > div.row:first-child { margin-top: 20px; } section.featured-blog .tabs { margin-bottom: 50px; } section.featured-blog .tabs li > span { background: #DD461E; -webkit-box-shadow: inset 0px -5px 2px 0px rgba(188, 48, 31, 0.75); -moz-box-shadow: inset 0px -5px 2px 0px rgba(188, 48, 31, 0.75); box-shadow: inset 0px -5px 2px 0px rgba(188, 48, 31, 0.75); border: 2px solid #FFF; border-right: none; color: #FFF; display: block; font-family: "GeogrotesqueW01-Semibol 1185180", sans-serif; font-size: 20px; position: relative; left: 2px; text-align: center; width: 33%; z-index: 1; } section.featured-blog .tabs li > span.active { background: #FFF; border: 2px solid #e4e5e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-right: none; color: #b33f2b; } section.featured-blog .tabs li:first-child > span { border-top: 2px solid #e4e5e6; } section.featured-blog .tabs li section { background: none; border: 2px solid #e4e5e6; left: 33%; padding: 20px; position: absolute; top: 0; width: 66%; } section.featured-blog .tabs li section date { border-right: 1px solid #d3461e; float: left; margin-right: 15px; position: relative; width: 22%; } section.featured-blog .tabs li section date span { background: none; border: none; color: #b33f2b; font-family: "GeogrotesqueW01-Semibol 1185180", sans-serif; font-size: 22px; text-transform: uppercase; padding: 10px; width: 100%; position: absolute; bottom: -25px; } section.featured-blog .tabs li section date span ins { font-size: 50px; text-decoration: none; } section.featured-blog .tabs li section h2 { color: #58595b; float: left; margin: 0; width: 73%; } section.featured-blog .tabs li section h2 a { color: #1A5E92; font-family: "GeogrotesqueW01-Regular 1185161", sans-serif; font-size: 37px; line-height: 1; font-weight: normal; text-transform: uppercase;} section.featured-blog .tabs li section h2 a:hover { color: #2ba6cb; } section.featured-blog .tabs li section .content { color: #58595b; font-family: "GeogrotesqueW01-Regular 1185161", sans-serif; font-size: 18px; line-height: 1.1; } section.featured-blog .tabs li section .content img { float: left; margin-right: 1em; max-width: 85px; width: 85px; min-width: 85px; } section.featured-blog .tabs li section .content .ts-fab-photo img { float: left; margin-right: 1em; width:64px; min-width: 64px; max-width: 64px; } section.featured-blog .tabs li section .content .ts-fab-header h4 { text-transform: uppercase; } @media only screen and (max-width: 767px) { /* RV-C21 (tabbed external content from blogs) */ section.featured-blog { margin-bottom: 0; } section.featured-blog > div.row:first-child { margin-top: 20px; } section.featured-blog .tabs { margin-bottom: 50px; min-height: 0 !important; } section.featured-blog .tabs li span { display: block; width: 100%; position: static; overflow: hidden; clear: both; } section.featured-blog .tabs li span.active { border-right: 2px solid #e4e5e6; border-bottom: none; } section.featured-blog .tabs li section { left: 0; position: relative; padding: 20px; width: 100%; } section.featured-blog .tabs li section .wrap date { margin-right: 10px; width: 21%; } @-moz-document url-prefix() { section.featured-blog .tabs li section .wrap date { width: 20%; } } section.featured-blog .tabs li section .wrap date span { bottom: -10px; line-height: 1; padding: 10px 5px; } @-moz-document url-prefix() { section.featured-blog .tabs li section .wrap date span { padding: 10px 0; left: -5px; } } section.featured-blog .tabs li section .wrap date span ins { font-size: 45px; line-height: 1; } section.featured-blog .tabs li section .wrap h1 { width: 75%; } section.featured-blog .tabs li section.is-open { border-top: none; margin-bottom: 2px; padding-bottom: 0; } section.featured-blog .tabs li section.is-open .wrap .wrap { border-top: 1px solid #b33f2b; padding-top: 20px; margin-top: -20px; } } /* IE8 and below */ .lt-ie9 section.tabbed.featured-blog .tabs { margin-top: 0; } .lt-ie9 section.tabbed.featured-blog .tabs li span { left: -3px; } .lt-ie9 section.tabbed.featured-blog .tabs li section .wrap date { float: left; margin-right: 15px; position: relative; } .lt-ie9 section.tabbed.featured-blog .tabs li section .wrap span { background: white; border-top: none; color: #b33f2b; font-family: "GeogrotesqueW01-Semibol 1185180", sans-serif; font-size: 22px; text-transform: uppercase; padding: 10px; width: 85px; float: left; } .lt-ie9 section.tabbed.featured-blog .tabs li section .wrap span ins { font-size: 50px; text-decoration: none; } .lt-ie9 section.tabbed.featured-blog .tabs li section .wrap h1 { border-left: 1px solid #d3461e; padding-left: 15px; } .lt-ie9 section.tabbed.featured-blog .tabs li section.is-open .wrap .wrap { margin-bottom: 0; padding-bottom: 0; } /* IE7 and below */ .lt-ie8 section.tabbed.featured-blog .tabs li span { left: -37px; } /* RV-C22 - customer logos */ .success-logos > .row > .columns { position: relative; } .success-logos ul { list-style-type: none; padding: 0; } .success-logos ul li { list-style: none; padding: 0; display: block; float: left; width: 20%; } .success-logos ul li:first-child { padding-left: 0; } .success-logos ul li a { display: block; float: left; } .success-logos ul li a img { display: block; } .success-logos .neato-button { top: 30%; padding: 10px 15px; font-family: "GeogrotesqueW01-Semibol 1185180", sans-serif; } @-moz-document url-prefix() { .success-logos .neato-button { padding: 10px; font-size: 120%; } } .oldie .success-logos .neato-button { display: inline !important; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .success-logos .twentyone { width: 80%; } .success-logos .three { width: 20%; } .success-logos .three .neato-button { margin-top: 15px; top: 0; } .success-logos ul li { width: 50%; } .success-logos ul li a { float: none; display: inline-block; width: 75%; left: 17%; position: relative; } .success-logos ul li a img { width: 100%; } } @media only screen and (max-width: 768px) { .success-logos ul li { float: none; width: 100%; } .success-logos ul li a { float: none; } .success-logos ul li a img { margin: auto; width: 50%; } .success-logos .three.columns { text-align: center; } .success-logos .three.columns .neato-button { margin-top: 2em; width: 50%; } } /* IE9 and below */ .oldie .success-logos .three.columns .neato-button { top: 29px; } /* RV-CRS20 (slideshow - mixed content) */ @media only screen and (max-width: 1441px) and (min-width: 1024px) { .slideshow-wrapper.mixed .row > .columns:last-child { margin: 0 auto !important; } } .slideshow-wrapper.mixed .slides > li { padding: 0; } .slideshow-wrapper.mixed .flexslider { margin: auto; padding-top: 30px; width: 96%; /* creating space for directional nav */ } @media only screen and (max-width: 1441px) and (min-width: 1024px) { .slideshow-wrapper.mixed .flexslider { width: 92%; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .slideshow-wrapper.mixed .flexslider { width: 90%; } } @media only screen and (max-width: 767px) { .slideshow-wrapper.mixed .flexslider { width: 80%; } } .slideshow-wrapper.mixed .flexslider .flex-direction-nav a { background: none; color: #FFF; } .slideshow-wrapper.mixed .flexslider .flex-direction-nav a:hover { color: #58595b; } .slideshow-wrapper.mixed .flexslider .flex-direction-nav a:before { font-family: "Geogrotesque W01 Medium", sans-serif; font-size: 75px; } .slideshow-wrapper.mixed .flexslider .flex-direction-nav a.flex-prev { left: -50px; } @media only screen and (max-width: 767px) { .slideshow-wrapper.mixed .flexslider .flex-direction-nav a.flex-prev { border: none; left: -60px; } } .slideshow-wrapper.mixed .flexslider .flex-direction-nav a.flex-prev:before { content: "<"; } .slideshow-wrapper.mixed .flexslider .flex-direction-nav a.flex-next { right: -34px; } @media only screen and (max-width: 767px) { .slideshow-wrapper.mixed .flexslider .flex-direction-nav a.flex-next { border: none; right: -5px; } } .slideshow-wrapper.mixed .flexslider .flex-direction-nav a.flex-next:before { content: ">"; } .slideshow-wrapper.mixed .flexslider .slides > li { padding: 0 5px 0 5px; list-style: none; } .slideshow-wrapper.mixed .flexslider .slides > li figure { padding: 0; position: relative; } .slideshow-wrapper.mixed .flexslider .slides > li figure img { display: block; max-width: 100%; min-height: 225px; min-width: 100%; } .slideshow-wrapper.mixed .flexslider .slides > li figure .imgwrap { width: 100%; } .slideshow-wrapper.mixed .flexslider .slides > li figure .imgwrap img { display: block; max-width: 100%; min-height: 225px; min-width: 100%; } .slideshow-wrapper.mixed .flexslider .slides > li figure ins { background-color: rgba(87, 87, 87, 0.75); color: #FFF; font-family: "Geogrotesque W01 Medium", sans-serif; font-size: 16px; text-decoration: none; text-transform: uppercase; padding: 6px 15px; position: absolute; top: 0; width: auto; z-index: 1; } .slideshow-wrapper.mixed .flexslider .slides > li figure ins:after { content: ''; line-height: 0; font-size: 0; width: 0; height: 0; border-top: 60px solid rgba(87, 87, 87, 0.75); border-bottom: 50px solid transparent; border-left: 0px solid transparent; border-right: 15px solid transparent; position: absolute; top: -25px; right: -15px; } .slideshow-wrapper.mixed .flexslider .slides > li figure figcaption { margin-top: 10px; } .slideshow-wrapper.mixed .flexslider .slides > li figure figcaption h2.simple-heading, .slideshow-wrapper.mixed .flexslider .slides > li figure figcaption a { color: #FFF; } .slideshow-wrapper.mixed .flexslider .slides > li figure figcaption h2.simple-heading { line-height: 1.1; font-family: "Geogrotesque W01 Medium", sans-serif; font-size: 20px; } .slideshow-wrapper.mixed .flexslider .slides > li figure figcaption a.icon { font-family: "Geogrotesque W01 Medium", sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; float: right; margin-top: 1em; margin-right: 20px; } .slideshow-wrapper.mixed .flexslider .slides > li figure figcaption a.icon:before { color: #FFF; float: right; margin-left: 5px; top: 1px; position: relative; } .slideshow-wrapper.mixed .flexslider .slides > li figure figcaption p { color: #000; margin: .75em 0 0; } .slideshow-wrapper.mixed figcaption p:last-child { margin-bottom: 0; } .slideshow-wrapper.mixed .flex-control-nav { right: 0; bottom: 10px; width: auto; } .slideshow-wrapper.mixed .flex-control-nav li { margin-left: 30px; } .slideshow-wrapper.mixed .flex-control-nav li a { width: 15px; height: 15px; } /* C-CRS21 (main slideshow) */ .slideshow-wrapper.flexfade { overflow: hidden; } .slideshow-wrapper.flexfade > .row { margin: 0; width: 100%; } .slideshow-wrapper.flexfade > .row .columns { padding: 0; } .slideshow-wrapper.flexfade .flexslider .slides > li figure { padding: 0; } .slideshow-wrapper.flexfade .flexslider .slides > li figure img { display: block; } .slideshow-wrapper.flexfade .flexslider .slides > li figure figcaption p { margin: 0; } .slideshow-wrapper.flexfade .flexslider ul.slides li { list-style: none; margin: 0; padding: 0; } .slideshow-wrapper.flexfade .flexslider ul.slides li > img { min-width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption { min-width: 768px; max-width: 1441px; margin: auto; position: relative; } @media only screen and (max-width: 1500px) { .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption { max-width: 93%; } } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position { position: absolute; padding: 20px 15px 10px; width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position .caption-wrap { /*max-width: 55%;*/ min-width: 0; padding-top: 25px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position .caption-wrap .neato-button { background: #FFFFFF; color: #ad441d !important; font-family: "GeogrotesqueW01-Semibol 1185180", sans-serif; font-size: 20px; background: #e1e1e1; /* Old browsers */ background: -moz-linear-gradient(top, #e1e1e1 0%, #FFFFFF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #FFFFFF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1e1e1 0%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1e1e1 0%, #FFFFFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e1e1e1 0%, #FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #e1e1e1 0%, #FFFFFF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE1E1E1', endColorstr='#FFFFFFFF'); padding: 4px 20px; -webkit-box-shadow: inset 0px -6px 7px -3px rgba(169, 169, 170, 0.9); -moz-box-shadow: inset 0px -6px 7px -3px rgba(169, 169, 170, 0.9); box-shadow: inset 0px -6px 7px -3px rgba(169, 169, 170, 0.9); } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position .caption-wrap .neato-button:after { background: #ad441d; background: #c54929; /* Old browsers */ background: -moz-linear-gradient(top, #c54929 0%, #c84522 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c54929), color-stop(100%, #c84522)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c54929 0%, #c84522 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c54929 0%, #c84522 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c54929 0%, #c84522 100%); /* IE10+ */ background: linear-gradient(to bottom, #c54929 0%, #c84522 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC54929', endColorstr='#FFC84522'); color: #FFFFFF; line-height: 1.56; padding: 5px 10px 0px 15px; position: absolute; right: -41px; top: 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-box-shadow: inset 0px -6px 7px -3px rgba(164, 74, 51, 0.9); -moz-box-shadow: inset 0px -6px 7px -3px rgba(164, 74, 51, 0.9); box-shadow: inset 0px -6px 7px -3px rgba(164, 74, 51, 0.9); content: '▻'; font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position .caption-wrap .neato-button:hover { background: #FFFFFF; /* Old browsers */ background: -moz-linear-gradient(top, #FFFFFF 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #FFFFFF 0%, #e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #FFFFFF 0%, #e1e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #FFFFFF 0%, #e1e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #FFFFFF 0%, #e1e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE1E1E1'); } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position h1 { color: #ff4e00; font-family: "GeogrotesqueW01-Regular 1185161", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; line-height: .92; margin-bottom: 10px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position h1 { font-size: 50px; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position h1 { font-size: 40px; margin-top: 20px; } } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position h1 a { color: #ff4e00; display: block; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position h2 { color: #ffffff; font-family: "GeogrotesqueW01-Regular 1185161", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: normal; line-height: 1; margin-bottom: 15px; } @media only screen and (max-width: 1279px) and (min-width: 1024px) { .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position h2 { font-size: 25px; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position h2 { font-size: 24px; line-height: 1.1; } } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position h2 strong { font-family: "GeogrotesqueW01-Semibol 1185180", Helvetica, arial, sans-serif; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position h2 a { color: #ffffff; display: block; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position div.center { text-align: center; width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position div.center h1 { margin-top: 20px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position div.center + .video { min-width: 100%; max-width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position div.center + .video a.video { margin: auto; top: -4%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position div.left { min-width: 100%; max-width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position div.right { padding-left: 15px; min-width: 0; max-width: 55%; position: absolute; right: 0; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position div.video { float: left; min-height: 120px; max-height: 150px; position: relative; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption .caption-position div.video a.video { height: 100px; width: 100px; display: block; margin: auto; top: 18%; position: relative; } .slideshow-wrapper.flexfade .control-wrap { height: 1px; position: relative; margin: 0 auto; max-width: 96%; min-width: 1024px; z-index: 1; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav { margin-top: -26%; width: 99%; position: relative; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav li a { background: none; color: #FFF; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav li a:hover { color: #58595b; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav li a:before { font-family: "Geogrotesque W01 Medium", sans-serif; font-size: 75px; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav li a.flex-prev { left: -15px; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav li a.flex-prev:before { content: "<"; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav li a.flex-next { right: 0; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav li a.flex-next:before { content: ">"; } .slideshow-wrapper.flexfade .control-wrap .flex-control-nav { right: 0; float: none; top: -22px; width: auto; position: relative; } .slideshow-wrapper.flexfade .control-wrap .flex-control-nav li { margin-left: 20px; } .slideshow-wrapper.flexfade .control-wrap .flex-control-nav li a { width: 15px; height: 15px; background: #fff; background: rgba(255, 255, 255, 0.5); } .slideshow-wrapper.flexfade .control-wrap .flex-control-nav li a.flex-active { background: #ad441d; background: rgba(179, 63, 43, 0.95); } @media only screen and (max-width: 1023px) and (min-width: 768px) { .slideshow-wrapper.flexfade .flexslider { padding: 0; width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .slideshow-wrapper.flexfade .flexslider ul.slides li img.hide-for-small { min-height: 250px; max-width: 1024px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption { margin: auto 15px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position { left: 2em; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap { max-width: 50%; padding-top: 10px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap a.neato-button { font-size: 18px; padding: 4px 20px 4px 15px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap a.neato-button:after { right: -35px; line-height: 1.6; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div { max-width: 768px; min-width: 0; width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div h1 { margin-top: 0; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center { text-align: center; width: 100%; max-width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center + .video { max-width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center + .video a.video { top: 0; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.right { width: 50%; right: 15px; max-width: 50%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video { float: left; position: relative; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video h2 { margin: 0; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video a.video { height: 75px; width: 75px; display: block; top: 15%; } .slideshow-wrapper.flexfade .control-wrap { max-width: 1024px; min-width: 768px; width: 100%; position: absolute; } .slideshow-wrapper.flexfade .control-wrap .flex-control-nav.flex-control-paging { display: none; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav { width: 100%; max-width: 1024px; min-width: 768px; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav li a.flex-prev { left: 0; } .slideshow-wrapper.flexfade .control-wrap .flex-direction-nav li a.flex-next { right: 15px; } } @media only screen and (max-width: 767px) { .slideshow-wrapper.flexfade .flexslider { padding: 0; width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .slideshow-wrapper.flexfade .flexslider ul.slides li { height: 300px; } .slideshow-wrapper.flexfade .flexslider ul.slides li img { min-width: 0 !important; width: auto; min-height: 185px !important; max-width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .mobile-image { background: url(../img/slideshow-default.png) 0 0 no-repeat; background-size: cover; display: block; width: 100%; height: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption { max-width: 675px; min-width: 0; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap { max-width: 100%; text-align: center; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap h1 { font-size: 36px; line-height: .95; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap h2 { font-size: 25px; line-height: 1; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap a.neato-button { font-size: 16px; margin-top: 5px; margin-left: -30px; padding: 5px 15px 4px 10px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap a.neato-button:after { right: -36px; line-height: 1.67; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div { max-width: 768px; min-width: 0; width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.left, .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.right { min-width: 100%; width: auto; max-width: 100%; margin: 0 auto; text-align: center; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video { min-height: 100px; max-height: 100px; width: 100%; max-width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video a.video { top: 0; height: 90px; width: 90px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.video a.video img { min-height: 100px !important; height: 100px; max-width: 100px; width: 100px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center h1 { margin: 0px auto 20px; margin-top: 10px; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center + .video { width: 100%; max-width: 100%; } .slideshow-wrapper.flexfade .flexslider ul.slides li .flex-caption div.caption-position div.caption-wrap div.center + .video a.video { top: 0; } .slideshow-wrapper.flexfade .control-wrap { display: none; } } /* RV-G-F02 (social media icons below footer) */ section.social .mobile-twenty { text-align: center; } section.social .mobile-twenty .mobile-three { width: 16.66%; padding: 0; float: left; text-align: center; } section.social .mobile-twenty .mobile-four { width: 20%; padding: 0; float: left; text-align: center; } section.social .twenty.columns { text-align: center; } section.social .social-icon-wrapper { display: inline-block; text-align: center; } section.social .social-icon-wrapper:hover .icon { background: #54565b; color: #FFF; border-color: #54565b; } section.social .social-icon-wrapper:hover .icon a { color: #fff; } section.social .social-icon-wrapper:hover .icon.dev-network span { background: url(../img/sprites/dev-network-social-icon-hover.png) 0 0 no-repeat; } section.social .social-icon-wrapper .icon { position: relative; font-size: 22px; display: inline-block; margin-top: 6px; color: #666; text-align: center; margin: 0 auto; width: 50px; height: 50px; border-radius: 35px; background: #FFF; border: 6px solid #E8E9E9; padding-top: .3em; margin-bottom: 10px; } section.social .social-icon-wrapper .icon a { color: #666; } section.social .social-icon-wrapper .icon.ss-linkedin { font-size: 32px; padding-top: .2em; } section.social .social-icon-wrapper .icon.dev-network { margin-bottom: 5px; } section.social .social-icon-wrapper .icon.dev-network span { display: inline-block; position: absolute; width: 38px; height: 26px; left: 9px; top: 13px; background: url(../img/sprites/dev-network-social-icon.png) 0 0 no-repeat; } section.social .social-icon-wrapper .icon-text { display: block; } .oldie section.social .social-icon-wrapper { cursor: pointer; } .oldie section.social .social-icon-wrapper .icon { border: none; font-family: sans-serif; padding: 0; width: 72px; height: 72px; text-indent: -999em; } .oldie section.social .social-icon-wrapper .icon a { display: none; } .oldie section.social .social-icon-wrapper .icon.ss-linkedin { padding: 0; } .oldie section.social .social-icon-wrapper.facebook .icon { background: url(../img/icons/ie_facebook.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.facebook .icon:hover { background: url(../img/icons/ie_facebook_hover.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.twitter .icon { background: url(../img/icons/ie_twitter.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.twitter .icon:hover { background: url(../img/icons/ie_twitter_hover.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.dev .icon { background: url(../img/icons/ie_network.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.dev .icon:hover { background: url(../img/icons/ie_network_hover.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.youtube .icon { background: url(../img/icons/ie_youtube.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.youtube .icon:hover { background: url(../img/icons/ie_youtube_hover.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.linkedin .icon { background: url(../img/icons/ie_linkedin.png) 0 0 no-repeat; } .oldie section.social .social-icon-wrapper.linkedin .icon:hover { background: url(../img/icons/ie_linkedin_hover.png) 0 0 no-repeat; } .ie9 section.social .social-icon-wrapper.dev .icon { background: url(../img/icons/ie_network.png) -6px -7px no-repeat; text-indent: -100em; } .ie9 section.social .social-icon-wrapper.dev .icon:hover { background: transparent url(../img/icons/ie_network_hover.png) -6px -7px no-repeat; } .ie9 section.social .social-icon-wrapper:hover .icon { background-color: #195e97; color: #FFF; border-color: #195e97; } .ie9 section.social .social-icon-wrapper:hover .icon a { color: #fff; } @media only screen and (max-width: 767px) { section.social .row .mobile-twenty .mobile-four { width: 19.777% !important; padding: 0; } } ul.inline, ol.inline { padding: 0; margin-left: 0; list-style: none; } ul.inline > li, ol.inline > li { display: inline-block; *display: inline; padding-right: 5px; padding-left: 5px; *zoom: 1; } .campaign .required span { color: red; } .campaign table { margin: 0; } .campaign td { padding: 0; border: none; } /* Base tags with site wide classes; */ a:link { color: #1A5E92; } a:visited { color: #1A5E92; } a:hover { color: #3aa6c3; } b { font-weight: bold; } blockquote { border-left: 5px solid #ccc; margin: 10px 0 0 0; padding: 0 0 0 30px; } html, body { height: 100%; } body { font: normal 14px/1.4 Arial, sans-serif; color: #666; } dd { margin: 0 0 0 30px; } div.fpo { border: 1px solid rgba(0, 0, 0, 0.75); background: rgba(0, 0, 0, 0.5); padding: 20px; margin: 20px; } dl { margin: 10px 0 0 0; } dt { font-weight: bold; } em { font-style: italic; } fieldset { padding: 0; margin: 0; border: 0; } h1 { font-size: 24px; font-weight: normal; margin: .25em 0; } h2 { font-size: 22px; font-weight: bold; margin: 10px 0 0 0; } h3 { font-size: 20px; font-weight: bold; margin: 10px 0 0 0; } h4 { font-size: 18px; font-weight: bold; margin: 10px 0 0 0; } h5 { font-size: 16px; font-weight: bold; margin: 10px 0 0 0; } h6 { font-size: 16px; font-weight: normal; margin: 10px 0 0 0; } div.hr { margin: 30px 0; border-top: 1px solid #bebebe; clear: both; } section.odd-bg + section { margin-top: 30px; } section.odd-bg + section div.hr { display: none; } section.odd-bg + section + section.odd-bg { margin-top: 30px; } i { font-style: italic; } .container input[type="text"], .container input[type="email"], .container input[type="tel"], .container input[type="number"], .gating-modal input[type="text"], .gating-modal input[type="email"], .gating-modal input[type="tel"], .gating-modal input[type="number"] { width: 100%; background: #efefef; border: none; height: 2.4em; font-weight: 100; padding-left: 10px; color: #666; } .validationGroup div.selector.fixedWidth { width: 100% !important; } .validationGroup div.selector { overflow: visible; line-height: 1; height: auto; } ol li { list-style: decimal; } ol ol { margin: 5px 0; } p { margin: 10px 0; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } q:before { content: "\201C"; content: open-q uote; } q:after { content: "\201D"; content: close-quote; } select { height: 2em; border: none; padding: 8px 20px 8px 10px; font-size: 16px; color: #999; } strong { font-weight: bold; } table { margin: 10px 0 0 0; width: 100%; } td { border: 1px solid #ccc; padding: 3px 5px; } textarea { font: normal 16px/1.4 Georgia, serif; } th { background: #eee; border: 1px solid #ccc; font-weight: bold; padding: 3px 5px; text-align: left; } ul { margin: 10px 0 0 0; } ul.structured li:before { content: "\00BB"; padding-right: 5px; margin-left: -13px; } ul li { list-style: disc; } ul ul { margin: 5px 0; } /* Layout styles --------------------------------------------------------------- */ .split-layout .main-content > section + .row { margin-top: 30px; } .split-layout .main-content > .row > .columns.twelve > section { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #bebebe; } .split-layout .main-content > .row > .columns.twelve > section:last-child { border-bottom: none; padding-bottom: none; margin-bottom: none; } .single-column { /* Gray background striping for page components */ /* Red background striping for page components */ } .single-column .product-banner + section > .row { border-top: 0; padding-top: 0; } .single-column .odd-bg { background: #f2f2f2; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; padding: 30px 0; } .single-column .odd-bg > .row { border-top: none; padding-top: 0; margin-bottom: 0; margin-top: 0; } .single-column .odd-bg + section > .row { padding-top: 0; border-top: 0; } .single-column .red-bg { background: #ff4e00 url("../img/resource-tabs-bg1.png") right top no-repeat; position: relative; } .single-column .red-bg > .row { border-top: none; padding-top: 0; margin-bottom: 0; margin-top: 0; padding-bottom: 30px; } .single-column .red-bg + section > .row { padding-top: 0; border-top: 0; } .right-rail > section { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .right-rail > section:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .right-rail > section:first-child { margin-top: 20px; } .right-rail > section:first-child :first-child { margin-top: 0; } .main-content { position: relative; z-index: 1; min-height: 400px; } form .wrapper { overflow: hidden; } form .wrapper .wrapper { overflow: visible; } /* Modules ------------------------------------------------------------------- */ .flexslider .slides li { list-style: none; } .flexslider .imgwrap { float: none; } .imgwrap { position: relative; display: inline-block; max-width: 100%; } .imgwrap .video-overlay { cursor: pointer; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(../img/play.png) 50% 50% no-repeat; opacity: .50; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } .imgwrap .video-overlay:hover { opacity: 1; } .supporting { float: left; } .supporting + .content { margin-left: 220px; } a.pdf:before { content: ''; height: 18px; width: 24px; background: url(../img/icons/pdf.gif) 0 0 no-repeat; margin-right: 5px; display: inline-block; position: relative; top: 4px; } /* Tooltips on the map page */ .tip, #chartTooltip { background: #FB742D; color: #FFF; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35); text-shadow: #666 0 -1px 1px; padding: 15px; z-index: 20; width: 375px; } .pin { cursor: pointer; } .close, .ss-delete#cboxClose { position: absolute; right: 25px; top: 8px; padding: 7px 6px 4px 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #333; cursor: pointer; } .close:hover, .ss-delete#cboxClose:hover { background: rgba(0, 0, 0, 0.55); } .ss-delete#cboxClose { color: #FFF; padding: 5px 6px 2px 6px; right: 10px; } .pagination { margin: 20px 0; } .pagination ul { display: inline-block; *display: inline; margin-bottom: 0; margin-left: 0; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } /* Pagination */ .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; cursor: default; background-color: transparent; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } /* .download-driver { } .beta-download { } */ @media only screen and (max-width: 767px) { .gating-modal .column, .gating-modal .columns { width: 50% !important; float: left !important; } .gating-modal [class*="column"] + [class*="column"]:last-child { width: 50% !important; float: left !important; } .gating-modal .twentyfour.columns { width: 100% !important; } .featured li { height: 100% !important; } .featured li img { width: 50%; } .featured li h2.simple-heading a { font-size: 12px; } .featured .supporting { float: left; } .featured .supporting img { width: 75%; } .path ul li[role="tab"] { min-width: 110px !important; } .path ul li[role="tab"] a { background: url("../img/sprites/pacific-path-mobile.png") 0 -135px no-repeat !important; width: 110px !important; height: 137px !important; } .path ul li[role="tab"] a:hover { background-position: 0 7px !important; } .path ul li[role="tab"] a.prospective { background-position: -120px -135px !important; } .path ul li[role="tab"] a.prospective:hover { background-position: -120px 7px !important; } .path ul li[role="tab"] a.provider { background-position: -240px -135px !important; } .path ul li[role="tab"] a.provider:hover { background-position: -240px 7px !important; } .path ul li[role="tab"].ui-state-active a { background-position: 0 7px !important; } .path ul li[role="tab"].ui-state-active a.prospective { background-position: -120px 7px !important; } .path ul li[role="tab"].ui-state-active a.provider { background-position: -240px 7px !important; } .path div.ui-tabs-panel[aria-hidden="false"] { margin-left: 0 !important; margin-right: 0 !important; } .path div.ui-tabs-panel h2 { font-size: 14px !important; } } div.gating-modal.hide { display: none; } #video_wrapper, .jwplayer, #cboxLoadedContent_wrapper { margin: 20px auto 0 auto !important; } div.error { font-family: "Geogrotesque W01 Medium", sans-serif; color: #ff4e00; background: #fff; padding: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); width: 50%; margin: 0 auto; } .gated-eloqua .selector, .gating-modal .selector { display: block; } .gated-eloqua fieldset, .gating-modal fieldset { position: relative; } .gated-eloqua label.error, .gating-modal label.error { font-family: "Geogrotesque W01 Medium", arial, sans-serif; color: #ff4e00; display: block; text-shadow: 0 0 5px white; } .gated-eloqua .error-message, .gating-modal .error-message { display: none; } .gated-eloqua .error-message.show, .gating-modal .error-message.show { display: block; font-family: "Geogrotesque W01 Medium", arial, sans-serif; color: #ff4e00; } .gated-eloqua video, .gating-modal video { display: none; } .gated-eloqua video.show, .gating-modal video.show { display: block; } .gated-eloqua > .row .middle-name, .gating-modal > .row .middle-name { display: none !important; } .gated-eloqua h1, .gating-modal h1 { font-size: 18px; font-weight: bold; } .gated-eloqua label, .gating-modal label { margin: 5px 0; } .gated-eloqua label.long, .gating-modal label.long { display: inline; font: normal 11px/1em Arial, sans-serif !important; } .gated-eloqua input[type="email"], .gated-eloqua input[type="text"], .gated-eloqua input[type="tel"], .gating-modal input[type="email"], .gating-modal input[type="text"], .gating-modal input[type="tel"] { display: block; margin-bottom: 5px; width: 100%; } .gated-eloqua select, .gating-modal select { width: 200px; } .gated-eloqua .neato-button, .gating-modal .neato-button { color: #FFF; margin: 10px 0; padding-right: 45px; } .gated-eloqua .neato-button[type="submit"], .gating-modal .neato-button[type="submit"] { vertical-align: middle; margin-right: 10px; } .gated-eloqua .neato-button.download, .gating-modal .neato-button.download { width: 100%; text-align: left; } .gated-eloqua .neato-button.download span, .gating-modal .neato-button.download span { top: .4em; right: 25px; font-size: 20px; } .neato-button { background: #ff471d; /* Old browsers */ background: -moz-linear-gradient(top, #ff471d 0%, #ff4e00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff471d), color-stop(100%, #ff4e00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff471d 0%, #ff4e00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff471d 0%, #ff4e00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff471d 0%, #ff4e00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff471d 0%, #ff4e00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF471D', endColorstr='#FFFF4E00'); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 20px; color: #FFF !important; display: inline-block; font-size: 18px; font-family: "GeogrotesqueW01-Regular 1185161", helvetica, sans-serif; font-weight: 200; text-transform: uppercase; text-shadow: none; border: none; position: relative; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.25); } .neato-button[disabled] { background: #ccc !important; } .neato-button[disabled]:hover { background: #ccc !important; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.25) !important; } .neato-button[type="submit"] { vertical-align: middle; margin-right: 10px; } .neato-button.green { background: #A7D101; } .neato-button.green:hover { background: #93b801; } .neato-button.orange { background: #ff4e00; } .neato-button.orange:hover { background: #e64600; } .neato-button:hover { box-shadow: 0 0 0 transparent; background: #ff4e00; /* Old browsers */ background: -moz-linear-gradient(top, #ff4e00 0%, #ff0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff4e00), color-stop(100%, #ff0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff4e00 0%, #ff0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff4e00 0%, #ff0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff4e00 0%, #ff0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff4e00 0%, #ff0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF4E00', endColorstr='#FFFF0000'); } .neato-button.icon-right { padding-right: 45px; } .neato-button span { position: absolute; font-size: 20px; padding-left: 10px; } .neato-button.download { width: 100%; text-align: left; } .neato-button.download span { right: 15px; } section.section-list .simple-heading { margin-top: 0; } section.section-list .block { border-bottom: 1px solid #bebebe; padding-bottom: 20px; margin-bottom: 20px; } section.section-list .block:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } section.product-banner > .row { position: relative; } section.product-banner .side-heading { margin: 10px 0; } section.product-banner .side-heading + div.row h3 { margin-top: 0; } section.product-banner nav ul { margin: .3em 0; } section.product-banner nav li { display: inline-block; } section.product-banner nav a { color: #1A5E92; margin-left: 20px; } section.product-banner nav a:hover { text-decoration: underline; } section.product-banner .neato-button { margin-top: 10px; } section.product-banner .wrapper h2 { margin: 0; font-family: "GeogrotesqueW01-Regular 1185161", helvetica, sans-serif; } section.product-banner .large-heading { color: #ff4e00; } section.product-banner .flyout { background: #dedede; } section.product-banner .flyout .menu ul { background: #dedede; } section.product-banner .flyout .menu a.selected, section.product-banner .flyout .menu a.selected:hover { background: rgba(0, 0, 0, 0.25); } section.product-banner .flyout .menu a:hover { background: rgba(0, 0, 0, 0.05); } section.product-banner .flyout .neato-button { padding-right: 45px; } .dummy { background: #ccc; width: 100%; height: 200px; } .intro-text { font-size: 16px; } .side-heading { font-family: "GeogrotesqueW01-Semibol 1185180", helvetica, sans-serif; font-size: 18px; color: #575757; line-height: 1; text-transform: uppercase; margin-top: 0; } .side-heading span { font-family: "Geogrotesque W01 Medium", arial, sans-serif; font-size: 14px; text-transform: none; display: block; } .side-heading.odd { color: #666; } .side-heading.reverse { font-family: "Geogrotesque W01 Medium", helvetica, sans-serif; font-size: 14px; text-transform: none; display: block; } .side-heading.reverse span { font-family: "GeogrotesqueW01-Semibol 1185180", helvetica, sans-serif; font-size: 18px; text-transform: uppercase; white-space: nowrap; } .right-rail > section > .row > .columns.four { display: block; width: 100%; } .right-rail > section > .row > .columns.twenty { width: 100%; } .learn-more { font-weight: bold; } .small-heading { font-size: 16px; font-weight: bold; } .simple-heading { font-family: arial, helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #4d4d4d; } .event-detail header { margin-top: 20px; } .event-detail header .simple-heading { font-family: "GeogrotesqueW01-Semibol 1185180", helvetica, sans-serif; font-weight: normal; } .event-detail header .simple-heading a { color: #ff4e00; } .event-detail header p { font-family: "Geogrotesque W01 Medium", arial, sans-serif; } .large-heading { font-family: "GeogrotesqueW01-Regular 1185161", helvetica, sans-serif; font-size: 50px; text-transform: uppercase; line-height: 1; color: #ff4e00; margin: 10px 0 0; } /* The Grid ---------------------- Updated Foundation grid per 2014-10 redesign */ .row { width: 1441px; max-width: 100%; min-width: 1279px; margin: 0 auto; } @media only screen and (max-width: 1278px) and (min-width: 1024px) { .row { max-width: 1279px; min-width: 1024px; width: 100%; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .row { max-width: 1024px; min-width: 768px; width: 100%; } } @media only screen and (max-width: 768px) { .row { max-width: 768px; width: 100%; min-width: 0; } } @media only screen and (max-width: 1279px) { .row section > .row { margin: 0 0; } } .bg-color { background: #f2f2f2; } h1 + ul, h1 + ol, h2 + ul, h2 + ol, h3 + ul, h3 + ol, h1 + p, h2 + p, h3 + p { margin-top: .25em; } .filter-options .filters .small-heading { cursor: pointer; } ul.arrows { padding: 0; } ul.arrows li { list-style-type: none; position: relative; padding-left: 15px; } ul.arrows li:before { content: "\BB\00a0"; display: inline-block; color: #3788AA; line-height: 1; position: absolute; top: .1em; left: 0; } .flexslider .slides { -webkit-backface-visibility: hidden; /* Chrome and Safari */ -moz-backface-visibility: hidden; /* Firefox */ backface-visibility: hidden; } .flexslider .slides li img { width: 100%; } .flexslider .slides li figure .imgwrap { width: 100%; } .flexslider .slides > li h1:first-child, .flexslider .slides > li h2:first-child, .flexslider .slides > li h3:first-child, .flexslider .slides > li h4:first-child, .flexslider .slides > li p:first-child { margin-top: 0; padding-top: 0; } .flex-direction-nav { top: 37%; width: 100%; } /* Slideshow revsions added per 2014-10 redesign */ @media only screen and (max-width: 1440px) and (min-width: 768px) { .slideshow-wrapper.success-stories-carousel .row > .columns:last-child, .slideshow-wrapper.solutions .row > .columns:last-child, .slideshow-wrapper.full-width .row > .columns:last-child, .slideshow-wrapper.videos .row > .columns:last-child, .slideshow-wrapper.awards .row > .columns:last-child, .slideshow-wrapper.progress-videos-carousel .row > .columns:last-child, .slideshow-wrapper.whats-new .row > .columns:last-child { margin: 0 40px 0 0; } .slideshow-wrapper.success-stories-carousel .row .four, .slideshow-wrapper.solutions .row .four, .slideshow-wrapper.full-width .row .four, .slideshow-wrapper.videos .row .four, .slideshow-wrapper.awards .row .four, .slideshow-wrapper.progress-videos-carousel .row .four, .slideshow-wrapper.whats-new .row .four { width: 10%; } .right-rail .slideshow-wrapper.success-stories-carousel .row > .columns:last-child, .right-rail .slideshow-wrapper.solutions .row > .columns:last-child, .right-rail .slideshow-wrapper.full-width .row > .columns:last-child, .right-rail .slideshow-wrapper.videos .row > .columns:last-child, .right-rail .slideshow-wrapper.awards .row > .columns:last-child, .right-rail .slideshow-wrapper.progress-videos-carousel .row > .columns:last-child, .right-rail .slideshow-wrapper.whats-new .row > .columns:last-child { margin: 0 15px; } .right-rail .slideshow-wrapper.success-stories-carousel .row .four, .right-rail .slideshow-wrapper.solutions .row .four, .right-rail .slideshow-wrapper.full-width .row .four, .right-rail .slideshow-wrapper.videos .row .four, .right-rail .slideshow-wrapper.awards .row .four, .right-rail .slideshow-wrapper.progress-videos-carousel .row .four, .right-rail .slideshow-wrapper.whats-new .row .four { padding: 0; } } @media only screen and (max-width: 767px) { .right-rail { margin-top: 50px; padding-top: 10px; } .right-rail section { margin: 10px 15px; } .right-rail .slideshow-wrapper.success-stories-carousel .row > .columns:last-child, .right-rail .slideshow-wrapper.solutions .row > .columns:last-child, .right-rail .slideshow-wrapper.full-width .row > .columns:last-child, .right-rail .slideshow-wrapper.videos .row > .columns:last-child, .right-rail .slideshow-wrapper.awards .row > .columns:last-child, .right-rail .slideshow-wrapper.progress-videos-carousel .row > .columns:last-child, .right-rail .slideshow-wrapper.whats-new .row > .columns:last-child { margin: 10px 20px 30px -20px; } .right-rail .slideshow-wrapper.success-stories-carousel .row .four, .right-rail .slideshow-wrapper.solutions .row .four, .right-rail .slideshow-wrapper.full-width .row .four, .right-rail .slideshow-wrapper.videos .row .four, .right-rail .slideshow-wrapper.awards .row .four, .right-rail .slideshow-wrapper.progress-videos-carousel .row .four, .right-rail .slideshow-wrapper.whats-new .row .four { margin-left: -10px; margin-top: 10px; } } /* tabs */ .tabs section > .row .columns:first-child { padding-left: 0; } .tabs section > .row .columns:last-child { padding-right: 0; } .tabs .is-open .wrap .wrap { *zoom: 1; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid white; } .tabs .is-open .wrap .wrap:before, .tabs .is-open .wrap .wrap:after { content: ""; display: table; } .tabs .is-open .wrap .wrap:after { clear: both; } .tabs .is-open .wrap .wrap:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .tabs .is-open .wrap .wrap img { float: left; } .tabs .is-open .wrap .wrap img + .col { margin-left: 180px; } .tabs { margin: 24px auto; } ul.tabs { padding: 0; *zoom: 1; margin-bottom: 30px; } ul.tabs:before, ul.tabs:after { content: ""; display: table; } ul.tabs:after { clear: both; } .tabs li { list-style: none; margin: 0; } .tabs li span { cursor: pointer; display: block; padding: 10px 15px; background: #b3b3b3; border-top: 5px solid #ff4e00; text-decoration: none; color: #4d4d4d; font-family: "Geogrotesque W01 Medium", arial, sans-serif; font-size: 18px; text-transform: uppercase; } .tabs li .ts-fab-description span { cursor: pointer; padding: 10px 15px; background: white; border-top: 0px; text-decoration: none; color: #4d4d4d; font-family: "Geogrotesque W01 Medium", arial, sans-serif; font-size: 18px; text-transform: uppercase; } .tabs li span.active { background: #e6e6e6; } .tabs section { display: none; /* I NEED TO FIX THIS */ float: left; background: #e6e6e6; overflow: hidden; width: 100%; } .tabs.pe li { display: block; } .tabs.pe li span { width: 100%; } .tabs.pe section { display: block; margin-bottom: 10px; } .no-js #nav section { display: block; /* I NEED TO FIX THIS */ } .tabs li ul li span { padding: 10px 25px; border-bottom: 1px dotted #ccc; } /* Media Queries ------------------------------------------------------------------------ */ @media only screen and (min-width: 961px) { .flex-direction-nav .flex-prev { top: auto !important; } .flex-direction-nav .flex-next { top: auto !important; } } @media only screen and (max-width: 767px) { h2.mission { display: none; } .flexslider .slides:hover .flex-prev { border-right-color: white; } .flexslider .slides:hover .flex-next { border-left-color: white; } .flexslider .flex-direction-nav { top: 0; margin-top: 0; } .flexslider .flex-direction-nav a { background: none; height: 0; width: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } .flexslider .flex-direction-nav li { position: relative; } .flexslider .flex-direction-nav .flex-prev { position: absolute; border-right: 15px solid rgba(0, 0, 0, 0.75); left: 31px; } .flexslider .flex-direction-nav .flex-next { position: absolute; border-left: 15px solid rgba(0, 0, 0, 0.75); right: 51px; } } @media only screen and (min-width: 768px) { .tabs { position: relative; border: none; } .tabs li { display: inline; } .tabs li span { display: inline-block; } .tabs section { padding: 1%; position: relative; left: 0; } section.product-banner .flyout .close { display: none; } section.product-banner .flyout > .row { overflow: hidden; } section.product-banner .banner-flyout { position: relative; float: right; -webkit-transition: width .2s; } section.product-banner .banner-flyout .menu { width: 100%; } section.product-banner.expanded .close { display: block; } section.product-banner.expanded .banner-flyout { width: 290%; } section.product-banner.expanded .flyout { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } section.product-banner.expanded div.menu { width: 33.333333%; } } @media only screen and (max-width: 767px) { section.product-banner .flyout .close { display: none; } section.product-banner.expanded .close { display: block; } .large-heading { font-size: 40px; } .supporting { display: block; float: none; } .supporting + .content { margin-left: 0; } .slideshow-wrapper .supplemental { padding: 0 10px; } .flexslider { padding: 0 10px; } /*.filter-options.affix { position: fixed; top: 0; left:0; }*/ .right-rail { background: #f6f6f6; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } .right-rail > section { border-color: #ccc; } .side-heading { font-size: 130% !important; } .side-heading span { font-size: 130% !important; } .split-layout .main-content > .row > .columns.twelve:first-child { border-bottom: 1px solid #bebebe; margin-bottom: 20px; padding-bottom: 20px; } .featured .supporting + .content { margin-left: 26% !important; } } @media only screen and (min-width: 767px) and (max-width: 910px) { .tabs li span { font-size: 14px; } .featured .supporting + .content { margin-left: 20% !important; } } /* Helper Classes; no semantic meaning, these are for utility; */ .hidden { display: none; visibility: hidden; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .oldie footer.main li, .oldie footer.main li a { display: inline !important; } .oldie footer.main li.last-child a { border-right: none; } .oldie .row { max-width: none; } .oldie .product-banner.expanded section.banner-flyout .menu { border-right: 1px solid #C25716; } .oldie section.banner-flyout .menu a { border-top: 1px solid #C25716; } .oldie .social-flyout { width: 40px; right: -30px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; margin-top: 30px; } .oldie .social-flyout.active { width: 328px; right: -15px; overflow: visible; } .oldie .social-flyout .close { top: 8px; } .oldie header.main .masthead .fourteen.columns { float: right !important; } .oldie header.main ul.global { margin: 0 17px .75em 0; } .oldie header.main ul.global .locations { background: #FFF; } .oldie header.main .dropper3 > a { position: relative; } .oldie header.main .dropper3 > a:after { position: absolute; content: ''; height: 0; width: 0; top: .2em; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-left: 5px; } .oldie header.main .dropper3:hover .locations { opacity: 1; display: block; z-index: 10; } .oldie header.main nav.main ul.main li ul { overflow: hidden; } .oldie section.product-banner .flyout .close { display: none; } .oldie section.product-banner .flyout > .row { overflow: hidden; } .oldie section.product-banner .banner-flyout { position: relative; float: right; -webkit-transition: width .2s; } .oldie section.product-banner .banner-flyout .menu { width: 100%; } .oldie section.product-banner.expanded .close { display: block; } .oldie section.product-banner.expanded .banner-flyout { width: 290%; } .oldie section.product-banner.expanded .flyout { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .oldie section.product-banner.expanded div.menu { width: 33.333333%; } .oldie .gating-modal > .row { width: 100% !important; } .oldie .gating-modal input[type="text"] { line-height: 2; } .oldie .gating-modal .column, .oldie .gating-modal .columns { width: 50% !important; float: left !important; } .oldie .gating-modal [class*="column"] + [class*="column"]:last-child { width: 50% !important; float: left !important; } .oldie .gating-modal .twentyfour.columns { width: 100% !important; } .oldie .right-rail img { max-width: 100% !important; } .oldie img { max-width: none; } .oldie .flexslider img { max-width: 100%; } .oldie .tabs { position: relative; border: none; } .oldie .tabs li { display: inline; } .oldie .tabs li span { display: inline-block; } .oldie .tabs section { padding: 1%; position: relative; left: 0; } .oldie .wrap .wrap.last-child { border-bottom: none !important; } .wrapper .single-column .slideshow-wrapper.main.odd-bg .twentyfour .flex-viewport .border { background: transparent; border-bottom: 2px solid rgba(0, 0, 0, 0.2); position: absolute; bottom: 0; left: 0; height: 2px; width: 1279px; opacity: .2; } .lt-ie8 .row { max-width: 1279px; } .lt-ie8 header.main ul.global { margin-right: 0; } .lt-ie8 header.main ul.global li { display: inline; } .lt-ie8 header.main ul.global li a { min-width: auto; } .lt-ie8 header.main ul.global li li { display: inline-block; } .lt-ie8 header.main nav.main .row ul.main li { width: 189px; } .lt-ie8 header.main .global-search input[type=submit] { color: #eee !important; font-size: 0; } .lt-ie8 .main .twentyfour, .lt-ie8.flexfade .twentyfour { padding-left: 0; padding-right: 0; width: 100%; } .lt-ie8 .main.slideshow-wrapper .flexslider, .lt-ie8.flexfade.slideshow-wrapper .flexslider { width: 970px !important; } .lt-ie8 .main.slideshow-wrapper .flexslider .flex-viewport, .lt-ie8.flexfade.slideshow-wrapper .flexslider .flex-viewport { width: 1279px !important; } .lt-ie8 .main.slideshow-wrapper .flexslider .flex-control-nav, .lt-ie8.flexfade.slideshow-wrapper .flexslider .flex-control-nav { right: 20px; } .lt-ie8 .blog-roll .row .four { padding-left: 5px; padding-right: 0; width: 14%; } .lt-ie8 .blog-roll .row .five { padding-left: 5px; padding-right: 5px; width: 20.3%; } .lt-ie8 .product-promo .row > .columns { padding-left: 15px; margin-left: 15px; margin-right: 0; padding-right: 0; width: 31%; } .lt-ie8 .product-promo .row > :first-child.columns { padding-left: 0; margin-left: 0; } .lt-ie8 .product-promo .row { padding-bottom: 20px; padding-top: 20px; } .lt-ie8 .product-promo .row .six { margin-left: 10px; padding: 0 6px; width: 23%; } .lt-ie8 .slideshow-wrapper.videos .row .six { width: 20%; } .lt-ie8 .slideshow-wrapper.videos .row .eighteen { padding-right: 0; width: 73%; } .lt-ie8 .slideshow-wrapper.videos .row .eighteen .flexslider .flex-viewport { width: 97%; } .lt-ie8 .slideshow-wrapper.videos .row .eighteen .flexslider .flex-viewport .slides li { padding-right: 10px; } .lt-ie8 .news-events .row .twelve { width: 46%; } .lt-ie8 .news-events .row .twelve .eight { width: 20%; } .lt-ie8 .news-events .row .twelve .news .sixteen .twelve { width: 55%; } .lt-ie8 .news-events .row .twelve .news .sixteen .twelve:first-child { width: 25%; } .lt-ie8 .social .row .twenty > div { float: left; } .lt-ie8 .social .row .twenty { float: right !important; } .lt-ie8 .social .social-icon-wrapper .icon { color: transparent; } .lt-ie8 .main-sub .row .eighteen { width: 70%; } .lt-ie8 .main-sub .row .eighteen .twentyfour { width: 95%; } .lt-ie8 .main-sub .row .eighteen .row .twelve { width: 45%; } .lt-ie8 .main-sub .row .right-rail.six { width: 20%; } .lt-ie8 .main-sub .row .right-rail.six .twenty .flexslider .flex-viewport { width: 214px; } .lt-ie8 .split-layout .main-content .row .twelve { width: 45%; } .lt-ie8 .split-layout .main-content .row .twelve .eighteen { width: 60%; } .lt-ie8 .main-content .case-study-list .row .six, .lt-ie8 .main-content .media-library .row .six, .lt-ie8 .main-sub .case-study-list .row .six, .lt-ie8 .main-sub .media-library .row .six { width: 22%; } .lt-ie8 .main-content .case-study-list .row .eighteen, .lt-ie8 .main-content .media-library .row .eighteen, .lt-ie8 .main-sub .case-study-list .row .eighteen, .lt-ie8 .main-sub .media-library .row .eighteen { width: 70%; } .lt-ie8 .banner-carousel .row .twelve:first-child { width: 45%; } .lt-ie8 .banner-carousel .row .twelve .row .flexslider .flex-viewport { width: 312px; } .lt-ie8 .banner-carousel .row .twelve .supplemental .neato-button { width: 85%; } .lt-ie8 .single-column .social-flyout-wrapper { display: none; } .lt-ie8 .single-column .product-banner .row .sixteen nav ul li { float: left; } .lt-ie8 .single-column .product-banner .row .banner-content.sixteen { width: 60%; } .lt-ie8 .single-column .product-banner .row .banner-content.sixteen .wrapper .inner .row .twelve { width: 45%; } .lt-ie8 .single-column .product-banner .row .eight { /* .banner-flyout{ width: 75%; .flyout{ .row{ .eight{ &.menu{ width: 70%; margin-left: 25px; } } .sixteen{ width: 60%; } } } } */ } .lt-ie8 .single-column .eighteen { padding-left: 0; } .lt-ie8 .single-column .eighteen .event-detail { width: 93%; } .lt-ie8 .single-column .six.right-rail { width: 20%; } .lt-ie8 .single-column .resources .row .four, .lt-ie8 .single-column .slideshow-wrapper .row .four, .lt-ie8 .single-column .features-list .row .four, .lt-ie8 .single-column .announcements .row .four { width: 13%; } .lt-ie8 .single-column .resources .row .twenty, .lt-ie8 .single-column .slideshow-wrapper .row .twenty, .lt-ie8 .single-column .features-list .row .twenty, .lt-ie8 .single-column .announcements .row .twenty { width: 80%; } .lt-ie8 .single-column .resources .row .twenty .flexslider .flex-viewport, .lt-ie8 .single-column .slideshow-wrapper .row .twenty .flexslider .flex-viewport, .lt-ie8 .single-column .features-list .row .twenty .flexslider .flex-viewport, .lt-ie8 .single-column .announcements .row .twenty .flexslider .flex-viewport { width: 99%; } .lt-ie8 .single-column .resources .row .twenty .arrows li, .lt-ie8 .single-column .slideshow-wrapper .row .twenty .arrows li, .lt-ie8 .single-column .features-list .row .twenty .arrows li, .lt-ie8 .single-column .announcements .row .twenty .arrows li { display: block; list-style: disc inside; padding-left: 0; margin-bottom: 10px; zoom: normal; } .lt-ie8 .single-column .features-list .twenty .eight { width: 30%; padding-right: 0; } .lt-ie8 .single-column .world-map .row .twelve { width: 46%; padding: 0 10px; margin: 0 5px; } .lt-ie8 .single-column .world-map .row .twelve .row .eight { width: 30%; } .lt-ie8 .single-column .world-map .row .twelve .row .eight:first-child { width: 20%; } .lt-ie8 .single-column .world-map .row .push-one.twelve .address-block dl dt { left: 45px; } .lt-ie8 .single-column .search .row .six { width: 22%; } .lt-ie8 .single-column .search .row .six label.cancel { height: 18px; } .lt-ie8 .single-column .search .row .eighteen { width: 70%; } /* Pricing tables for Rollbase private and hosted pricing */ .openedge #basic, .openedge #developer, .openedge #professional, .openedge #corporate { background: none repeat scroll 0 0 #EFEFEF; border-color: #CCCCCC; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; pointer-events: none; position: absolute; top: 0; height: 2880px; width: 19%; z-index: 8; } .openedge #basic { left: 41%; } .openedge #developer { left: 21.5%; } .openedge #professional { left: 60.5%; } .openedge #corporate { left: 80%; } #pricingData { z-index: 10; position: relative; margin-bottom: 100px; } #pricingData td { border: none; } #pricingDataHeader { border-bottom: 1px; border-color: #0070CA; padding: 5px; } #pagecontainer { position: relative; background: #FFF; top: -2px; width: 923px; padding: 10px; font-size: 12px; line-height: 1.7em; } .paddedTable td, th { border-collapse: separate; padding: 5px; spacing: 5px; vertical-align: top; } .checkmark { background-image: url(../img/checkmark.png); background-repeat: no-repeat; width: 16px; height: 14px; background-position: center; } .top { vertical-align: top; } .center { text-align: center; } .italic { font-style: italic; } .large { font-size: large; } .bold { font-weight: bold; } .mediumBG { background-color: #CCCCCC; } .lightBG { background-color: #EEEEEE; } .datadirect .masthead ul.global { margin-right: 0 !important; } .content-image:hover { cursor: pointer; } div.error, label.error { font-family: "Geogrotesque W01 Medium", arial, sans-serif; color: #ff4e00; background: #FFF; padding: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); width: 50%; margin: 0 auto; } /* liveperson chat */ .chat.sticky { position: fixed; right: 0; top: 50%; z-index: 10; } /* IE9 and 10 */ @media screen and (min-width: 0\0) { section.driver-dl #uniform-eula span label.error { bottom: 24px; right: -30px; } } /* import print styles; */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; -ms-filter: none !important; filter: none !important; line-height: 1.5 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; position: static !important; } section.product-banner .banner-flyout { display: none; } section.product-banner .banner-content { width: 100%; } section.product-banner .banner-content + .eight.columns, section.product-banner .row .banner-content + .columns.eight { width: 100%; } section.banner-flyout .menu:after { display: none !important; } .row { width: auto !important; } .row .row { margin: 0 !important; } section.social .social-icon-wrapper .icon { border: none; padding: 0; margin: 0; height: auto; width: auto; } .social-flyout, nav.main, ul.global, .global-search, .breadcrumb, .neato-button { display: none; } /* hide all the elements we dont want to see; */ div.insert-class-name { display: none; } /* show the URLs for all the links; */ a { font-size: inherit !important; } a, a:visited { color: #333 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } h1.logo a[href]:after { content: "" !important; } abbr[title]:after { content: " (" attr(title) ")"; } /* identify all links that we don't want to see the URL; */ nav a, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3, h4, h5, h6 { orphans: 3; widows: 3; } h2, h3, h4, h5, h6 { page-break-after: avoid; } } /**** new menu ***/ .clear{clear:both;} /*form .wrapper{overflow:visible;}*/ .navigation{ background: #58595b; height: 33px; padding-left: 187px; padding-right: 0px; position: relative; } .nav_container{ margin: 0px auto; width: 1190px; padding-left: 145px;} .navigation > ul{ height: 33px; font-family: "GeogrotesqueW01-Semibol 1185180"; } .navigation > ul > li{ float: left; border-left: 1px solid #727272; } .navigation > ul > li:first-child{ border: none;} .navigation > ul > li > a {color: #FFF; line-height: 33px; font-size: 16px; min-width: 126px; text-align: center; cursor: pointer; display: inline-block; padding: 0px 10px; text-transform:uppercase;} .navigation > ul > li:hover > a { background-color: #727272; } .navigation > ul > li:hover .nav_hover_content{ display: block; } .navigation > ul .nav_container ul {margin-top: 2px;} .navigation > ul .nav_container ul ul {margin-top: 2px;} .navigation > ul .nav_container > div > div > ul > li > ul > li a { line-height: 15px; font-size: 16px; padding: 4px; cursor: pointer; display: block; font-family: "GeogrotesqueW01-Regular 1185161"; color:#000; padding-left: 15px; } .navigation > ul .nav_container > div > div > ul > li > a {color:#000;} .navigation > ul .nav_container > div > div > ul > li > ul > li{width:100%;} .navigation > ul .nav_container > div > div > ul > li > a:hover{ color: #ff4e00; } .navigation > ul .nav_container > div > div > ul > li > ul > li a:hover{ color: #ff4e00; } .navigation > ul .nav_container .col_1{ margin-left: 20px !important; width:220px;} .navigation > ul .nav_container .col_2{ width:220px;} .navigation > ul .nav_container .col_3{ width:195px;} .navigation > ul .nav_container .col_4{ width:134px;} .navigation > ul .nav_container .col_1,.navigation > ul .nav_container .col_2,.navigation > ul .nav_container .col_3 { margin: 10px 10px 10px 0px; float: left;} .navigation > ul .nav_container .col_2 > ul > li li a{ max-width: 140px !important; color:#000; } .navigation > ul .nav_container .col_4{position: absolute; z-index: 3; right: 0px; min-height: 100%; width: 305px; background: #e6e7e8; float: left; } .navigation .link_title { font-family: "GeogrotesqueW01-Semibol 1185180"; display: block; font-size: 16px; cursor: pointer; padding: 0px 5px; display: inline-block; line-height: 20px; color:#000;} .navigation > ul .nav_container .col_4 .arrow{ width: 27px; height: 55px; position: absolute; background: url('../img/arrow.png'); left: -2px; top: 50%; bottom: 50%; margin-top: -27.5px;} .navigation > ul .nav_container .col_4 ul{ margin-left: 60px; margin-top: 30px; margin-bottom:30px;} .navigation > ul .nav_container .col_4 ul li a{ display: block; cursor: pointer; opacity:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .navigation > ul .nav_container .col_4 ul li a:hover{ opacity:0.8;} .navigation > ul .nav_container .col_4 ul li{ margin-bottom: 15px;} .nav_hover_content{ width: 100%; position: absolute; left: 0px; top: 33px; display: none; } .nav_container{ overflow: auto; min-height: 40px;} .nav_hover_content .nav_title{ color: #fff078;margin: 20px 20px 20px 20px; font-family: "GeogrotesqueW01-Regular 1185161"; font-size: 20px;} .nav_hover_content .nav_title a { color: #fff078; } .bg_fawn{ background: #727272; } .bg_white{ background: #FFF; position: relative;} .nav_bg_right{ background: #e6e7e8; width: 27%; z-index: 2; right: 0px; top: 0px; height: 100%; position: absolute; } .searchBox{ padding: 40px 20px; padding-left:120px;} .relative{ position: relative; overflow: auto; min-height:240px;} .searchBox .input{ width: 660px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left:40px; height: 44px; border: 2px solid #CCC; padding: 0px 20px; font-family: "Geogrotesque W01 Medium"; font-size: 18px;} .searchBox .searchBtn{ background: #ff4e00; float: left; font-family: "GeogrotesqueW01-Regular 1185161"; height: 48px; width: 120px; text-align: center; font-size: 20px; margin-left: 20px; cursor: pointer; line-height: 48px; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: } .searchli{ height: 33px; } .searchBtn{ min-width: 110px !important; border: none; height: 33px; background: url('../img/search_icon.png'); background-repeat: no-repeat; background-position: center; } .m{display:none;} #searchBoxTop{display:none;} @media only screen and (max-width: 767px) { form.wrapper{overflow: hidden; } .m{display:block;} .navigation{width:265px; position:absolute; top:100px; height:auto; padding-left:0px;} .nav_container{ padding-left:0px;} .navigation > ul{height:auto;} .navigation li{width:265px; float:left;} .navigation > ul > li{border-top:1px solid #b3b3b3;} .nav_container{width:265px; position:absolute; top:0px; left:0px; background-color:#fff;} .nav_container{overflow:visible; background-color:#575757; position:relative;} .nav_hover_content{position:relative; top:auto; left:auto;} .navigation > ul > li > a{width:100%; display:block; text-align:left; background:url('../img/mobile-menu-bottom-arrow.jpg') top right no-repeat; background-color:#575757; color:#fff078; padding-top: 3px; padding-bottom: 3px; } .col_4{display:none;} .navigation > ul .nav_container .col_1{margin-left:0px !important; margin-top:0px !important; width:100% !important; background-color:#fff; margin-bottom:0px;} .navigation > ul .nav_container .col_2{margin-left:0px !important; margin-top:0px !important; width:100% !important; background-color:#fff; margin-bottom:0px;} .navigation > ul .nav_container .col_3{margin-left:0px !important; margin-top:0px !important; width:100% !important; background-color:#fff; margin-bottom:0px;} .navigation > ul .nav_container .col_4{margin-left:0px !important; margin-top:0px !important; width:100% !important; background-color:#fff; margin-bottom:0px;} .bg_fawn{display:none;} .bg_fawn{display:none;} .navigation .link_title{color: #58595b; padding-left: 15px; line-height:30px; border-right: 1px solid #575757; width: 264px; min-width: 264px;} .navigation > ul .nav_container > div > div > ul > li > ul > li{padding-left:20px; } .navigation ul ul{margin:0;} header.main nav.main{top:-42px;} .navigation > ul .nav_container > div > div > ul > li > ul > li a{border-right: 1px solid #575757; width: 244px; min-width: 244px;} .navigation > ul > li:hover > a{background-color:#575757;} .searchBox{display:none;} .searchli > a{background-image:none; position:relative;} .searchli > a span {position:relative;} .searchli > a span img{position:Absolute; left: 61px; top: 3px;} .navigation > ul > li:hover .nav_hover_content{ display: none; } .navigation > ul > li.active .nav_hover_content{ display: block; } .nav_bg_right{display:none;} #searchBoxCover{position:fixed; width:100%; top:0px; bottom:0px; left:0px; backgorund-color:black; background-color:rgba(0,0,0,0.7); z-index:1060; display:none;} #searchBoxTop{position:absolute; width:100%; top:0px; z-index:1060; display:block;} #searchBoxTitle{text-align:center; background-color:#727272; padding-top:22px; padding-bottom:20px; font-size:38px; color:#fff078; font-family: "GeogrotesqueW01-Semibol 1185180"; line-height: 38px;} #searchBoxContent{text-align:center; background-color:#fff; padding-bottom:15px; padding-top:20px;} #searchBoxContent input[type="text"]{width:90%; margin-bottom:20px;} #searchBoxContent input[type="image"]{margin-bottom:20px; width:112px;} .searchli{ height: 39px; } .relative{min-height:40px;} form.wrapper{overflow: hidden; padding-bottom: 220px;} }