/* Web Fonts */ @font-face {font-family: 'FontAwesome';src:url('../../fonts/rockwellautomation/fontawesome-webfont.eot?v=4.5.0');src:url('../../fonts/rockwellautomation/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../../fonts/rockwellautomation/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../../fonts/rockwellautomation/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../../fonts/rockwellautomation/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../../fonts/rockwellautomation/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} @font-face {font-family: 'icomoon'; src:url('../../fonts/rockwellautomation/icomoon.eot?-1od8sm'); src:url('../../fonts/rockwellautomation/icomoon.eot?#iefix-1od8sm') format('embedded-opentype'), url('../../fonts/rockwellautomation/icomoon.woff?-1od8sm') format('woff'), url('../../fonts/rockwellautomation/icomoon.ttf?-1od8sm') format('truetype'), url('../../fonts/rockwellautomation/icomoon.svg?-1od8sm#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] {font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-map:before {content: "\e600"; } .icon-share:before {content: "\e601";} @font-face {font-family: 'open_sansbold'; src: url('../../fonts/rockwellautomation/opensans-bold-webfont.eot'); src: url('../../fonts/rockwellautomation/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/rockwellautomation/opensans-bold-webfont.woff2') format('woff2'), url('../../fonts/rockwellautomation/opensans-bold-webfont.woff') format('woff'), url('../../fonts/rockwellautomation/opensans-bold-webfont.ttf') format('truetype'), url('../../fonts/rockwellautomation/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'open_sanslight'; src: url('../../fonts/rockwellautomation/opensans-light-webfont.eot'); src: url('../../fonts/rockwellautomation/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/rockwellautomation/opensans-light-webfont.woff2') format('woff2'), url('../../fonts/rockwellautomation/opensans-light-webfont.woff') format('woff'), url('../../fonts/rockwellautomation/opensans-light-webfont.ttf') format('truetype'), url('../../fonts/rockwellautomation/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'open_sanssemibold'; src: url('../../fonts/rockwellautomation/opensans-semibold-webfont.eot'); src: url('../../fonts/rockwellautomation/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/rockwellautomation/opensans-semibold-webfont.woff2') format('woff2'), url('../../fonts/rockwellautomation/opensans-semibold-webfont.woff') format('woff'), url('../../fonts/rockwellautomation/opensans-semibold-webfont.ttf') format('truetype'), url('../../fonts/rockwellautomation/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'open_sansregular'; src: url('../../fonts/rockwellautomation/opensans-regular-webfont.eot'); src: url('../../fonts/rockwellautomation/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/rockwellautomation/opensans-regular-webfont.woff2') format('woff2'), url('../../fonts/rockwellautomation/opensans-regular-webfont.woff') format('woff'), url('../../fonts/rockwellautomation/opensans-regular-webfont.ttf') format('truetype'), url('../../fonts/rockwellautomation/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'open_sanscondensedlight'; src: url('../../fonts/rockwellautomation/opensans-condlight-webfont.eot'); src: url('../../fonts/rockwellautomation/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/rockwellautomation/opensans-condlight-webfont.woff2') format('woff2'), url('../../fonts/rockwellautomation/opensans-condlight-webfont.woff') format('woff'), url('../../fonts/rockwellautomation/opensans-condlight-webfont.ttf') format('truetype'), url('../../fonts/rockwellautomation/opensans-condlight-webfont.svg#open_sanscondensedlight') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'open_sanscondensedbold'; src: url('../../fonts/rockwellautomation/opensans-condbold-webfont.eot'); src: url('../../fonts/rockwellautomation/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/rockwellautomation/opensans-condbold-webfont.woff2') format('woff2'), url('../../fonts/rockwellautomation/opensans-condbold-webfont.woff') format('woff'), url('../../fonts/rockwellautomation/opensans-condbold-webfont.ttf') format('truetype'), url('../../fonts/rockwellautomation/opensans-condbold-webfont.svg#open_sanscondensedbold') format('svg'); font-weight: normal; font-style: normal;} /*Country Flags */ .f16 .flag{display:inline-block;height:16px;width:16px;vertical-align:text-top;line-height:16px;background:url('../../images/rockwellautomation/flags16.png') no-repeat;} .f16 ._African_Union{background-position:0 -16px;} .f16 ._Arab_League{background-position:0 -32px;} .f16 ._ASEAN{background-position:0 -48px;} .f16 ._CARICOM{background-position:0 -64px;} .f16 ._CIS{background-position:0 -80px;} .f16 ._Commonwealth{background-position:0 -96px;} .f16 ._England{background-position:0 -112px;} .f16 ._European_Union, .f16 .eu{background-position:0 -128px;} .f16 ._Islamic_Conference{background-position:0 -144px;} .f16 ._Kosovo{background-position:0 -160px;} .f16 ._NATO{background-position:0 -176px;} .f16 ._Northern_Cyprus{background-position:0 -192px;} .f16 ._Northern_Ireland{background-position:0 -208px;} .f16 ._Olimpic_Movement{background-position:0 -224px;} .f16 ._OPEC{background-position:0 -240px;} .f16 ._Red_Cross{background-position:0 -256px;} .f16 ._Scotland{background-position:0 -272px;} .f16 ._Somaliland{background-position:0 -288px;} .f16 ._Tibet{background-position:0 -304px;} .f16 ._United_Nations{background-position:0 -320px;} .f16 ._Wales{background-position:0 -336px;} .f16 .ad{background-position:0 -352px;} .f16 .ae{background-position:0 -368px;} .f16 .af{background-position:0 -384px;} .f16 .ag{background-position:0 -400px;} .f16 .ai{background-position:0 -416px;} .f16 .al{background-position:0 -432px;} .f16 .am{background-position:0 -448px;} .f16 .ao{background-position:0 -464px;} .f16 .aq{background-position:0 -480px;} .f16 .ar{background-position:0 -496px;} .f16 .as{background-position:0 -512px;} .f16 .at{background-position:0 -528px;} .f16 .au{background-position:0 -544px;} .f16 .aw{background-position:0 -560px;} .f16 .ax{background-position:0 -576px;} .f16 .az{background-position:0 -592px;} .f16 .ba{background-position:0 -608px;} .f16 .bb{background-position:0 -624px;} .f16 .bd{background-position:0 -640px;} .f16 .be{background-position:0 -656px;} .f16 .bf{background-position:0 -672px;} .f16 .bg{background-position:0 -688px;} .f16 .bh{background-position:0 -704px;} .f16 .bi{background-position:0 -720px;} .f16 .bj{background-position:0 -736px;} .f16 .bm{background-position:0 -752px;} .f16 .bn{background-position:0 -768px;} .f16 .bo{background-position:0 -784px;} .f16 .br{background-position:0 -800px;} .f16 .bs{background-position:0 -816px;} .f16 .bt{background-position:0 -832px;} .f16 .bw{background-position:0 -848px;} .f16 .by{background-position:0 -864px;} .f16 .bz{background-position:0 -880px;} .f16 .ca{background-position:0 -896px;} .f16 .cg{background-position:0 -912px;} .f16 .cf{background-position:0 -928px;} .f16 .cd{background-position:0 -944px;} .f16 .ch{background-position:0 -960px;} .f16 .ci{background-position:0 -976px;} .f16 .ck{background-position:0 -992px;} .f16 .cl{background-position:0 -1008px;} .f16 .cm{background-position:0 -1024px;} .f16 .cn{background-position:0 -1040px;} .f16 .co{background-position:0 -1056px;} .f16 .cr{background-position:0 -1072px;} .f16 .cu{background-position:0 -1088px;} .f16 .cv{background-position:0 -1104px;} .f16 .cy{background-position:0 -1120px;} .f16 .cz{background-position:0 -1136px;} .f16 .de{background-position:0 -1152px;} .f16 .dj{background-position:0 -1168px;} .f16 .dk{background-position:0 -1184px;} .f16 .dm{background-position:0 -1200px;} .f16 .do{background-position:0 -1216px;} .f16 .dz{background-position:0 -1232px;} .f16 .ec{background-position:0 -1248px;} .f16 .ee{background-position:0 -1264px;} .f16 .eg{background-position:0 -1280px;} .f16 .eh{background-position:0 -1296px;} .f16 .er{background-position:0 -1312px;} .f16 .es{background-position:0 -1328px;} .f16 .et{background-position:0 -1344px;} .f16 .fi{background-position:0 -1360px;} .f16 .fj{background-position:0 -1376px;} .f16 .fm{background-position:0 -1392px;} .f16 .fo{background-position:0 -1408px;} .f16 .fr{background-position:0 -1424px;} .f16 .bl, .f16 .cp, .f16 .mf, .f16 .yt{background-position:0 -1424px;} .f16 .ga{background-position:0 -1440px;} .f16 .gb{background-position:0 -1456px;} .f16 .sh{background-position:0 -1456px;} .f16 .gd{background-position:0 -1472px;} .f16 .ge{background-position:0 -1488px;} .f16 .gg{background-position:0 -1504px;} .f16 .gh{background-position:0 -1520px;} .f16 .gi{background-position:0 -1536px;} .f16 .gl{background-position:0 -1552px;} .f16 .gm{background-position:0 -1568px;} .f16 .gn{background-position:0 -1584px;} .f16 .gp{background-position:0 -1600px;} .f16 .gq{background-position:0 -1616px;} .f16 .gr{background-position:0 -1632px;} .f16 .gt{background-position:0 -1648px;} .f16 .gu{background-position:0 -1664px;} .f16 .gw{background-position:0 -1680px;} .f16 .gy{background-position:0 -1696px;} .f16 .hk{background-position:0 -1712px;} .f16 .hn{background-position:0 -1728px;} .f16 .hr{background-position:0 -1744px;} .f16 .ht{background-position:0 -1760px;} .f16 .hu{background-position:0 -1776px;} .f16 .id{background-position:0 -1792px;} .f16 .mc{background-position:0 -1792px;} .f16 .ie{background-position:0 -1808px;} .f16 .il{background-position:0 -1824px;} .f16 .im{background-position:0 -1840px;} .f16 .in{background-position:0 -1856px;} .f16 .iq{background-position:0 -1872px;} .f16 .ir{background-position:0 -1888px;} .f16 .is{background-position:0 -1904px;} .f16 .it{background-position:0 -1920px;} .f16 .je{background-position:0 -1936px;} .f16 .jm{background-position:0 -1952px;} .f16 .jo{background-position:0 -1968px;} .f16 .jp{background-position:0 -1984px;} .f16 .ke{background-position:0 -2000px;} .f16 .kg{background-position:0 -2016px;} .f16 .kh{background-position:0 -2032px;} .f16 .ki{background-position:0 -2048px;} .f16 .km{background-position:0 -2064px;} .f16 .kn{background-position:0 -2080px;} .f16 .kp{background-position:0 -2096px;} .f16 .kr{background-position:0 -2112px;} .f16 .kw{background-position:0 -2128px;} .f16 .ky{background-position:0 -2144px;} .f16 .kz{background-position:0 -2160px;} .f16 .la{background-position:0 -2176px;} .f16 .lb{background-position:0 -2192px;} .f16 .lc{background-position:0 -2208px;} .f16 .li{background-position:0 -2224px;} .f16 .lk{background-position:0 -2240px;} .f16 .lr{background-position:0 -2256px;} .f16 .ls{background-position:0 -2272px;} .f16 .lt{background-position:0 -2288px;} .f16 .lu{background-position:0 -2304px;} .f16 .lv{background-position:0 -2320px;} .f16 .ly{background-position:0 -2336px;} .f16 .ma{background-position:0 -2352px;} .f16 .md{background-position:0 -2368px;} .f16 .me{background-position:0 -2384px;} .f16 .mg{background-position:0 -2400px;} .f16 .mh{background-position:0 -2416px;} .f16 .mk{background-position:0 -2432px;} .f16 .ml{background-position:0 -2448px;} .f16 .mm{background-position:0 -2464px;} .f16 .mn{background-position:0 -2480px;} .f16 .mo{background-position:0 -2496px;} .f16 .mq{background-position:0 -2512px;} .f16 .mr{background-position:0 -2528px;} .f16 .ms{background-position:0 -2544px;} .f16 .mt{background-position:0 -2560px;} .f16 .mu{background-position:0 -2576px;} .f16 .mv{background-position:0 -2592px;} .f16 .mw{background-position:0 -2608px;} .f16 .mx{background-position:0 -2624px;} .f16 .my{background-position:0 -2640px;} .f16 .mz{background-position:0 -2656px;} .f16 .na{background-position:0 -2672px;} .f16 .nc{background-position:0 -2688px;} .f16 .ne{background-position:0 -2704px;} .f16 .ng{background-position:0 -2720px;} .f16 .ni{background-position:0 -2736px;} .f16 .nl{background-position:0 -2752px;} .f16 .bq{background-position:0 -2752px;} .f16 .no{background-position:0 -2768px;} .f16 .bv, .f16 .nq, .f16 .sj{background-position:0 -2768px;} .f16 .np{background-position:0 -2784px;} .f16 .nr{background-position:0 -2800px;} .f16 .nz{background-position:0 -2816px;} .f16 .om{background-position:0 -2832px;} .f16 .pa{background-position:0 -2848px;} .f16 .pe{background-position:0 -2864px;} .f16 .pf{background-position:0 -2880px;} .f16 .pg{background-position:0 -2896px;} .f16 .ph{background-position:0 -2912px;} .f16 .pk{background-position:0 -2928px;} .f16 .pl{background-position:0 -2944px;} .f16 .pr{background-position:0 -2960px;} .f16 .ps{background-position:0 -2976px;} .f16 .pt{background-position:0 -2992px;} .f16 .pw{background-position:0 -3008px;} .f16 .py{background-position:0 -3024px;} .f16 .qa{background-position:0 -3040px;} .f16 .re{background-position:0 -3056px;} .f16 .rg{background-position:0 -3952px;} .f16 .ro{background-position:0 -3072px;} .f16 .rs{background-position:0 -3088px;} .f16 .ru{background-position:0 -3104px;} .f16 .rw{background-position:0 -3120px;} .f16 .sa{background-position:0 -3136px;} .f16 .sb{background-position:0 -3152px;} .f16 .sc{background-position:0 -3168px;} .f16 .sd{background-position:0 -3184px;} .f16 .se{background-position:0 -3200px;} .f16 .sg{background-position:0 -3216px;} .f16 .si{background-position:0 -3232px;} .f16 .sk{background-position:0 -3248px;} .f16 .sl{background-position:0 -3264px;} .f16 .sm{background-position:0 -3280px;} .f16 .sn{background-position:0 -3296px;} .f16 .so{background-position:0 -3312px;} .f16 .sr{background-position:0 -3328px;} .f16 .st{background-position:0 -3344px;} .f16 .sv{background-position:0 -3360px;} .f16 .sy{background-position:0 -3376px;} .f16 .sz{background-position:0 -3392px;} .f16 .tc{background-position:0 -3408px;} .f16 .td{background-position:0 -3424px;} .f16 .tg{background-position:0 -3440px;} .f16 .th{background-position:0 -3456px;} .f16 .tj{background-position:0 -3472px;} .f16 .tl{background-position:0 -3488px;} .f16 .tm{background-position:0 -3504px;} .f16 .tn{background-position:0 -3520px;} .f16 .to{background-position:0 -3536px;} .f16 .tr{background-position:0 -3552px;} .f16 .tt{background-position:0 -3568px;} .f16 .tv{background-position:0 -3584px;} .f16 .tw{background-position:0 -3600px;} .f16 .tz{background-position:0 -3616px;} .f16 .ua{background-position:0 -3632px;} .f16 .ug{background-position:0 -3648px;} .f16 .us{background-position:0 -3664px;} .f16 .uy{background-position:0 -3680px;} .f16 .uz{background-position:0 -3696px;} .f16 .va{background-position:0 -3712px;} .f16 .vc{background-position:0 -3728px;} .f16 .ve{background-position:0 -3744px;} .f16 .vg{background-position:0 -3760px;} .f16 .vi{background-position:0 -3776px;} .f16 .vn{background-position:0 -3792px;} .f16 .vu{background-position:0 -3808px;} .f16 .ws{background-position:0 -3824px;} .f16 .ye{background-position:0 -3840px;} .f16 .za{background-position:0 -3856px;} .f16 .zm{background-position:0 -3872px;} .f16 .zw{background-position:0 -3888px;} .f16 .sx{background-position:0 -3904px;} .f16 .cw{background-position:0 -3920px;} .f16 .ss{background-position:0 -3936px;} html { font-size: 10px; height: 100%; -webkit-tap-highlight-color: rgba(187,35,34,0.85); } body { background-color: #808285; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 100%; line-height: 1.42857143; width: 100%; } body.modal-open { position: fixed; } body.ext-gecko, body.ext-gecko3, body.ext-mac, body#tinymce, body.mceContentBody { background-color: #fff; } #RA_mainbody-row { background-color: #fff; padding-bottom: 15px; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } ::-webkit-input-placeholder { color: #555; } :-moz-placeholder { color: #555; } ::-moz-placeholder { color: #555; } :-ms-input-placeholder { color: #555; } a, a:visited { background-color: transparent; color: #bb2322; cursor: pointer; text-decoration: none; } a:hover, a:focus { color: #bb2322; text-decoration: underline; } a:active, a:hover { outline: 0; } a:focus { outline: 0; } b, strong { font-weight: bold; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; vertical-align: middle; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { fontont-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-family: 'open_sanscondensedbold', sans-serif; font-size: 36px; } h2, .h2 { font-family: 'open_sansregular', sans-serif; font-size: 30px; } h3, .h3 { font-family: 'open_sansregular', sans-serif; font-size: 24px; } h4, .h4 { font-family: 'open_sansregular', sans-serif; font-size: 18px; } h5, .h5 { font-family: 'open_sansregular', sans-serif; font-size: 14px; } h6, .h6 { font-family: 'open_sansregular', sans-serif; font-size: 12px; } p { margin: 0 0 10px; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } .ra #RA_brandbar-row + #nav-container { z-index: 770; } .ra #nav-container + #hero { background-color: #fff; margin-bottom: -38px; min-height: 38px; position: relative; top: -38px; z-index: 760; } .ra #nav-container + #RA_mainbody-row { background-color: #fff; margin-bottom: -38px; min-height: 38px; padding-top: 58px; position: relative; top: -38px; z-index: 760; } .ra #nav-container + #RA_mainbody-row.no-sub-nav { margin-bottom: 0; padding-top: 20px; top: 0; } .ra #hero + .content { padding-top: 20px; } .loading { cursor: default; opacity: 0.3 !important; pointer-events: none; } /* Button Styles */ .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; } .btn:hover, .btn:focus, .btn.focus { text-decoration: none; } .btn:after { content: "\f105"; font-family: FontAwesome; padding-left: 5px; } .btn-primary { font-size: 20px; } .btn-default { font-size: 14px; } .btn-primary, .btn-default { background-color: transparent; font-family: 'open_sanscondensedbold', sans-serif; font-weight: normal; cursor: pointer; text-align: center; } .ra .btn-primary, .ra .btn-default { border: 2px solid #bb2322; color: #bb2322; font-style: normal; } .ab .btn-primary, .ab .btn-default { border: 2px solid #003e7e; color: #003e7e; font-style: normal; } .rs .btn-primary, .rs .btn-default { border: 2px solid #bb2322; color: #bb2322; font-style: italic; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary.open, .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .btn-default.open { background-color: #bb2322; border: 2px solid #bb2322; color: #fff; } .btn-primary > a, .btn-default > a { color: #bb2322; text-decoration: none; } .btn-primary:hover > a, .btn-default:hover > a { color: #fff; text-decoration: none; } .btn-link { font-weight: normal; color: #337ab7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } /* Scroll Top Button */ .scrollTop-Container { position: fixed; bottom: 30px; right: 30px; z-index: 1000; } .scrollTop-Container .scrollTop { background-color: rgba(187, 35, 34, 0.85); behavior: url('vendor/PIE.htc'); border: 0; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); color: #fff; cursor: pointer; display: inline-block; font-family: 'open_sansregular', sans-serif; font-weight: normal; font-style: normal; line-height: 16px; padding: 8px 15px 15px; outline: none; outline-offset: 0; text-align: center; text-decoration: none; } .scrollTop-Container .scrollTop:hover { text-decoration: none; } .scrollTop-Container .scrollTop i { font-size: 18px; font-weight: bold; } /* Drop Down Styles */ .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; display: none; float: left; padding: 5px 8px; margin: 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); z-index: 900; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 8px; clear: both; font-weight: normal; color: #bb2322; white-space: nowrap; } .dropdown-menu > li > a:hover { background-color: #bb2322; color: #fff; text-decoration: none; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } /* IE Upgrade Messaging */ .upgrade { width: 100%; background-color: #555; color: #fff; position: fixed; bottom: 0; z-index: 999; zoom: 1; border-top: 4px solid #fff; } .upgrade .outdated-browser { margin: 0; padding: 10px 20px; } .upgrade .outdated-browser a { color: #fff; text-decoration: underline; } /* Brand Bar */ .brandbar-fixed-top { background: #555555; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODI4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzgwODI4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #555555 0%, #555555 50%, #808285 50%, #808285 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#555555), color-stop(50%,#555555), color-stop(50%,#808285), color-stop(100%,#808285)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #555555 0%,#555555 50%,#808285 50%,#808285 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #555555 0%,#555555 50%,#808285 50%,#808285 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #555555 0%,#555555 50%,#808285 50%,#808285 100%); /* IE10+ */ background: linear-gradient(to right, #555555 0%,#555555 50%,#808285 50%,#808285 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#808285',GradientType=1 ); /* IE6-8 */ height: 40px; width: 100%; z-index: 960; } .ie9 .brandbar-fixed-top { filter: none; } .sites { background-color: #555; height: 40px; position: relative; } .ra .sites { width: 261px; } .ab .sites { width: 244px; } .rs .sites { width: 238px; } .sites::after { background-color: #555; content: ""; display: block; height: 40px; position: absolute; right: -5px; top: 0; -webkit-transform: skew(-12deg, 0deg); -moz-transform: skew(-12deg, 0deg); -ms-transform: skew(-12deg, 0deg); -o-transform: skew(-12deg, 0deg); transform: skew(-12deg, 0deg); width: 24px; } .sites span { color: #fff; display: block; font-family: 'open_sansregular', sans-serif; font-size: 18px; font-style: normal; font-weight: normal; margin: 0; padding: 7px 0 0 0; } .brandbar { background-color: #808285; float: left; height: 40px; left: 55px; margin: -40px 0 0 0; overflow: hidden; padding: 0 0 0 261px; width: 100%; } .sites .brands { float: left; margin: 0 0 0 -10px; padding: 10px 0 0; } .sites .brands .logo { background-image: url("../../images/rockwellautomation/sprite.png"); background-size: 329px 500px; background-repeat: no-repeat; border-bottom: 4px solid #555; display: block; float: left; height: 30px; margin: 0 12px; overflow: hidden; text-indent: 100%; white-space: nowrap; } .ra .sites .brands .logo.ab:hover { border-bottom: 4px solid #bb2322; } .ra .sites .brands .logo.rs:hover { border-bottom: 4px solid #bb2322; } .rs .sites .brands .logo.ab:hover { border-bottom: 4px solid #fff; } .rs .sites .brands .logo.ra:hover { border-bottom: 4px solid #fff; } .ab .sites .brands .logo.ra:hover { border-bottom: 4px solid #fff; } .ab .sites .brands .logo.rs:hover { border-bottom: 4px solid #fff; } .ra .sites .brands .logo.ra, .ra .sites .brands .divider-1 { display: none; } .ab .sites .brands .logo.ab, .ab .sites .brands .divider-1 { display: none; } .rs .sites .brands .logo.rs, .rs .sites .brands .divider-2 { display: none; } .sites .brands .logo.ra { background-position: 0 0; width: 87px; } .sites .brands .logo.ab { background-position: -97px 0; width: 104px; } .sites .brands .logo.rs { background-position: -211px 0; width: 110px; } .sites .brands .divider-1, .sites .brands .divider-2 { border-left: 2px solid #808285; display: block; float: left; height: 20px; -webkit-transform: skew(-12deg, 0deg); -moz-transform: skew(-12deg, 0deg); -ms-transform: skew(-12deg, 0deg); -o-transform: skew(-12deg, 0deg); transform: skew(-12deg, 0deg); } .brandbar .icons { float: right; } .brandbar .icons > .icon-wrapper { display: table-cell; height: 40px; padding: 0 10px; vertical-align: middle; } .brandbar .icons > .icon-wrapper:last-child { padding-right: 0; } .brandbar .icons > .icon-wrapper .icon-slideout { display: none; } .brandbar .icons > .icon-wrapper .icon-slideout:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .brandbar .icons > .icon-wrapper > a { display: inline-block; float: right; height: 30px; padding-top: 5px; } .brandbar .icons > .icon-wrapper.search-link > a { padding-top: 4px; } .brandbar .icons > .icon-wrapper.country-link .icon-slideout { background-color: #fff; } .brandbar .icons > .icon-wrapper.account-link.active { background-color: #bb2322; } .brandbar .icons > .icon-wrapper.country-link.active { background-color: #bb2322; width: 245px; } .brandbar .icons > .icon-wrapper.active .icon-slideout { display: inline-block; } .brandbar .icons > .icon-wrapper.account-link .icon-slideout { float: left; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .search-form, .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .country-form, #nav-mobile .navbar-menu .search-box .search-form, #nav-mobile .navbar-menu .country-box .country-form { background-color: #fff; margin: 0; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .search-form .search-site, .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .country-form .country-site, #nav-mobile .navbar-menu .search-box .search-form .search-site, #nav-mobile .navbar-menu .country-box .country-form .country-site { background-color: transparent; background-image: url("../../images/rockwellautomation/search-arrow.png"); background-position: 94% 50%; background-repeat: no-repeat; background-size: 9px 5px; float: left; height: 20px; margin: 5px 0; overflow: hidden; padding-left: 5px; width: 200px; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .search-form .search-site, #nav-mobile .navbar-menu .search-box .search-form .search-site { border-right: 2px solid #555; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .search-form .search-site-menu, .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .country-form .country-site-menu, #nav-mobile .navbar-menu .search-box .search-form .search-site-menu, #nav-mobile .navbar-menu .country-box .country-form .country-site-menu { background-color: transparent; border: 0 none; color: #bb2322; cursor: pointer; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; height: 20px; padding: 0; -webkit-appearance: none; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .search-form .search-site-menu, #nav-mobile .navbar-menu .search-box .search-form .search-site-menu { width: 230px; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .country-form .country-site-menu { width: 220px; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .country-form .country-site-menu.f16 .flag, #nav-mobile .navbar-menu .country-box .country-form .country-site-menu.f16 .flag { display: block; padding-left: 21px; width: 100%; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .search-form .search-text, #nav-mobile .navbar-menu .search-box .search-form .search-text { border: 0 none; color: #000; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 0 0 0 10px; width: 200px; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .search-form .search-btn, #nav-mobile .navbar-menu .search-box .search-form .search-btn { background-color: #bb2322; border: 2px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; font-family: 'open_sansbold', sans-serif; font-size: 14px; height: 30px; line-height: 14px; padding: 5px 8px 6px; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site.logged-in .account-sign-in, .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site.logged-in .account-member, #nav-mobile .navbar-menu .account-box .account-form .account-site.logged-in .account-sign-in, #nav-mobile .navbar-menu .account-box .account-form .account-site.logged-in .account-member { display: none; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site.logged-out .account-welcome, .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site.logged-out .account-my, .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site.logged-out .account-sign-out, #nav-mobile .navbar-menu .account-box .account-form .account-site.logged-out .account-welcome, #nav-mobile .navbar-menu .account-box .account-form .account-site.logged-out .account-my, #nav-mobile .navbar-menu .account-box .account-form .account-site.logged-out .account-sign-out { display: none; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-sign-in, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-member, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-my, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-sign-out { height: 20px; margin: 0; text-align: center; width: 49%; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-sign-in, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-my { float: left; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-member, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-sign-out { float: right; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site { display: table-cell; height: 28px; vertical-align: middle; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site div { display: inline-block; margin-right: 8px; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site .account-welcome { color: #fff; font-family: 'open_sansbold', sans-serif; font-size: 14px; line-height: 14px; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-welcome { color: #fff; font-family: 'open_sansbold', sans-serif; font-size: 20px; line-height: 20px; margin-bottom: 13px; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site a { background-color: #bb2322; border: 1px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; font-family: 'open_sansbold', sans-serif; font-size: 14px; height: 30px; line-height: 14px; padding: 1px 8px; } #nav-mobile .navbar-menu .account-box .account-form .account-site a { background-color: #bb2322; border: 2px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; font-family: 'open_sansbold', sans-serif; font-size: 16px; height: 45px; line-height: 16px; padding: 12px 10px; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site a:hover, #nav-mobile .navbar-menu .account-box .account-form .account-site a:hover { background-color: #fff; color: #bb2322; text-decoration: none; } .brandbar .icons .fa { color: #fff; font-size: 21px; vertical-align: middle; } .brandbar .icons .fa.fa-map { font-size: 18px; line-height: 21px; } .ra .brandbar .icons .fa:hover { color: #bb2322; } .ra .brandbar .icons .open .fa:hover { color: #fff; } .ab .brandbar .icons .fa:hover { color: #003e7e; } .rs .brandbar .icons .fa:hover { color: #bb2322; } /* Main Nav */ .navbar-header { float: left; } .navbar-collapse { float: right; } .navbar-brand { float: left; position: relative; z-index: 99999; } .rs .navbar-brand { background-color: #bb2322; display: block; padding: 20px; } .navbar-brand .logo { background-image: url("../../images/rockwellautomation/sprite.png"); background-repeat: no-repeat; background-size: 329px 500px; } .ra .navbar-brand .logo { background-position: 0 -32px; height: 58px; margin: 15px 0; width: 247px; } .ab .navbar-brand .logo { background-position: 0 -100px; height: 42px; margin: 15px 0; width: 266px; } .rs .navbar-brand .logo { background-position: 0 -152px; height: 27px; width: 265px; } .navbar .menu-icon { background: transparent; border: 0 none; float: right; } .navbar .search-icon, .navbar .country-icon { background: transparent; border: 0 none; float: right; padding: 10px 12px 8px; } .navbar .navbar-toggle > a > .fa.fa-search { font-size: 21px; color: #bb2322; margin-top:-1px; } .navbar .navbar-toggle.active > a > .fa.fa-search { color: #000; } #nav { width:100%; } .navbar { z-index: 1000; } .ab .navbar { background-color: #fff; -webkit-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); -moz-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); height: 72px; } .rs .navbar { background-color: #000; height: 56px; } #nav.affix { position: fixed; top: 0; width: 100% } /* Main Nav Drop Downs */ .cbp-hrmenu ul { margin: 0; padding: 0; list-style-type: none outside none; } .cbp-hrmenu > ul { margin: 0 -10px 0 0; padding: 0; float: right; text-align: left; } .cbp-hrmenu .cbp-hrsub-inner { margin: 0 -10px 0 0; padding: 0; } .cbp-hrmenu > ul > li { display: inline-block; *display: inline; zoom: 1; } .cbp-hrmenu .cbp-hrsub { background: #c8c8c8; -webkit-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); -moz-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); display: none; left: 0; position: absolute; width: 100%; z-index: 999; } .cbp-hropen .cbp-hrsub { display: block; } .cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after { content: " "; display: table; } .cbp-hrmenu .cbp-hrsub-inner:after { clear: both; } .cbp-hrmenu .cbp-hrsub-inner .row { margin-top:28px; margin-bottom: 22px; } .cbp-hrmenu .cbp-hrsub-inner .row li { list-style: none outside none; margin-top: 6px; } .navbar .navbar-nav .cbp-hrmenu > ul > li > a { display: inline-block; *display: inline; font-family: 'open_sanscondensedlight', sans-serif; font-weight: normal; font-style: normal; text-decoration: none; zoom: 1; } .ra .navbar .navbar-nav .cbp-hrmenu > ul > li > a { color: #bb2322; padding: 13px 10px; } .ab .navbar .navbar-nav .cbp-hrmenu > ul > li > a { color: #003e7e; padding: 10px 10px 11px; } .rs .navbar .navbar-nav .cbp-hrmenu > ul > li > a { color: #fff; padding: 7px 10px 8px; } .navbar .navbar-nav .cbp-hrmenu > #menu > li > a:hover, .navbar .navbar-nav .cbp-hrmenu > #menu > li > a:focus, .navbar .navbar-nav .cbp-hrmenu > #menu > li.open > a { background-color: #c8c8c8; color: #000; } .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a, .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a:hover, .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a:focus { color: #fff; } .ra .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a, .ra .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a:hover, .ra .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a:focus { background-color: #bb2322; } .ab .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a, .ab .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a:hover, .ab .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a:focus { background-color: #003e7e; } .rs .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a, .rs .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a:hover, .rs .navbar .navbar-nav .cbp-hrmenu > ul > li.active > a:focus { background-color: #bb2322; } .cbp-hrmenu .cbp-hrsub-inner .row li:first-child { margin-top: 0px; } .cbp-hrmenu .cbp-hrsub-inner .row li.spacer { height: 35px; } .cbp-hrmenu .cbp-hrsub-inner .row li > h4 ,.cbp-hrmenu .cbp-hrsub-inner .row h4 { margin: 0; padding: 0; } .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a, .cbp-hrmenu .cbp-hrsub-inner .row h4 a { font-family: 'open_sanscondensedbold', sans-serif; font-weight: normal; font-style: normal; font-size: 22px; line-height: 20px; color: #000; text-transform:uppercase; margin: 6px 0 9px 0; padding: 0; } .ra .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a, .ra .cbp-hrmenu .cbp-hrsub-inner .row h4 a { color: #555; } .ab .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a, .ab .cbp-hrmenu .cbp-hrsub-inner .row h4 a { color: #555; } .rs .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a, .rs .cbp-hrmenu .cbp-hrsub-inner .row h4 a { color: #000; font-style: normal; } .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:hover, .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:focus, .cbp-hrmenu .cbp-hrsub-inner .row h4 a:hover, .cbp-hrmenu .cbp-hrsub-inner .row h4 a:focus { background-color: transparent; color: #bb2322; text-decoration: none; } .ra .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:hover, .ra .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:focus, .ra .cbp-hrmenu .cbp-hrsub-inner .row h4 a:hover, .ra .cbp-hrmenu .cbp-hrsub-inner .row h4 a:focus { background-color: transparent; color: #bb2322; } .ab .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:hover, .ab .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:focus, .ab .cbp-hrmenu .cbp-hrsub-inner .row h4 a:hover, .ab .cbp-hrmenu .cbp-hrsub-inner .row h4 a:focus { background-color: transparent; color: #003e7e; } .rs .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:hover, .rs .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:focus, .rs .cbp-hrmenu .cbp-hrsub-inner .row h4 a:hover, .rs .cbp-hrmenu .cbp-hrsub-inner .row h4 a:focus { background-color: transparent; color: #bb2322; } .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:after, .cbp-hrmenu .cbp-hrsub-inner .row h4 a:after { content: "\f105"; font-family: FontAwesome; font-size: 18px; font-style: normal; font-weight: normal; line-height: 20px; padding-left: 4px; position: absolute; } .ra .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:after, .ra .cbp-hrmenu .cbp-hrsub-inner .row h4 a:after { color: #bb2322; } .ab .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:after, .ab .cbp-hrmenu .cbp-hrsub-inner .row h4 a:after { color: #003e7e; } .rs .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:after, .rs .cbp-hrmenu .cbp-hrsub-inner .row h4 a:after { color: #bb2322; } .cbp-hrmenu .cbp-hrsub-inner .row li a, .cbp-hrmenu .cbp-hrsub-inner .row a { font-family: 'open_sansregular', sans-serif; font-weight: normal; font-style: normal; font-size: 12px; line-height: 16px; padding: 6px 8px; margin: -4px 0 0 -8px; display: inline-block; *display: inline; zoom: 1; } .ra .cbp-hrmenu .cbp-hrsub-inner .row li a, .ra .cbp-hrmenu .cbp-hrsub-inner .row a { color: #bb2322; } .ab .cbp-hrmenu .cbp-hrsub-inner .row li a, .ab .cbp-hrmenu .cbp-hrsub-inner .row a { color: #003e7e; } .rs .cbp-hrmenu .cbp-hrsub-inner .row li a, .rs .cbp-hrmenu .cbp-hrsub-inner .row a { color: #bb2322; font-style: italic; } .cbp-hrmenu .cbp-hrsub-inner .row li a:hover, .cbp-hrmenu .cbp-hrsub-inner .row li a:focus { color: #fff; text-decoration: none; } .ra .cbp-hrmenu .cbp-hrsub-inner .row li a:hover, .ra .cbp-hrmenu .cbp-hrsub-inner .row li a:focus { background-color: #bb2333; } .ab .cbp-hrmenu .cbp-hrsub-inner .row li a:hover, .ab .cbp-hrmenu .cbp-hrsub-inner .row li a:focus { background-color: #003e7e; } .rs .cbp-hrmenu .cbp-hrsub-inner .row li a:hover, .rs .cbp-hrmenu .cbp-hrsub-inner .row li a:focus { background-color: #bb2333; } .cbp-hrmenu .cbp-hrsub-inner .row .img-nav { padding-left: 10px; padding-right: 0px; } .cbp-hrmenu .cbp-hrsub-inner .row .block-img img { border: 6px solid #fff; width: 100%; } /* Mobile Nav */ .navbar-toggle { -webkit-tap-highlight-color: transparent; } .navbar-toggle .icon-bar { background-color: #bb2322; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; height: 4px; width: 30px; -webkit-tap-highlight-color: transparent; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .navbar-toggle .icon-bar:first-child { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .navbar-toggle.open .icon-bar:first-child { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -moz-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; -o-transform-origin: 10% 10%; transform-origin: 10% 10%; } .navbar-toggle .icon-bar:nth-child(2) { opacity: 1; } .navbar-toggle.open .icon-bar:nth-child(2) { opacity: 0; } .navbar-toggle .icon-bar:last-child { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .navbar-toggle.open .icon-bar:last-child { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -moz-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; -o-transform-origin: 10% 90%; transform-origin: 10% 90%; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } #nav-mobile .container { -webkit-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); -moz-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); margin: 0; padding: 0 24px; width: 100%; } #nav-mobile .navbar-menu { display: none; height: 100%; position: absolute; -webkit-overflow-scrolling: touch; width: 100%; } #nav-mobile #menu { background-color: rgba(0,0,0,0.85); border-bottom: 10px solid rgba(187,35,34,0.85); -webkit-box-shadow: -6px 0 6px -3px rgba(0, 0, 0, 0.25); -moz-box-shadow: -6px 0 6px -3px rgba(0, 0, 0, 0.25); box-shadow: -6px 0 6px -3px rgba(0, 0, 0, 0.25); height: 100%; margin: 0; overflow: auto; padding: 0 0 80px 5px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } #nav-mobile h4 { border-top: 1px solid #969696; color: #fff; cursor: pointer; font-size: 18px; line-height: 36px; margin: 0; padding: 0 10px; -webkit-tap-highlight-color: transparent; } .no-touch #nav-mobile h4:active, .no-touch #nav-mobile h4:hover, .no-touch #nav-mobile h5:active, .no-touch #nav-mobile h5:hover { background-color: rgba(187,35,34,0.85); } #nav-mobile h4:before, #nav-mobile h5:before { color: #fff; content: "\f105"; display:inline-block; font-family: FontAwesome; font-style: normal; margin-right: 10px; text-align: center; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } #nav-mobile h4.open, #nav-mobile .icon h5.open { background-color: rgba(128,130,133,0.85); } #nav-mobile h4.open:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #nav-mobile #menu li.item:last-child { border-bottom: 1px solid #969696; } #nav-mobile .icon:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #nav-mobile .icon.country-active { height: 127px; } #nav-mobile .icon.account-active { height: 160px; } #nav-mobile .icon.country-active h5.country, #nav-mobile .icon.account-active h5.account { background-color: rgba(128, 130, 133, 0.85); } #nav-mobile .icon.country-active .country-box, #nav-mobile .icon.account-active .account-box { display: block; } #nav-mobile .icon h5 { border-top: 0; color: #fff; cursor: pointer; float: left; font-size: 11px; line-height: 24px; margin: 0; padding: 10px 0 4px; text-align: center; width: 20%; -webkit-tap-highlight-color: transparent; } #nav-mobile .icon h5:before { display: block; font-size: 24px; margin: 0 auto; } #nav-mobile .icon h5.search:before { content: "\f002"; } #nav-mobile .icon h5.account:before { content: "\f007"; } #nav-mobile .icon h5.country:before { content: "\f0ac"; } #nav-mobile .icon h5.locator:before { content: "\e600"; font-family: 'icomoon'; } #nav-mobile .icon h5.help:before { content: "\f059"; } #nav-mobile .icon h5.open:before { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #nav-mobile .icon a h5 { color: #fff; text-decoration: none; } #nav-mobile .icon .search-box, #nav-mobile .icon .account-box, #nav-mobile .icon .country-box { display: none; } #nav-mobile .icon .search-box:before, #nav-mobile .icon .account-box:before, #nav-mobile .icon .country-box:before { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #nav-mobile .navbar-menu .country-box .country-form .country-site-menu { width: 100%; } #nav-mobile .icon ul li { padding: 0 5px; } #nav-mobile h4 span { font-size: 16px; margin-right: 10px; } #nav-mobile li { list-style-type: none; } #nav-mobile ul ul li a { color: white; text-decoration: none; font-size: 14px; line-height: 30px; display: block; padding: 0 40px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; -webkit-tap-highlight-color: transparent; } #nav-mobile ul ul { display: none; padding: 0; } #nav-mobile li.active ul { display: block; } /* Sub Nav */ #sub-nav { height: 38px; margin-bottom: 20px; position: fixed; width: 100%; z-index: 980; } #sub-nav.links { background: rgba(0,0,0,0.8); } #sub-nav.no-links { background: transparent; height: 0; } .ie9 #sub-nav { filter: none; } #sub-nav .nav-section { background-color: #bb2322; display: inline-block; *display: inline; float: left; height: 38px; margin-left: -685px; padding: 0 10px 0 0; position: relative; zoom: 1; } #sub-nav .nav-section::after { background-color: #bb2322; content: ""; display: block; height: 38px; position: absolute; right: -18px; top: 0; -webkit-transform: skew(-12deg, 0deg); -moz-transform: skew(-12deg, 0deg); -ms-transform: skew(-12deg, 0deg); -o-transform: skew(-12deg, 0deg); transform: skew(-12deg, 0deg); width: 24px; } #sub-nav .nav-section h2 { border: 0; color: #fff; font-family: 'open_sanscondensedlight', sans-serif; font-size: 24px; font-weight: normal; margin: 0; padding: 5px 0 0 685px; text-align: left; white-space: nowrap; } #sub-nav .nav-section h2 a { color: #fff; text-decoration: none; text-transform: none; } #sub-nav .nav-menu { display: inline-block; *display: inline; float: left; zoom: 1; } #sub-nav .nav-menu > ul { margin-bottom: 0; } #sub-nav .nav-menu > ul > li { display: inline-block; *display: inline; padding: 8px 10px 7px; zoom: 1; } #sub-nav .nav-menu > ul > li:hover { background-color: rgba(200, 200, 200, 0.85); } #sub-nav .nav-menu > ul > li.open, #sub-nav .nav-menu > ul > li.active { background-color: rgba(187, 35, 34, 0.85); } #sub-nav .nav-menu > ul > li.active { cursor: default; pointer-events: none; } #sub-nav .nav-menu > ul > li > a { color: #fff; font-family: 'open_sanscondensedlight', sans-serif; font-size: 16px; font-weight: normal; text-decoration: none; } #sub-nav .nav-menu > ul > li:hover > a { color: #000; } #sub-nav .nav-menu > ul > li.open > a { color: #fff; } #sub-nav .nav-menu > ul > li > a .fa-label { padding-right: 3px; } #sub-nav .nav-menu-drop { float: right; margin-right: -15px; } #sub-nav .nav-menu-drop a { color: #fff; display: table-cell; font-size: 16px; height: 38px; padding: 0 15px; text-decoration: none; vertical-align: middle; } #sub-nav .nav-menu-drop.open a { background-color: #bb2322; } #sub-nav .nav-menu-drop a .fa-label { padding-right: 3px; } #sub-nav .nav-menu-drop.open .dropdown-menu li a { background-color: transparent; color: #bb2322; } #sub-nav .nav-menu-drop.open .dropdown-menu li a:active, #sub-nav .nav-menu-drop.open .dropdown-menu li a:hover { color: #fff; } #sub-nav .nav-menu .dropdown .dropdown-menu .more-cols, #sub-nav .nav-menu-drop.dropdown .dropdown-menu .more-cols { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #sub-nav .nav-menu .dropdown .dropdown-menu .more-cols ul:first-child, #sub-nav .nav-menu-drop.dropdown .dropdown-menu .more-cols ul:first-child { padding: 0; } #sub-nav .nav-menu .dropdown .dropdown-menu .more-cols ul:nth-child(2), #sub-nav .nav-menu-drop.dropdown .dropdown-menu .more-cols ul:nth-child(2) { border-left: 1px solid #c8c8c8; border-left: 0\0; margin: 0 0 0 8px; margin: 0\0; padding: 0 0 0 8px; padding: 0\0; } #sub-nav .nav-menu .dropdown .dropdown-menu .more-cols li, #sub-nav .nav-menu-drop.dropdown .dropdown-menu .more-cols li { list-style: none outside none; padding: 5px 0; white-space: nowrap; } #sub-nav .nav-menu .dropdown .dropdown-menu .more-cols li a { padding: 8px; } #sub-nav .nav-menu-drop.dropdown .dropdown-menu .more-cols li a { font-size: 14px; height: 30px; padding: 5px; } #sub-nav .nav-menu .dropdown .dropdown-menu .more-cols li a:hover, #sub-nav .nav-menu-drop.dropdown .dropdown-menu .more-cols li a:hover { background-color: #bb2322; color: #fff; text-decoration: none; } /* Breadcrumb */ .breadcrumb { margin-bottom: 20px; } .breadcrumb .breadcrumb-list, .breadcrumb .share-list { font-size: 12px; line-height: 12px; list-style: outside none none; margin-bottom: 0; padding-left: 0; } .breadcrumb .breadcrumb-list { float: left; padding: 0; } .breadcrumb .share-list { float: right; margin-right: -5px; } .breadcrumb .breadcrumb-list li, .breadcrumb .share-list li { float: left; } .breadcrumb .breadcrumb-list li { padding: 5px; } .breadcrumb .breadcrumb-list > li:after { color: #555; content: "\f0da"; font-family: FontAwesome; font-style: normal; } .breadcrumb .breadcrumb-list > li:first-child { padding-left: 0; } .breadcrumb .breadcrumb-list > li:last-child:after { content: " "; } .breadcrumb .breadcrumb-list > li > a { color: #555; padding: 0 5px 0 0; } .breadcrumb .breadcrumb-list > li > a:hover { color: #bb2322; text-decoration: underline; } .breadcrumb .breadcrumb-list > li:first-child > a { padding: 0 5px 0 0; } .breadcrumb .share-list > li > a { display: block; padding: 5px; } .breadcrumb .share-list > li > a:hover, .breadcrumb .share-list > li.open > a { background-color: #bb2322; color: #fff; text-decoration: none; } .breadcrumb .share-list > li > a .fa-label { padding: 0 0 0 3px; } .breadcrumb .share-list > li > .dropdown-menu { left: auto; right: 0; } .breadcrumb .share-list > li > .dropdown-menu > li { margin: 2px 0; } .breadcrumb .share-list > li > .dropdown-menu > li:first-child { margin-top: 0; } .breadcrumb .share-list > li > .dropdown-menu > li:last-child { margin-bottom: 0; } .breadcrumb .share-list > li > .dropdown-menu > li > a { color: #fff; padding: 3px 0; text-align: center; width: 65px; } .breadcrumb .share-list > li > .dropdown-menu > li > a:hover { text-decoration: none; } .breadcrumb .share-list > li > .dropdown-menu > li > a.facebook { background-color: #3c5b9a; border: 2px solid #3c5b9a; } .breadcrumb .share-list > li > .dropdown-menu > li > a.facebook:hover { background-color: #fff; color: #3c5b9a; } .breadcrumb .share-list > li > .dropdown-menu > li > a.twitter { background-color: #28aae1; border: 2px solid #28aae1; } .breadcrumb .share-list > li > .dropdown-menu > li > a.twitter:hover { background-color: #fff; color: #28aae1; } .breadcrumb .share-list > li > .dropdown-menu > li > a.google-plus { background-color: #dd4b39; border: 2px solid #dd4b39; } .breadcrumb .share-list > li > .dropdown-menu > li > a.google-plus:hover { background-color: #fff; color: #dd4b39; } .breadcrumb .share-list > li > .dropdown-menu > li > a.linkedin { background-color: #007bb6; border: 2px solid #007bb6; } .breadcrumb .share-list > li > .dropdown-menu > li > a.linkedin:hover { background-color: #fff; color: #007bb6; } .breadcrumb .share-list > li > .dropdown-menu > li > a.weibo { background-color: #ff7922; border: 2px solid #ff7922; } .breadcrumb .share-list > li > .dropdown-menu > li > a.weibo:hover { background-color: #fff; color: #ff7922; } .breadcrumb .share-list > li > .dropdown-menu > li > a.xing { background-color: #006464; border: 2px solid #006464; } .breadcrumb .share-list > li > .dropdown-menu > li > a.xing:hover { background-color: #fff; color: #006464; } .breadcrumb .share-list > li > .dropdown-menu > li > a > .fa-label { font-size: 12px; padding-left: 5px; } /* Publication */ .publication h1 { font-family: 'open_sanssemibold', sans-serif; font-size: 40px; margin-top: 0; } .publication h2 { font-family: "open_sansbold",sans-serif; font-size: 18px; } .publication h3 { font-family: "open_sanscondensedbold",sans-serif; font-size: 24px; } .publication p, .publication ul, .publication ol { font-size: 16px; } .publication ul, .publication ol { overflow: hidden; } .publication .share { margin: 20px 0; } .publication .source { margin: 20px 0; } .publication .source { background-color: #e8e8e8; padding: 10px; } .publication .source:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .publication .source .img { float: left; margin-right: 10px; } .publication .source .img:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .publication .source .img .img-circle { border: 3px solid #555; -webkit-box-shadow: inset 0 0 15px #000000; -moz-box-shadow: inset 0 0 15px #000000; box-shadow: inset 0 0 15px #000000; max-height: 66px; max-width: 66px; } .publication .source .img .img-circle:hover, .publication .source .img .img-circle.active { border-color: #bb2322; } .publication .source .desc .author { color: #555; font-style: italic; margin: 5px 0 10px; } .publication .source .desc .contact ul, .publication .share ul, .widget-container .share ul { margin: 0; padding: 0; } .publication .source .desc .contact li, .publication .share li { display: table-cell; padding-right: 10px; vertical-align: middle; } .widget-container .share li { display: inline-block; margin-bottom: 8px; padding-right: 5px; } .publication .source .desc .contact li.active > span, .publication .source .desc .contact li.active > i { color: #bb2322; } .publication .share li:first-child { padding-right: 5px; } .publication .source .desc .contact li > span, .publication .share li > span { font-family: 'open_sansregular', sans-serif; font-size: 14px; padding-top: 2px; text-transform: uppercase; } .publication .source .desc .contact li > span { color: #555; font-size: 14px; } .publication .share li > span { font-size: 18px; } .publication .share li > span, .publication .share li > i { color: #555; } .publication .share li.active > span, .publication .share li.active > i { color: #bb2322; } .publication .source .desc .contact li a, .publication .share li a, .widget-container .share li a { color: #fff; display: block; text-align: center; } .publication .source .desc .contact li a, .widget-container .share li a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; height: 25px; width: 25px; } .publication .share li a { cursor: pointer; height: 30px; width: 30px; } li .facebook { background-color: #3c5b9a; border: 2px solid #3c5b9a; } .publication .source .desc .contact li .facebook:hover, .widget-container li .facebook:hover { background-color: #e8e8e8; color: #3c5b9a; } .publication .share li .facebook:hover { background-color: #fff; color: #3c5b9a; } li .flickr { background-color: #151517; border: 2px solid #151517; } .publication .source .desc .contact li .flickr:hover, .widget-container li .flickr:hover { background-color: #e8e8e8; color: #151517; } .publication .share li .flickr:hover { background-color: #fff; color: #151517; } li .google-plus { background-color: #dd4b39; border: 2px solid #dd4b39; } .publication .source .desc .contact li .google-plus:hover, .widget-container li .google-plus:hover { background-color: #e8e8e8; color: #dd4b39; } .publication .share li .google-plus:hover { background-color: #fff; color: #dd4b39; } li .linkedin { background-color: #007bb6; border: 2px solid #007bb6; } .publication .source .desc .contact li .linkedin:hover, .widget-container li .linkedin:hover { background-color: #e8e8e8; color: #007bb6; } .publication .share li .linkedin:hover { background-color: #fff; color: #007bb6; } li .mail { background-color: #bb2322; border: 2px solid #bb2322; } .publication .source .desc .contact li .mail:hover, .widget-container li .mail:hover { background-color: #e8e8e8; color: #bb2322; } .publication .share li .mail:hover { background-color: #fff; color: #bb2322; } li .newspaper-o { background-color: #bb2322; border: 2px solid #bb2322; } .publication .source .desc .contact li .newspaper-o:hover, .widget-container li .newspaper-o:hover { background-color: #e8e8e8; color: #bb2322; } .publication .share li .newspaper-o:hover { background-color: #fff; color: #bb2322; } li .star { background-color: #ffc028; border: 2px solid #ffc028; } .publication .source .desc .contact li .star:hover, .widget-container li .star:hover { background-color: #e8e8e8; color: #ffc028; } .publication .share li .star:hover { background-color: #fff; color: #ffc028; } li .print { background-color: #bb2322; border: 2px solid #bb2322; } .publication .source .desc .contact li .print:hover, .widget-container li .print:hover { background-color: #e8e8e8; color: #bb2322; } .publication .share li .print:hover { background-color: #fff; color: #bb2322; } li .qq { background-color: #5da4e6; border: 2px solid #5da4e6; } .publication .source .desc .contact li .qq:hover, .widget-container li .qq:hover { background-color: #e8e8e8; color: #5da4e6; } .publication .share li .qq:hover { background-color: #fff; color: #5da4e6; } li .qzone { background-color: #ffc028; border: 2px solid #ffc028; } .publication .source .desc .contact li .qzone:hover, .widget-container li .qzone:hover { background-color: #e8e8e8; color: #ffc028; } .publication .share li .qzone:hover { background-color: #fff; color: #ffc028; } li .renren { background-color: #217dc6; border: 2px solid #217dc6; } .publication .source .desc .contact li .renren:hover, .widget-container li .renren:hover { background-color: #e8e8e8; color: #217dc6; } .publication .share li .renren:hover { background-color: #fff; color: #217dc6; } li .slideshare { background-color: #0077b5; border: 2px solid #0077b5; } .publication .source .desc .contact li .slideshare:hover, .widget-container li .slideshare:hover { background-color: #e8e8e8; color: #0077b5; } .publication .share li .slideshare:hover { background-color: #fff; color: #0077b5; } li .twitter { background-color: #28aae1; border: 2px solid #28aae1; } .publication .source .desc .contact li .twitter:hover, .widget-container li .twitter:hover { background-color: #e8e8e8; color: #28aae1; } .publication .share li .twitter:hover { background-color: #fff; color: #28aae1; } li .vk { background-color: #6383a8; border: 2px solid #6383a8; } .publication .source .desc .contact li .vk:hover, .widget-container li .vk:hover { background-color: #e8e8e8; color: #6383a8; } .publication .share li .vk:hover { background-color: #fff; color: #6383a8; } li .weibo { background-color: #ff7922; border: 2px solid #ff7922; } .publication .source .desc .contact li .weibo:hover, .widget-container li .weibo:hover { background-color: #e8e8e8; color: #ff7922; } .publication .share li .weibo:hover { background-color: #fff; color: #ff7922; } li .weixin { background-color: #609700; border: 2px solid #609700; } .publication .source .desc .contact li .weixin:hover, .widget-container li .weixin:hover { background-color: #e8e8e8; color: #609700; } .publication .share li .weixin:hover { background-color: #fff; color: #609700; } li .xing { background-color: #006464; border: 2px solid #006464; } .publication .source .desc .contact li .xing:hover, .widget-container li .xing:hover { background-color: #e8e8e8; color: #006464; } .publication .share li .xing:hover { background-color: #fff; color: #006464; } li .youtube { background-color: #e9292f; border: 2px solid #e9292f; } .publication .source .desc .contact li .youtube:hover, .widget-container li .youtube:hover { background-color: #e8e8e8; color: #e9292f; } .publication .share li .youtube:hover { background-color: #fff; color: #e9292f; } .publication .source .desc .contact li i { font-size: 15px; line-height: 15px; } .publication .share li i { font-size: 17px; line-height: 17px; padding-top: 4px; } .publication .img-publication { position: relative; } .publication .img-publication:before { -webkit-box-shadow: inset 0 0 75px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 75px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 75px 0 rgba(0, 0, 0, 0.15); content: " "; display: block; height: 100%; position: absolute; width: 100%; } .publication .img-publication .vid-overlay:before, .publication .img-callout .vid-overlay:before { content: "\f16a"; } .publication .img-publication .vid-overlay, .publication .img-callout .vid-overlay { color: #fff; font-family: FontAwesome; left: 50%; position: absolute; text-shadow: 0 0 25px rgba(0, 0, 0, 0.75); top: 50%; } .publication .img-publication .vid-overlay { font-size: 175px; line-height: 125px; margin: -62px 0 0 -87px; } .publication .img-callout .vid-overlay { font-size: 100px; line-height: 75px; margin: 47px 0 0 92px; } .publication .img-publication:hover .vid-overlay, .publication .img-callout:hover .vid-overlay { color: #bb2322; cursor: pointer; } .publication .summary-callout { background-color: #e8e8e8; float: left; padding: 10px; margin: 0 15px 15px 0; } .publication .summary-callout h3, .publication .content-callout h3 { color: #555; font-family: "open_sanscondensedbold",sans-serif; font-size: 20px; margin-top: 0; } .publication .summary-callout p + h3, .publication .summary-callout ul + h3, .publication .content-callout p + h3, .publication .content-callout ul + h3 { margin-top: 20px; } .publication .summary-callout ul { padding-left: 20px; } .publication .summary-callout p, .publication .summary-callout ul, .publication .summary-callout ol, .publication .content-callout p, .publication .content-callout ul, .publication .content-callout ol, .publication .img-callout p, .publication .img-callout ul, .publication .img-callout ol { font-size: 14px; } .publication .img-callout.content-blocks { background-color: #e8e8e8; float: left; margin: 0 15px 15px 0; padding: 0; clear: both; } .publication .img-callout.content-blocks img { min-width: 100%; } .publication .img-callout.content-blocks .caption { font-size: 12px; font-style: italic; padding: 10px; } .publication .quote-callout { background-color: #e8e8e8; font-family: "open_sansregular",sans-serif; font-size: 18px; font-style: normal; margin: 15px 0; padding: 15px; overflow: hidden; } .publication .quote-callout:before { color: #808285; content: "\f10d"; float: left; font-family: FontAwesome; font-size: 72px; font-style: normal; line-height: 72px; margin-right: 15px; } .publication .quote-callout p { padding-left: 80px; } .publication .img-callout p, .publication .quote-callout p { margin: 0; padding: 0; } .publication .content-callout { background-color: #e8e8e8; margin: 15px 0; padding: 10px; } /* Filtering */ .hideContents { cursor: default; opacity: 0.4; pointer-events: none; } .hideContents:checked, .hideContents:checked + .hideContents { cursor: default; opacity: 1.0; pointer-events: auto; } #NoResultsMsg { background-color: #e8e8e8; margin: 0 15px 15px; padding: 15px; } #NoResultsMsg:before { color: #bb2322; content: "\f06a"; float: left; font-family: FontAwesome; font-size: 30px; font-style: normal; height: 30px; margin-right: 5px; width: 30px; } .filter { opacity: 1.0; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .filter .byline{ font-style:italic; margin-bottom:0; font-size: 12px; } .filter .date{ font-style:italic; font-size: 12px; } .filter .content-blocks h2 { font-size: 22px; margin-top:0; } .filter .content-blocks h2 a, .filter .content-blocks h2 a:visited { color: #bb2322; } .filter .row.content-blocks { margin-top: 30px; margin-bottom: 30px; } .filter .row.content-blocks:first-child { margin-top: 0; } .filter .content-format li { display: inline-block; color: #bb2322; text-align: center; cursor: pointer; height: 33px; width: 33px; background-color: transparent; border: 2px solid #bb2322; margin-right: 10px; } .filter .content-format li:hover, .filter .content-format li.active { background-color: #bb2322; color: #fff; } .filter .content-format li:last-child { margin-right: 0; } .filter .content-format li .icon-label { color: #000; font-size: 9px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .filter .content-format li:hover .icon-label, .filter .content-format li.active .icon-label { color: #bb2322; } .filter-right-column { opacity: 1.0; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .filter-widget-wrapper h4 i.fa-filter { margin-right: 8px; } .filter-widget-wrapper .filter-menu-options { display: none; padding-top: 15px; clear: both; } .filter-widget-wrapper .button { background-color: transparent; border-top: 1px solid #fff; color: #bb2322; display: block; font-size: 18px; font-style: normal; font-weight: 400; padding: 5px 8px 5px 5px; text-align: left; } .filter-widget-wrapper .button:hover { background-color: #bb2322; color: #fff; text-decoration: none; } .filter-widget-wrapper .button:before { color: #bb2322; content: "\f105"; display:inline-block; font-family: FontAwesome; font-style: normal; margin: 0 10px; text-align: center; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .filter-widget-wrapper .button:hover:before { color: #fff; } .filter-widget-wrapper .button:first-child { border-top: 0; } .filter-widget-wrapper .button.open { background-color: #bb2322; color: #fff; } .filter-widget-wrapper .button.open:before { color: #fff; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .filter-widget-wrapper .button.open:hover { color: #fff; } .filter-widget-wrapper .button.active { background-color: #555; color: #fff; } .widget-container .filter-widget-wrapper .filter-input-wrapper .fa-filter { padding-right: 5px; } .widget-container .filter-widget-wrapper .filter-input-wrapper.btn-default.open > a.filter-dropdown-button { color: #fff; } .widget-container .filter-widget-wrapper .filter-input-wrapper.btn-default:after { content: "\f107"; } .widget-container .filter-widget-wrapper .filter-option { display: block; } .widget-container .filter-widget-wrapper .filter-option input { float: left; margin: 5px 4px; } .widget-container .filter-widget-wrapper .filter-option label { cursor: pointer; float: left; font-size: 12px; font-weight: normal; line-height: 14px; margin: 0; max-width: 80%; padding: 4px; } .widget-container .filter-widget-wrapper .filter-option label .count { background-color: #fff; border-radius: 10px; color: #555; font-size: 10px; margin-left: 5px; padding: 3px 5px; } .widget-container .filter-widget-wrapper .filter-option .options { -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .widget-container .filter-widget-wrapper .filter-option .options { height: 100%; } .widget-container .filter-widget-wrapper .filter-option .options li:nth-child(n+6) { display: none; } .widget-container .filter-widget-wrapper .filter-option .options + .btn-more-less { display: none; } .widget-container .filter-widget-wrapper .filter-option .options.collapsed + .btn-more-less, .widget-container .filter-widget-wrapper .filter-option .options.expanded + .btn-more-less { display: block; } .widget-container .filter-widget-wrapper .filter-option .options li:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .widget-container .filter-widget-wrapper .btn-clear .clear-all { color: #bb2322; font-size: 12px; margin: 7px 0 10px; padding: 5px 10px; } .widget-container .filter-widget-wrapper .filter-option .btn-more-less .btn { color: #bb2322; font-size: 12px; margin: 0 0 10px; padding: 5px 10px; } .widget-container .filter-widget-wrapper .btn-clear .clear-all:after { content: "\f00d"; } .widget-container .filter-widget-wrapper .filter-option .btn-more-less .more:after { content: "\f0fe"; } .widget-container .filter-widget-wrapper .filter-option .btn-more-less .less { display: none; } .widget-container .filter-widget-wrapper .filter-option .btn-more-less .less:after { content: "\f146"; } .widget-container .filter-widget-wrapper .btn-clear .clear-all:hover, .widget-container .filter-widget-wrapper .filter-option .btn-more-less .more:hover, .widget-container .filter-widget-wrapper .filter-option .btn-more-less .less:hover { background-color: #bb2322; color: #fff; } .filter-widget-wrapper label { cursor: pointer; font-weight: normal; } .filter-widget-wrapper .content-format label { display: table-cell; height: 29px; vertical-align: middle; width: 29px; } .filter-widget-wrapper .filter-option ul { margin: 10px 0; } .filter-widget-wrapper select { margin-bottom: 10px; } .filter-widget-wrapper ul { list-style: none outside none; padding: 0 5px; } .filter-widget-wrapper .filter-tag-block { margin-bottom: 7px; } .filter-widget-wrapper .filter-tag-block a { background-color: #fff; border: 1px solid #555; color: #555; display: inline-block; *display: inline; font-size: 13px; margin: 0 3px 3px 0; padding: 0 4px; text-decoration: none; zoom: 1; } .filter-widget-wrapper .filter-tag-block a:hover { border-color: #bb2322; color: #bb2322; } .filter-widget-wrapper .filter-tag-block a:after { color: #bb2322; content: "X"; font-size: 8px; font-weight: bold; padding: 0 0 0 3px; position: relative; top: -2px; } .filter-widget-wrapper .filter-tag-block a .count { display: none; } .filter-wrapper .button.filter-dropdown-button.active { background-color: #555; } .filter-wrapper .button.filter-dropdown-button .fa.fa-filter { font-size: 24px; padding: 3px 0; vertical-align: middle; } .filter-wrapper .button.filter-dropdown-button span { padding: 11px 0 11px 8px; vertical-align: middle; } .filter-input-wrapper { float: right; padding:10px; width:40%; } #LoadingImage { background-color: rgba(0, 0, 0, 0.7); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; height: 88px; left: 50%; margin-left: -36px; margin-top: -44px; position: fixed; text-align: center; top: 50%; width: 72px; z-index: 999; } #LoadingImage:after { color: #fff; content: "Loading"; font-family: "open_sanscondensedlight",sans-serif; font-size: 20px; font-style: normal; font-weight: normal; position: relative; } #LoadingImage .fa { color: #fff; font-size: 36px; padding: 10px; } /* Content Blocks */ .content-blocks .content-label.article:before { content: "\f036"; } .content-blocks .content-label.audio:before { content: "\f028"; } .content-blocks .content-label.code:before { content: "\f121"; } .content-blocks .content-label.doc:before { content: "\f15b"; } .content-blocks .content-label.img:before { content: "\f03e"; } .content-blocks .content-label.video:before { content: "\f16a"; } .content-blocks .content-label.important:before { content: "\f005"; } .content-blocks .content-label.none { display: none; } .publication .content-blocks { margin-bottom: 20px; margin-top: 35px; clear: both; } .content-blocks .img-container { position: relative; } .content-blocks .block-img { border-bottom: 5px solid #bb2322; position: relative; } .content-blocks .block-img:before { -webkit-box-shadow: inset 0 0 25px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 0 25px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 0 25px 0 rgba(0, 0, 0, 0.15); content: " "; display: block; height: 100%; position: absolute; width: 100%; } .content-blocks .block-container .block-img .content-overlay { background: rgba(0, 0, 0, 0.6); bottom: 0; color: #fff; left: 0; opacity: 0; overflow: hidden; padding: 10px; position: absolute; text-align: center; top: 0; right: 0; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .content-blocks .block-container:hover .block-img .content-overlay { opacity: 1.0; } .content-blocks .block-img .content-overlay:after, .content-blocks .block-img .content-overlay:before { content: ''; opacity: 0; position: absolute; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: 0.6s 0.2s; -moz-transition: 0.6s 0.2s; -o-transition: 0.6s 0.2s; transition: 0.6s 0.2s; } .content-blocks .block-container:hover .block-img .content-overlay:after, .content-blocks .block-container:hover .block-img .content-overlay:before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .content-blocks .block-container .block-img .content-overlay p { font-size: 14px; line-height: 1.5; } .content-blocks .block-container:hover h4 a { text-decoration: underline; } .content-blocks .content-label:before { background-color: #bb2322; bottom: 5px; color: #fff; font-family: FontAwesome; font-size: 19px; height: 30px; line-height: 30px; padding: 2px 0; position: absolute; right: 0px; text-align: center; width: 40px; } .content-blocks h4 { font-family: 'open_sanscondensedlight', sans-serif; font-size: 20px; font-weight: 600; margin: 5px 0; } /* Widgets */ .widget-container { background-color: #e8e8e8; margin-bottom: 30px; padding: 15px; } .widget-container:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .widget-container.feature { padding: 0; } .widget-container.feature:hover { background-color: #bb2322; } .widget-container.feature h4 { margin: 0; } .widget-container.feature h4 a { display: block; padding: 10px 15px 15px; } .widget-container.feature:hover h4 a { color: #fff; text-decoration: none; } .widget-container.subscribe h4, .widget-container.pub-type h4, .widget-container.filter h4 { color: #555; font-family: "open_sanscondensedbold",sans-serif; font-size: 26px; font-weight: normal; margin-top: 0; text-transform: uppercase; } .widget-container.feature h4 { color: #555; font-family: "open_sanscondensedbold",sans-serif; font-size: 22px; font-weight: normal; margin-top: 0; text-transform: uppercase; } .widget-container.pub-type .share h5 { color:#555; font-size: 18px; padding-top: 2px; text-transform: uppercase; } .widget-container .float-img { float: right; margin: 0 0 10px 10px; max-width: 78px; padding: 0; } .widget-container p { font-size: 14px; margin-bottom: 0; } .widget-container p + p, .widget-container p + ul, .widget-container p + form { margin-top: 10px; } .widget-container textarea { border: 2px solid #808285; margin-bottom: 10px; padding: 10px; width: 100%; } .widget-container input[type="text"]:hover, .widget-container input[type="email"]:hover, .widget-container textarea:hover { border: 2px solid #bb2322; } .widget-container .btn { font-family: "open_sansbold",sans-serif; width: 100%; } /* Tabbed Content */ #tabsmulti .container { padding: 0; width: auto; } ul.resp-tabs-list { display: flex; margin: 0px; padding: 0px; width: 98%; } .resp-tabs-list li { background-color: #bb2322; color:#fff; cursor: pointer; display: inline-block; *display: inline; flex-basis: auto; float: left; font-family: 'open_sansregular', sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 14px; list-style: none; margin: 0 5px 0 0; padding: 8px 10px; zoom: 1; } .resp-tabs-list li.resp-tab-active { background-color: #fff; color: #555; cursor: default; pointer-events: none; } .resp-tabs-list li:last-child{ margin: 0; } .resp-tabs-container { padding: 0px; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { background-color: #fff; -webkit-border-radius: 0 8px 8px; -moz-border-radius: 0 8px 8px; border-radius: 0 8px 8px; display: none; overflow: auto; padding: 15px; } .resp-content-active, .resp-accordion-active { display: block; } h2.resp-accordion { font-size: 13px; border: 0; margin: 0px; padding: 11px 15px 14px; } h2.resp-tab-active { margin-bottom: 0px !important; } h2.resp-tab-title:last-child { background: blue; } h2.resp-tab-active { background: #bb2322 !important; } h2.resp-tab-active span.resp-arrow { border-bottom: 6px solid #fff; border-top: 0; } .resp-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; float: right; margin-top: 4px; height: 0; width: 0; } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } .resp-jfit { width: 100%; margin: 0px; } .resp-tab-content-active { display: block; } h2.resp-accordion:first-child { margin-top:15px; } /* Lit Library Sample Code */ .search-box .form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .search-box .form-group:nth-of-type(1), .form-group:nth-of-type(3) { flex-grow: 1; } .search-box .form-group:nth-of-type(2) { flex-grow: 10; } .search-box .searchdrp .btn-group { border-right: 2px solid #555; padding-right: 5px; } .searchdrp button.btn.btn-default, .searchdrp button.btn.btn-default:active, .searchdrp button.btn.btn-default:focus, .searchdrp button.btn.btn-default:hover { border: 0 none; } .searchdrp button.btn.btn-default:active, .searchdrp button.btn.btn-default:focus, .searchdrp button.btn.btn-default:hover { color: #fff; } .searchdrp button.btn.btn-default:after { content: none !important; padding: 0; } .searchdrp button:hover { border: 0 none; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; } .ra .btn.btn-primary.btn-file{ color:#fff !important; background-color:#bb2322; } .feedbackfrm input[type="submit"], a.return { background-color: #fff; border: 2px solid #bb2322; border-radius: 0px; color: #bb2322; font-size: 22px; transition: all 500ms ease-in-out; font-family: 'Open Sans Semi Bold', sans-serif; height:40px; } .feedbackfrm input[type="submit"]:hover { background-color: #bb2322; color: #fff; transition: all 500ms ease-in-out; } /* Footer */ footer { color: #fff; } .ra footer { background-color: #808285; border-top: 4px solid #bb2322; } .ab footer { background-color: #808285; border-top: 4px solid #003e7e; } .rs footer { background-color: #000; border-top: 4px solid #bb2322; } footer .container { padding-top: 30px; } footer .container .icons:after { content:' '; display:block; clear:both; } footer .container a.newspaper-o { width: 36px; height: 36px; color: #fff; background-color: #bb2322; display: block; float: left; margin: 0 10px 0 0; } footer .container a.newspaper-o:hover { color: #bb2322; background-color: #fff; } footer .container a.facebook { width: 36px; height: 36px; color: #fff; background-color: #3c5b9a; display: block; float: left; margin: 0 10px 0 0; } footer .container a.facebook:hover { color: #3c5b9a; background-color: #fff; } footer .container a.flickr { width: 36px; height: 36px; color: #fff; background-color: #151517; display: block; float: left; margin: 0 10px 0 0; } footer .container a.flickr:hover { color: #151517; background-color: #fff; } footer .container a.twitter { width: 36px; height: 36px; color: #fff; background-color: #28aae1; display: block; float: left; margin: 0 10px 0 0; } footer .container a.google-plus { width: 36px; height: 36px; color: #fff; background-color: #dd4b39; display: block; float: left; margin: 0 10px 0 0; } footer .container a.google-plus:hover { color: #dd4b39; background-color: #fff; } footer .container a.linkedin { width: 36px; height: 36px; color: #fff; background-color: #007bb6; display: block; float: left; margin: 0 10px 0 0; } footer .container a.linkedin:hover { color: #007bb6; background-color: #fff; } footer .container a.qq { width: 36px; height: 36px; color: #fff; background-color: #5da4e6; display: block; float: left; margin: 0 10px 0 0; } footer .container a.qq:hover { color: #5da4e6; background-color: #fff; } footer .container a.qzone { width: 36px; height: 36px; color: #fff; background-color: #ffc028; display: block; float: left; margin: 0 10px 0 0; } footer .container a.qzone:hover { color: #ffc028; background-color: #fff; } footer .container a.renren { width: 36px; height: 36px; color: #fff; background-color: #217dc6; display: block; float: left; margin: 0 10px 0 0; } footer .container a.renren:hover { color: #217dc6; background-color: #fff; } footer .container a.slideshare { width: 36px; height: 36px; color: #fff; background-color: #0077b5; display: block; float: left; margin: 0 10px 0 0; } footer .container a.slideshare:hover { color: #0077b5; background-color: #fff; } footer .container a.star { width: 36px; height: 36px; color: #fff; background-color: #ffc028; display: block; float: left; margin: 0 10px 0 0; } footer .container a.star:hover { color: #ffc028; background-color: #fff; } footer .container a.twitter:hover { color: #28aae1; background-color: #fff; } footer .container a.vk { width: 36px; height: 36px; color: #fff; background-color: #6383a8; display: block; float: left; margin: 0 10px 0 0; } footer .container a.vk:hover { color: #6383a8; background-color: #fff; } footer .container a.weibo { width: 36px; height: 36px; color: #fff; background-color: #ff7922; display: block; float: left; margin: 0 10px 0 0; } footer .container a.weibo:hover { color: #ff7922; background-color: #fff; } footer .container a.weixin { width: 36px; height: 36px; color: #fff; background-color: #609700; display: block; float: left; margin: 0 10px 0 0; } footer .container a.weixin:hover { color: #609700; background-color: #fff; } footer .container a.xing { width: 36px; height: 36px; color: #fff; background-color: #006464; display: block; float: left; margin: 0 10px 0 0; } footer .container a.xing:hover { color: #006464; background-color: #fff; } footer .container a.youtube { width: 36px; height: 36px; color: #fff; background-color: #e9292f; display: block; float: left; margin: 0 10px 0 0; } footer .container a.youtube:hover { color: #e9292f; background-color: #fff; } footer .container .fa { width: 36px; font-size: 20px; padding: 8px 0px; text-align: center; } footer .container .logo-container { display: block; float: right; margin: 0; } .ra footer .container .logo-container { background-color: transparent; } .ab footer .container .logo-container { background-color: transparent; } .rs footer .container .logo-container { background-color: #bb2322; } footer .container .logo-container .logo { background-image: url("../../images/rockwellautomation/sprite.png"); background-size: 329px 500px; background-repeat: no-repeat; } .ra footer .container .logo-container .logo { width:151px; height:36px; background-position:0 -189px; margin:0px; } .ab footer .container .logo-container .logo { width:180px; height:28px; background-position:0 -234px; margin:4px 0 0; } .rs footer .container .logo-container .logo { width:180px; height:18px; background-position:0 -272px; margin:9px; } footer ul.nav { margin-left: -8px; } footer ul.nav > li { float: left; } footer ul.nav > li > a { color: #fff; font-family: 'open_sanscondensedlight', sans-serif; font-size: 19px; font-style: normal; font-weight: normal; margin: 15px 20px 0 0; padding: 0 8px; } .ra footer ul.nav > li > a:hover { color: #fff; background-color: #bb2322; } .ab footer ul.nav > li > a:hover { color: #fff; background-color: #003e7e; } .rs footer ul.nav > li > a:hover { color: #fff; background-color: #bb2322; } footer .copyright { text-align:center; margin:17px auto 30px; font-size: 11px; line-height: normal; } footer .copyright a, footer .copyright a:hover { color:#fff; } /* Mobile Small Media Query */ /* Non-Responsive @media (max-width: 480px) { }*/ /* Mobile Large Media Query */ /* Non-Responsive @media (min-width: 481px) and (max-width: 767px) { }*/ /* Mobile Media Query */ /* Non-Responsive @media (max-width: 767px) { ul, ol { padding-left: 30px; } .navbar-inverse .navbar-toggle.collapsed, .navbar-inverse .navbar-toggle.collapsed:hover, .navbar-inverse .navbar-toggle.collapsed:focus { background-color: transparent; } .navbar-inverse .navbar-toggle.collapsed .icon-bar, .navbar-inverse .navbar-toggle.collapsed:hover .icon-bar, .navbar-inverse .navbar-toggle.collapsed:focus .icon-bar { background-color: #fff; } .sb-slidebar ul li:first-child { height: 50px; } #nav-mobile .container { padding: 0; } #nav-mobile .navbar-header button.menu-icon { margin-right: 30px; } #nav-mobile .navbar-header .navbar-brand { margin-left: 30px; } #nav-mobile #menu { width: 100%; } #nav-mobile .navbar-menu .country-box .country-form .country-site { background-position: 92% 50%; } #sub-nav .container { margin: 0; padding: 0 15px; width: 100%; } footer .copyright { width: 220px; } footer .container .icons { margin: 0 auto; width: 220px; } footer .container a.youtube { margin: 0; } .publication h1 { font-size: 30px; } .publication .img-publication .vid-overlay { font-size: 100px; margin: -62px 0 0 -50px; } .publication .share li:nth-child(3) { float: left; } .publication .img-callout .vid-overlay { margin: 68px 0 0 100px; } .publication .content-blocks { margin-bottom: 0; margin-top: 30px; } .publication .content-blocks .block-container { margin-bottom: 30px; } .publication .content-blocks .block-container .block-img .content-overlay p { font-size: 18px; line-height: 1.55; } .filter-widget-wrapper ul { margin-bottom:0px; } ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; color:#fff; font-family: "myriad-pro", Helvetica, Arial, sans-serif; font-weight: 600; font-style: italic; font-size: 21px; line-height: 12px; background-color: #bb2322; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .resp-accordion-closed { display:none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } #tabsmulti { margin-top: 0px; } .resp-tab-content { padding: 10px 0 15px 0; border-bottom: 1px solid #555; margin-bottom: 30px; } }*/ /* Tablet Media Query */ /* Non-Responsive @media (min-width: 768px) and (max-width: 992px) { .navbar-toggle { margin: 8px 5px; } .navbar-toggle.sb-toggle-right { margin-right: 0px; } .sb-slidebar ul li:first-child { height: 56px; } #nav-mobile .navbar-menu { right: 0; width: 66%; } #nav-mobile #menu { border-left: 5px solid rgba(128,130,133,0.85); width: 100%; } #nav-mobile h4 { line-height: 48px; padding: 0 20px 0 10px; } #nav-mobile .icon h5 { font-size: 12px; } #nav-mobile .icon ul li { padding: 0 5px; } #nav-mobile ul ul li a { font-size: 16px; line-height: 32px; } #nav-mobile .navbar-menu .country-box .country-form .country-site { background-position: 95% 50%; } #sub-nav .container { margin: 0; padding: 0 24px; width: 100%; } .breadcrumb { margin-top: 20px; } .publication .img-callout .vid-overlay { margin: 35px 0 0 71px; } .publication .content-blocks .block-container .block-img .content-overlay p { font-size: 12px; line-height: 1.4; } .filter .content-blocks .img-container .block-img img { max-height: 124px; width: 100%; } .publication .content-blocks .img-container .block-img img { max-height: 124px; width: 100%; } .widget-container.filter h4 { float: left; } }*/ /* Mobile & Tablet Media Query */ /* Non-Responsive @media (max-width: 992px) { #brandbar-container { display: none; } #nav-container { height:auto!important; } #nav { top:0!important; } .navbar { left: 0; position: fixed; right: 0; top: 0; } .ra #nav-mobile.navbar { background-color: transparent; height: auto; } .navbar-brand .logo { background-size: 205px 312px; } .ra .navbar-brand .logo { background-position: 0 -20px; height: 36px; margin: 7px 0; padding: 0 15px; width: 154px; } .navbar-header { background-color: #fff; float: none; height: 50px; } .navbar-toggle { display: block; margin: 15px 0; padding: 0; } .navbar-collapse { border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse { display: none !important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-inverse .search-icon { margin: 10px 5px 0 0; padding: 5px 7px; } #nav-mobile .navbar-menu .search-box .search-form, #nav-mobile .navbar-menu .account-box .account-form, #nav-mobile .navbar-menu .country-box .country-form { height: 45px; margin: 10px 0; } #nav-mobile .navbar-menu .search-box .search-form .search-site { background-position: 85% 50%; height: 30px; margin: 7px 0; padding: 5px 0 0 10px; width: 25%; } #nav-mobile .navbar-menu .search-box .search-form .search-site-menu { width: 125%; } #nav-mobile .navbar-menu .search-box .search-form .search-text { padding: 12px 0 0 10px; width: 50%; } #nav-mobile .navbar-menu .search-box .search-form .search-btn { border: 3px solid #fff; float: right; height: 45px; } #nav-mobile .navbar-menu .search-box .search-form .search-btn:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #nav-mobile .navbar-menu .country-box .country-form .country-site { margin: 13px 10px; padding: 0; width: 100%; } #nav-mobile #menu li { display: none; } #sub-nav { top: 50px !important; } #sub-nav .nav-menu { display: none; } #sub-nav .nav-menu-drop { display: block; } .ra .content { padding-top: 88px; } .publication-right-column { padding-top: 0; } .filter .btn-primary { margin-bottom: 20px; } .widget-container.feature h4.visible-sm-block.visible-xs-block { margin-bottom: 10px; padding: 15px 15px 0 15px; } .widget-container.feature:hover h4.visible-sm-block.visible-xs-block { color: #fff; } }*/ /* Desktop Small Media Query */ /* Non-Responsive @media (min-width: 993px) and (max-width: 1200px) { .ra .navbar { background-color: #fff; -webkit-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); -moz-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); height: 88px; } .navbar .navbar-nav .cbp-hrmenu > ul > li > a { font-size: 20px; line-height: 20px; } .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li { margin:42px 0 0 10px; } .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li > a.font_helvetica, .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li > a.font_arial, .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li > a.font_sansserif { margin: 16px 0 0 10px; font-size: 18px; } .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li:first-child > a { margin-left: 0px; } .cbp-hrmenu .cbp-hrsub-inner .row li > h4 { display: table-cell; vertical-align: bottom; } #sub-nav .nav-menu-drop { display: none; } .publication .img-callout .vid-overlay { margin: 33px 0 0 67px; } .publication .content-blocks .block-container .block-img .content-overlay p { font-size: 12px; line-height: 1.36; } .filter .content-blocks .img-container .block-img img { max-height: 154px; width: 100%; } .publication .content-blocks .img-container .block-img img { max-height: 120px; width: 100%; } }*/ /* Mobile, Tablet & Small Desktop Media Query */ /* Non-Responsive @media (max-width: 1200px) { }*/ /* Desktop Large Media Query */ /* Non-Responsive @media (min-width: 1201px) { .ra .navbar { background-color: #fff; -webkit-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); -moz-box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); box-shadow: 0 3px 6px -3px rgba(0,0,0,0.25); height: 88px; } .navbar .navbar-nav .cbp-hrmenu > ul > li > a { font-size: 22px; line-height: 22px; } .ra .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li { margin: 40px 0 0 35px; } .ab .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li { margin: 27px 0 0 38px; } .rs .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li { margin: 17px 0 0 38px; } .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li > a.font_helvetica, .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li > a.font_arial, .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li > a.font_sansserif { margin: 16px 0 0 20px; font-size: 20px; } .navbar-inverse .navbar-nav .cbp-hrmenu > ul > li:first-child > a { margin-left: 0px; } #sub-nav .nav-menu-drop { display: none; } .cbp-hrmenu .cbp-hrsub-inner .row li > h4 { display: table-cell; vertical-align: bottom; } .filter .content-blocks .img-container .block-img img { max-height: 148px; width: 100%; } .publication .content-blocks .img-container .block-img img { max-height: 148px; width: 100%; } .widget-container .filter-widget-wrapper .filter-option label { max-width: 85%; } }*/ /* Desktop Small & Large Media Query */ /* Non-Responsive @media (min-width: 993px) { .brandbar-fixed-top { position: fixed; top: 0; } #nav { position: fixed; top: 40px; } #sub-nav { top: 128px; } .ra .content { padding-top: 186px; } .ra .content.no-sub-nav { padding-top: 148px; } }*/ /* Retina Display Media Query */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .sites .brands .logo { background-image: url("../../images/rockwellautomation/sprite@2x.png"); } .navbar-brand .logo { background-image: url("../../images/rockwellautomation/sprite@2x.png"); } footer .container .logo-container .logo { background-image: url("../../images/rockwellautomation/sprite@2x.png"); } }