/* Barlow v3 */ @font-face {font-family: 'Barlow'; font-style: normal; font-weight: 400; src: local('Barlow Regular'), local('Barlow-Regular'), url('//www.rockwellautomation.com/resources/assets/fonts/barlow/Barlow-Regular.woff2') format('woff2'), url('//www.rockwellautomation.com/resources/assets/fonts/barlow/Barlow-Regular.woff') format('woff'); } @font-face {font-family: 'Barlow'; font-style: normal; font-weight: 700; src: local('Barlow Bold'), local('Barlow-Bold'), url('//www.rockwellautomation.com/resources/assets/fonts/barlow/Barlow-Bold.woff2') format('woff2'), url('//www.rockwellautomation.com/resources/assets/fonts/barlow/Barlow-Bold.woff') format('woff'); } /* Barlow Condensed v3 */ @font-face {font-family: 'Barlow Condensed'; font-style: normal; font-weight: 400; src: local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'), url('//www.rockwellautomation.com/resources/assets/fonts/barlow/BarlowCondensed-Regular.woff2') format('woff2'), url('//www.rockwellautomation.com/resources/assets/fonts/barlow/BarlowCondensed-Regular.woff') format('woff'); } /* FontAwesome */ @font-face {font-family: 'FontAwesome'; src:url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontawesome-webfont.eot?v=4.7.0'); src:url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{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-pp: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-resistance: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: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"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* FontRockwell */ @font-face {font-family: 'FontRockwell'; src:url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontrockwell.eot'); src:url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontrockwell.eot?#iefix') format('embedded-opentype'), url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontrockwell.woff') format('woff'), url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontrockwell.ttf') format('truetype'), url('//www.rockwellautomation.com/resources/fonts/rockwellautomation/fontrockwell.svg#fontrockwell') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before {font-family: 'FontRockwell' !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="fr-"]:before, [class*=" fr-"]:before {font-family: 'FontRockwell' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fr-chevron-right:before {content: "\f105"; } .fr-rockwellsoftware:before {content: "\a002"; } .fr-rockwellautomation:before {content: "\a000"; } .fr-language:before {content: "\e000"; } .fr-blog:before {content: "\e001"; } .fr-allenbradley:before {content: "\a001"; } .fr-chevron-left:before {content: "\f104"; } .fr-star-filled:before {content: "\f000"; } .fr-star:before {content: "\f001"; } .fr-star-half:before {content: "\f002"; } /* SVG Icons */ [class^="sr-"], [class*=" sr-"] { height: 32px; width: 32px; display: inline-block; fill: currentColor; } /* SVG Country Flags */ .flag-wrapper{display:inline-block;overflow:hidden;position:relative}.flag-wrapper:after{content:'';display:block;padding-top:75%}.flag-wrapper .flag{background-size:cover;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.flag-icon-background{background-position:50%;background-repeat:no-repeat;background-size:contain}.flag-icon-ad{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ad.svg)}.flag-icon-ae{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ae.svg)}.flag-icon-af{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/af.svg)}.flag-icon-ag{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ag.svg)}.flag-icon-ai{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ai.svg)}.flag-icon-al{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/al.svg)}.flag-icon-am{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/am.svg)}.flag-icon-ao{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ao.svg)}.flag-icon-aq{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/aq.svg)}.flag-icon-ar{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ar.svg)}.flag-icon-as{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/as.svg)}.flag-icon-at{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/at.svg)}.flag-icon-au{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/au.svg)}.flag-icon-aw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/aw.svg)}.flag-icon-ax{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ax.svg)}.flag-icon-az{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/az.svg)}.flag-icon-ba{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ba.svg)}.flag-icon-bb{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bb.svg)}.flag-icon-bd{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bd.svg)}.flag-icon-be{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/be.svg)}.flag-icon-bf{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bf.svg)}.flag-icon-bg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bg.svg)}.flag-icon-bh{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bh.svg)}.flag-icon-bi{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bi.svg)}.flag-icon-bj{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bj.svg)}.flag-icon-bl{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bl.svg)}.flag-icon-bm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bm.svg)}.flag-icon-bn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bn.svg)}.flag-icon-bo{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bo.svg)}.flag-icon-bq{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bq.svg)}.flag-icon-br{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/br.svg)}.flag-icon-bs{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bs.svg)}.flag-icon-bt{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bt.svg)}.flag-icon-bv{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bv.svg)}.flag-icon-bw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bw.svg)}.flag-icon-by{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/by.svg)}.flag-icon-bz{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/bz.svg)}.flag-icon-ca{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ca.svg)}.flag-icon-cc{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cc.svg)}.flag-icon-cd{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cd.svg)}.flag-icon-cf{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cf.svg)}.flag-icon-cg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cg.svg)}.flag-icon-ch{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ch.svg)}.flag-icon-ci{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ci.svg)}.flag-icon-ck{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ck.svg)}.flag-icon-cl{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cl.svg)}.flag-icon-cm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cm.svg)}.flag-icon-cn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cn.svg)}.flag-icon-co{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/co.svg)}.flag-icon-cr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cr.svg)}.flag-icon-cu{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cu.svg)}.flag-icon-cv{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cv.svg)}.flag-icon-cw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cw.svg)}.flag-icon-cx{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cx.svg)}.flag-icon-cy{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cy.svg)}.flag-icon-cz{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/cz.svg)}.flag-icon-de{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/de.svg)}.flag-icon-dj{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/dj.svg)}.flag-icon-dk{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/dk.svg)}.flag-icon-dm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/dm.svg)}.flag-icon-do{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/do.svg)}.flag-icon-dz{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/dz.svg)}.flag-icon-ec{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ec.svg)}.flag-icon-ee{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ee.svg)}.flag-icon-eg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/eg.svg)}.flag-icon-eh{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/eh.svg)}.flag-icon-er{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/er.svg)}.flag-icon-es{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/es.svg)}.flag-icon-et{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/et.svg)}.flag-icon-fi{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/fi.svg)}.flag-icon-fj{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/fj.svg)}.flag-icon-fk{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/fk.svg)}.flag-icon-fm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/fm.svg)}.flag-icon-fo{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/fo.svg)}.flag-icon-fr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/fr.svg)}.flag-icon-ga{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ga.svg)}.flag-icon-gd{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gd.svg)}.flag-icon-ge{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ge.svg)}.flag-icon-gf{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gf.svg)}.flag-icon-gg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gg.svg)}.flag-icon-gh{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gh.svg)}.flag-icon-gi{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gi.svg)}.flag-icon-gl{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gl.svg)}.flag-icon-gm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gm.svg)}.flag-icon-gn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gn.svg)}.flag-icon-gp{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gp.svg)}.flag-icon-gq{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gq.svg)}.flag-icon-gr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gr.svg)}.flag-icon-gs{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gs.svg)}.flag-icon-gt{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gt.svg)}.flag-icon-gu{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gu.svg)}.flag-icon-gw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gw.svg)}.flag-icon-gy{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gy.svg)}.flag-icon-hk{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/hk.svg)}.flag-icon-hm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/hm.svg)}.flag-icon-hn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/hn.svg)}.flag-icon-hr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/hr.svg)}.flag-icon-ht{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ht.svg)}.flag-icon-hu{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/hu.svg)}.flag-icon-id{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/id.svg)}.flag-icon-ie{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ie.svg)}.flag-icon-il{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/il.svg)}.flag-icon-im{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/im.svg)}.flag-icon-in{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/in.svg)}.flag-icon-io{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/io.svg)}.flag-icon-iq{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/iq.svg)}.flag-icon-ir{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ir.svg)}.flag-icon-is{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/is.svg)}.flag-icon-it{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/it.svg)}.flag-icon-je{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/je.svg)}.flag-icon-jm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/jm.svg)}.flag-icon-jo{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/jo.svg)}.flag-icon-jp{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/jp.svg)}.flag-icon-ke{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ke.svg)}.flag-icon-kg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/kg.svg)}.flag-icon-kh{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/kh.svg)}.flag-icon-ki{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ki.svg)}.flag-icon-km{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/km.svg)}.flag-icon-kn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/kn.svg)}.flag-icon-kp{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/kp.svg)}.flag-icon-kr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/kr.svg)}.flag-icon-kw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/kw.svg)}.flag-icon-ky{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ky.svg)}.flag-icon-kz{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/kz.svg)}.flag-icon-la{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/la.svg)}.flag-icon-lb{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/lb.svg)}.flag-icon-lc{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/lc.svg)}.flag-icon-li{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/li.svg)}.flag-icon-lk{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/lk.svg)}.flag-icon-lr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/lr.svg)}.flag-icon-ls{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ls.svg)}.flag-icon-lt{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/lt.svg)}.flag-icon-lu{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/lu.svg)}.flag-icon-lv{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/lv.svg)}.flag-icon-ly{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ly.svg)}.flag-icon-ma{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ma.svg)}.flag-icon-mc{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mc.svg)}.flag-icon-md{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/md.svg)}.flag-icon-me{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/me.svg)}.flag-icon-mf{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mf.svg)}.flag-icon-mg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mg.svg)}.flag-icon-mh{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mh.svg)}.flag-icon-mk{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mk.svg)}.flag-icon-ml{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ml.svg)}.flag-icon-mm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mm.svg)}.flag-icon-mn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mn.svg)}.flag-icon-mo{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mo.svg)}.flag-icon-mp{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mp.svg)}.flag-icon-mq{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mq.svg)}.flag-icon-mr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mr.svg)}.flag-icon-ms{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ms.svg)}.flag-icon-mt{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mt.svg)}.flag-icon-mu{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mu.svg)}.flag-icon-mv{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mv.svg)}.flag-icon-mw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mw.svg)}.flag-icon-mx{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mx.svg)}.flag-icon-my{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/my.svg)}.flag-icon-mz{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/mz.svg)}.flag-icon-na{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/na.svg)}.flag-icon-nc{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/nc.svg)}.flag-icon-ne{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ne.svg)}.flag-icon-nf{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/nf.svg)}.flag-icon-ng{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ng.svg)}.flag-icon-ni{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ni.svg)}.flag-icon-nl{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/nl.svg)}.flag-icon-no{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/no.svg)}.flag-icon-np{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/np.svg)}.flag-icon-nr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/nr.svg)}.flag-icon-nu{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/nu.svg)}.flag-icon-nz{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/nz.svg)}.flag-icon-om{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/om.svg)}.flag-icon-pa{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pa.svg)}.flag-icon-pe{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pe.svg)}.flag-icon-pf{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pf.svg)}.flag-icon-pg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pg.svg)}.flag-icon-ph{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ph.svg)}.flag-icon-pk{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pk.svg)}.flag-icon-pl{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pl.svg)}.flag-icon-pm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pm.svg)}.flag-icon-pn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pn.svg)}.flag-icon-pr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pr.svg)}.flag-icon-ps{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ps.svg)}.flag-icon-pt{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pt.svg)}.flag-icon-pw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/pw.svg)}.flag-icon-py{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/py.svg)}.flag-icon-qa{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/qa.svg)}.flag-icon-re{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/re.svg)}.flag-icon-ro{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ro.svg)}.flag-icon-rs{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/rs.svg)}.flag-icon-ru{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ru.svg)}.flag-icon-rw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/rw.svg)}.flag-icon-sa{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sa.svg)}.flag-icon-sb{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sb.svg)}.flag-icon-sc{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sc.svg)}.flag-icon-sd{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sd.svg)}.flag-icon-se{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/se.svg)}.flag-icon-sg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sg.svg)}.flag-icon-sh{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sh.svg)}.flag-icon-si{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/si.svg)}.flag-icon-sj{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sj.svg)}.flag-icon-sk{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sk.svg)}.flag-icon-sl{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sl.svg)}.flag-icon-sm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sm.svg)}.flag-icon-sn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sn.svg)}.flag-icon-so{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/so.svg)}.flag-icon-sr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sr.svg)}.flag-icon-ss{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ss.svg)}.flag-icon-st{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/st.svg)}.flag-icon-sv{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sv.svg)}.flag-icon-sx{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sx.svg)}.flag-icon-sy{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sy.svg)}.flag-icon-sz{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/sz.svg)}.flag-icon-tc{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tc.svg)}.flag-icon-td{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/td.svg)}.flag-icon-tf{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tf.svg)}.flag-icon-tg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tg.svg)}.flag-icon-th{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/th.svg)}.flag-icon-tj{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tj.svg)}.flag-icon-tk{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tk.svg)}.flag-icon-tl{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tl.svg)}.flag-icon-tm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tm.svg)}.flag-icon-tn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tn.svg)}.flag-icon-to{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/to.svg)}.flag-icon-tr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tr.svg)}.flag-icon-tt{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tt.svg)}.flag-icon-tv{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tv.svg)}.flag-icon-tw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tw.svg)}.flag-icon-tz{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/tz.svg)}.flag-icon-ua{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ua.svg)}.flag-icon-ug{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ug.svg)}.flag-icon-uk{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/uk.svg)}.flag-icon-um{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/um.svg)}.flag-icon-us{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/us.svg)}.flag-icon-uy{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/uy.svg)}.flag-icon-uz{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/uz.svg)}.flag-icon-va{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/va.svg)}.flag-icon-vc{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/vc.svg)}.flag-icon-ve{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ve.svg)}.flag-icon-vg{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/vg.svg)}.flag-icon-vi{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/vi.svg)}.flag-icon-vn{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/vn.svg)}.flag-icon-vu{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/vu.svg)}.flag-icon-wf{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/wf.svg)}.flag-icon-ws{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ws.svg)}.flag-icon-ye{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/ye.svg)}.flag-icon-yt{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/yt.svg)}.flag-icon-za{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/za.svg)}.flag-icon-zm{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/zm.svg)}.flag-icon-zw{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/zw.svg)}.flag-icon-es-ct{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/es-ct.svg)}.flag-icon-eu{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/eu.svg)}.flag-icon-gb-eng{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gb-eng.svg)}.flag-icon-gb-nir{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gb-nir.svg)}.flag-icon-gb-sct{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gb-sct.svg)}.flag-icon-gb-wls{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/gb-wls.svg)}.flag-icon-un{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/flags/un.svg)}.lang-icon-de{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/languages/de.svg)}.lang-icon-en{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/languages/en.svg)}.lang-icon-es{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/languages/es.svg)}.lang-icon-fr{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/languages/fr.svg)}.lang-icon-it{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/languages/it.svg)}.lang-icon-ja{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/languages/ja.svg)}.lang-icon-ko{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/languages/ko.svg)}.lang-icon-pt{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/languages/pt.svg)}.lang-icon-zh{background-image:url(https://www.rockwellautomation.com/resources/images/rockwellautomation/icons/languages/zh.svg)} /* TS CSS */ localcol, .localblk { display: none; } localrow { display: block; height: 0; visibility: hidden; } .content-area div.content-row:nth-of-type(even) + localrow + .content-row.contact-us, .content-area div.content-row:nth-of-type(even) + localrow + .content-row.recognition, .content-area div.content-row:nth-of-type(even) + localrow + .content-row.register { margin-top: -45px; } .content-area div.content-row:nth-of-type(even) + localrow ~ .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(even) + localrow ~ .content-row.register .fa::before { color: #bebebe; } .content-area div.content-row:nth-of-type(odd) + localrow ~ .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(odd) + localrow ~ .content-row.register .fa::before { color: #fff; } .content-area div.content-row:nth-of-type(even) + localrow ~ .content-row + .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(even) + localrow ~ .content-row + .content-row.register .fa::before { color: #fff; } .content-area div.content-row:nth-of-type(odd) + localrow ~ .content-row + .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(odd) + localrow ~ .content-row + .content-row.register .fa::before { color: #bebebe; } @-webkit-keyframes placeholder { 0%, 100% {box-shadow: 0 0 14px rgba(44, 112, 186, 1.0);} 50% {box-shadow: 0 0 0 rgba(44, 112, 186, 0);} 33%, 66% {box-shadow: 0 0 7px rgba(44, 112, 186, 0.5);} } @-moz-keyframes placeholder { 0%, 100% {box-shadow: 0 0 14px rgba(44, 112, 186, 1.0);} 50% {box-shadow: 0 0 0 rgba(44, 112, 186, 0);} 33%, 66% {box-shadow: 0 0 7px rgba(44, 112, 186, 0.5);} } @-o-keyframes placeholder { 0%, 100% {box-shadow: 0 0 14px rgba(44, 112, 186, 1.0);} 50% {box-shadow: 0 0 0 rgba(44, 112, 186, 0);} 33%, 66% {box-shadow: 0 0 7px rgba(44, 112, 186, 0.5);} } @keyframes placeholder { 0%, 100% {box-shadow: 0 0 14px rgba(44, 112, 186, 1.0);} 50% {box-shadow: 0 0 0 rgba(44, 112, 186, 0);} 33%, 66% {box-shadow: 0 0 7px rgba(44, 112, 186, 0.5);} } .qa img[title*="ADD LOCAL"] { -webkit-animation: placeholder 1.0s linear infinite; -moz-animation: placeholder 1.0s linear infinite; -ms-animation: placeholder 1.0s linear infinite; -o-animation: placeholder 1.0s linear infinite; animation: placeholder 1.0s linear infinite; } .qa localrow { -webkit-animation: placeholder 1.0s linear infinite; -moz-animation: placeholder 1.0s linear infinite; -ms-animation: placeholder 1.0s linear infinite; -o-animation: placeholder 1.0s linear infinite; animation: placeholder 1.0s linear infinite; background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 10px, rgba(0, 0, 0, 0.85) 10px, rgba(0, 0, 0, 0.85) 20px); display: table; height: auto; min-height: 150px; margin: 45px auto; padding: 15px; text-align: center; visibility: visible; width: 80%; } .qa localcol { -webkit-animation: placeholder 1.0s linear infinite; -moz-animation: placeholder 1.0s linear infinite; -ms-animation: placeholder 1.0s linear infinite; -o-animation: placeholder 1.0s linear infinite; animation: placeholder 1.0s linear infinite; background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 10px, rgba(0, 0, 0, 0.85) 10px, rgba(0, 0, 0, 0.85) 20px); display: table; min-height: 150px; margin: 0; padding: 15px; text-align: center; width: 100%; } .qa .content-area div.content-row:nth-of-type(even) + localrow + .content-row.contact-us, .qa .content-area div.content-row:nth-of-type(even) + localrow + .content-row.recognition { margin-top: 0; } .qa localrow .message, .qa localcol .message { color: #fff; display: table-cell; margin: 0 auto; text-align: center; vertical-align: middle; } .qa localrow .heading, .qa localcol .heading { color: #fff; display: block; font-size: 24px; font-weight: 700; } .qa localrow span::before, .qa localcol span::before { font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-right: 5px; } .qa localrow .page-type, .qa localcol .page-type, .qa localrow .folder-level, .qa localcol .folder-level, .qa localrow .row-pos, .qa localcol .row-pos { display: block; } .qa localrow .page-type, .qa localcol .page-type { color: #f58025; } .qa localrow .folder-level, .qa localcol .folder-level { color: #00aeef; } .qa localrow .row-pos, .qa localcol .row-pos { color: #77c14c; } .qa localrow .page-type::before, .qa localcol .page-type::before { content: "\f181"; } .qa localrow .folder-level::before, .qa localcol .folder-level::before { content: "\f114"; } .qa localrow .row-pos::before { content: "\f068"; } .qa localcol .row-pos::before { content: "\f068\00a0\f096"; } .qa .localblk { display: block; } body.ext-gecko, body.ext-gecko3, body.ext-mac, body#tinymce, body.mceContentBody { background-color: #fff; } /* Site CSS */ html { font-size: 10px; height: 100%; -webkit-tap-highlight-color: transparent; } body { background-color: #43434d; color: #333; font-family: Barlow, sans-serif; font-size: 16px; height: 100%; line-height: 1.42857143; width: 100%; } body.modal-open { position: relative; } .hero h1, .breadcrumb, .intro, .content-area { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } #RA_mainbody-row { background-color: #fff; padding-bottom: 15px; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } ::-webkit-input-placeholder { color: #43434d; opacity: 1; } :-moz-placeholder { color: #43434d; opacity: 1; } ::-moz-placeholder { color: #43434d; opacity: 1; } :-ms-input-placeholder { color: #43434d; opacity: 1; } .content-area div.content-row:nth-of-type(even) input::-webkit-input-placeholder, .content-area div.content-row:nth-of-type(even) select::-webkit-input-placeholder { color: #43434d; opacity: 1; } .content-area div.content-row:nth-of-type(even) input:-moz-placeholder, .content-area div.content-row:nth-of-type(even) select:-moz-placeholder { color: #43434d; opacity: 1; } .content-area div.content-row:nth-of-type(even) input::-moz-placeholder, .content-area div.content-row:nth-of-type(even) select::-moz-placeholder { color: #43434d; opacity: 1; } .content-area div.content-row:nth-of-type(even) input:-ms-input-placeholder, .content-area div.content-row:nth-of-type(even) select:-ms-input-placeholder { color: #e3e3e3; opacity: 1; } a, a:visited { background-color: transparent; color: #cd163f; cursor: pointer; text-decoration: none; } a:hover, a:focus { color: #cd163f; text-decoration: underline; } .ab a, .ab a:visited { color: #003e7e; } .ab a:hover, .ab a:focus { color: #003e7e; } 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 { color: inherit; font-family: inherit; font-weight: 500; line-height: 1.1; } 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 { font-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-size: 36px; font-weight: 700; } h2, .h2 { font-size: 30px; font-weight: 400; } h3, .h3 { font-size: 24px; font-weight: 400; } h4, .h4 { font-size: 18px; font-weight: 400; } h5, .h5 { font-size: 14px; font-weight: 400; } h6, .h6 { font-size: 12px; font-weight: 400; } 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-style: italic; font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } .req { color: #cd163f; } .ra #RA_brandbar-row + #nav-container, .ra .brandbar-fixed-top + #nav-container { height: 88px; position: relative; top: 40px; z-index: 980; } .ra #nav-container + #hero { background-color: #fff; margin-bottom: 40px; min-height: 38px; position: relative; top: 40px; z-index: 960; } .ra #nav-container + #RA_mainbody-row { background-color: #fff; margin-bottom: 40px; min-height: 38px; padding-top: 58px; position: relative; top: 40px; z-index: 960; } .ra #nav-container + #RA_mainbody-row.no-sub-nav { padding-top: 19px; } .ra #nav-container + #RA_mainbody-row.home, .ra #nav-container + #RA_mainbody-row.filter, .ra #nav-container + #RA_mainbody-row.section { padding-top: 0; } .ra #hero + .content { padding-top: 20px; } .ra #hero.hide + .content { padding-top: 58px; } .loading { cursor: default; opacity: 0.3 !important; pointer-events: none; } .divider-area { margin: 0 auto; width: 0; } .divider-area .divider { border-right: 2px solid #43434d; } /* Loading Spinner */ .spinner { animation: rotator 1.4s linear infinite; } .brandbar .icons .spinner { height: 22px; margin: 7px 0; width: 40px; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; } @keyframes colors { 0% { stroke: #f9c20a; } 25% { stroke: #f58025; } 50% { stroke: #cd163f; } 75% { stroke: #8d0034; } 100% { stroke: #770056; } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } /* Button Styles */ .btn { display: inline-block; padding: 6px 10px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; 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: FontRockwell; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: bold; padding-left: 5px; vertical-align: middle; } .btn.select:after { content: "\f107"; } .btn.disabled { border-color: #43434d; color: #43434d; cursor: default; pointer-events: none; } .btn-primary { font-size: 20px; } .btn-primary, .btn-default, .btn-condensed { background-color: transparent; cursor: pointer; text-align: center; } .btn-condensed { font-size: 14px; font-weight: 700; padding: 6px 8px; } .btn-default { font-size: 16px; font-weight: 400; padding: 5px 10px; } .ra .btn-primary, .ra .btn-default { border: 2px solid #cd163f; color: #cd163f; font-style: normal; } .ra .btn-primary.disabled, .ra .btn-default.disabled { border-color: #43434d; color: #43434d; cursor: default; pointer-events: none; } .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: #cd163f; border: 2px solid #cd163f; color: #fff; } .btn-primary > a, .btn-default > a { color: #cd163f; text-decoration: none; } .btn-primary:hover > a, .btn-default:hover > a { color: #fff; text-decoration: none; } .btn-link { font-weight: normal; color: #015e81; -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%; } button.close[data-dismiss="modal"] { position: absolute; right: 15px; top: 15px; } /* Scroll Top Button */ .scrollTop-Container { position: fixed; bottom: 30px; right: 30px; z-index: 1000; } .scrollTop-Container .scrollTop { background-color: rgba(67, 67, 77, 0.85); border: 3px solid rgba(255, 255, 255, 0.85); -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-weight: 400; 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 { background-color: rgba(205, 22, 63, 0.85); 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; 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: 1050; } .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: #cd163f; white-space: nowrap; } .dropdown-menu > li a:hover { background-color: #cd163f; 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; line-height: 1.42857143; 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; } /* Modal Styles */ .modal-dialog { overflow-y: initial !important; } .modal-body { max-height: calc(100vh - 200px); overflow-y: auto; } .modal .modal-header h3 { color: #43434d; margin: 10px 0 5px; text-align: left; } .modal .modal-content .modal-header { text-align: center; color: #43434d; } .modal .modal-content .modal-header .fa { color: #cd163f; font-size: 72px; margin-bottom: 5px; } .modal .modal-content .modal-header button.close[data-dismiss="modal"] .fa { color: #6d6e71; font-size: 14px; margin: 0; } .modal .modal-content .modal-header button.close[data-dismiss="modal"]:hover .fa { color: #cd163f; } .modal .modal-title.icon { color: #cd163f; cursor: default; font-size: 72px; line-height: 72px; text-align: center; } .modal .modal-title.icon + h3 { color: #43434d; margin: 10px 0 5px; text-align: center; } .modal .modal-body .form-text { margin-top: 15px; } .modal .modal-body .btn[data-dismiss="modal"], .modal .modal-footer .btn[data-dismiss="modal"] { border: 2px solid #cd163f; color: #cd163f; font-size: 20px; font-weight: 400; overflow-wrap: normal; padding: 2px 30px; white-space: normal; width: 100%; } .modal .modal-body .btn[data-dismiss="modal"] { margin-top: 15px; } .modal .modal-body .btn.save[data-dismiss="modal"] { margin-top: 0; } .modal .modal-body .btn[data-dismiss="modal"]:hover, .modal .modal-footer .btn[data-dismiss="modal"]:hover { background-color: #cd163f; color: #fff; } .modal.error .modal-body .btn::after, .modal.help .modal-body .btn::after, .modal .modal-body .btn[data-dismiss="modal"]::after, .modal .modal-footer .btn[data-dismiss="modal"]::after { content: normal; } .modal .modal-body .form-buttons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 15px; width: 100%; } .modal .modal-body .form-buttons button { font-size: 20px; font-weight: 400; width: 100%; } .modal .modal-body .form-buttons button:nth-last-child(2), .modal .modal-body .form-buttons button:nth-last-child(2) ~ button { width: 48%; } .modal .modal-body .form-buttons button:nth-last-child(2)::after, .modal .modal-body .form-buttons button:nth-last-child(2) ~ button::after { content: none; } .modal .modal-body .form-buttons button:nth-last-child(3), .modal .modal-body .form-buttons button:nth-last-child(3) ~ button { width: 31%; } .modal .modal-body .form-buttons button:nth-last-child(3)::after, .modal .modal-body .form-buttons button:nth-last-child(3) ~ button::after { content: none; } /* IE Upgrade Messaging */ .upgrade { width: 100%; background-color: #43434d; 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: #43434d; height: 40px; width: 100%; z-index: 998; } .brandbar-fixed-top.empty { background: #fff; } .ie9 .brandbar-fixed-top { filter: none; } .sites { background-color: #43434d; height: 40px; position: relative; } .ra .sites { width: 272px; } .sites::after { background-color: #43434d; 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-size: 18px; font-style: normal; font-weight: 400; margin: 0; padding: 7px 0 0 0; } .brandbar { background-color: #43434d; float: left; height: 40px; left: 55px; margin: -40px 0 0 0; overflow: hidden; padding: 0 0 0 261px; width: 100%; } .sites .brands { align-items: center; display: flex; height: 40px; justify-content: space-between; overflow: hidden; width: 222px; } .sites .brands a { float: left; height: 40px; } .ra .sites .brands a:hover { border-bottom: 4px solid #cd163f; } .sites .brands svg[class^="sr-"] { fill: #fff; position: relative; z-index: 5; } .sites .brands svg.sr-logo-ra { width: 87px; height: 87px; margin-top: -45px; } .sites .brands svg.sr-logo-ab { width: 104px; height: 104px; margin-top: -32px; } .sites .brands svg.sr-logo-rs { width: 84px; height: 84px; margin-top: -20px; } .sites .brands .logo { background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/sprite.png"); background-size: 329px 500px; background-repeat: no-repeat; border-bottom: 4px solid #43434d; 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 #cd163f; } .ra .sites .brands .logo.rs:hover { border-bottom: 4px solid #cd163f; } .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 #6d6e71; 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 svg[class^="sr-"] { cursor: pointer; fill: #fff; height: 22px; margin: 7px 0; stroke: #fff; stroke-width: 10px; width: 40px; } .brandbar .icons svg[class="sr-my-rok"] { stroke-width: 0; } .brandbar .icons > .icon-wrapper { display: inline-block; height: 40px; padding: 2px 0; vertical-align: middle; } .brandbar .icons > .icon-wrapper:hover { background-color: #cd163f; } .brandbar .icons > .icon-wrapper:last-child { padding-right: 0; } .brandbar .icons > .icon-wrapper .icon-slideout { display: none; margin: 3px 5px; } .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: 40px; padding: 0; } .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("//www.rockwellautomation.com/resources/images/rockwellautomation/search-arrow@2x.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 #43434d; display: none; } .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: #cd163f; cursor: pointer; 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: #333; padding: 0 0 0 10px; width: 400px; } .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: #cd163f; border: 2px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; font-size: 14px; font-weight: 700; 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 div:last-child { margin-right: 0; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site .account-welcome { color: #fff; font-size: 14px; font-weight: 700; line-height: 14px; } .brandbar .icons > .icon-wrapper .icon-slideout .icon-slideout-inner .account-form .account-site a { background-color: #cd163f; border: 1px solid #cd163f; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; font-size: 14px; font-weight: 700; height: 30px; line-height: 14px; padding: 1px 8px; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-signout a { background-color: #6f6d6d; border: 3px solid #6f6d6d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; font-size: 16px; font-weight: 700; height: 32px; line-height: 16px; padding: 4px; text-align: center; } .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: #cd163f; text-decoration: none; } .brandbar .icons > .icon-wrapper.account-link.open { background-color: #cd163f; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin { background-color: rgba(0, 0, 0, 0.85); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); font-family: Barlow, sans-serif !important; max-height: calc(100vh - 50px); overflow-y: auto; position: absolute; right: -400px; top: 50px; width: 370px; z-index: 950; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin a:hover, .brandbar .icons > .icon-wrapper.account-link .icon-dropin a:active { background-color: rgba(205, 22, 63, 0.85); text-decoration: none; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin a:focus { background-color: rgba(109, 110, 113, 0.85); text-decoration: none; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .my-ra-welcome { color: #fff; font-size: 24px; font-weight: 400; line-height: 32px; overflow: hidden; padding: 15px 25px; text-overflow: ellipsis; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-welcome { align-items: center; color: #fff; display: flex; font-size: 24px; font-weight: 400; justify-content: space-between; line-height: 32px; margin: 0 15px; padding: 10px 0; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-welcome .my-ra-name { overflow: hidden; text-overflow: ellipsis; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-welcome .my-ra-signout { min-width: 95px; text-align: center; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin hr, #nav-mobile .navbar-menu .account-box .account-form .account-site hr { border-top-color: #fff; margin: 0 15px; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .my-ra-tools { display: block; list-style: none; margin: 0; padding: 5px 15px; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-tools { display: block; list-style: none; margin: 0 15px; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-tools li { float: left; margin: 10px 10px; padding: 0; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .my-ra-tools a { align-items: center; color: #fff; display: flex; font-size: 18px; font-weight: 400; line-height: 24px; padding: 10px 0; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-tools a { align-items: center; background-color: transparent; border: 0 none; color: #fff; display: flex; flex-direction: column; font-size: 14px; font-weight: 400; height: auto; line-height: 20px; padding: 10px 5px; text-align: center; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-tools a:hover, #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-tools a:active { background-color: rgba(205, 22, 63, 0.85); text-decoration: none; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-tools a:focus { background-color: rgba(109, 110, 113, 0.85); text-decoration: none; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .my-ra-tools a svg[class^="sr-"] { fill: #fff; height: 24px; margin: 0 10px 0 0; stroke: #fff; stroke-width: 10px; width: 40px; } #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-tools a svg { fill: #fff; height: 48px; margin: 0 0 10px 0; stroke: #fff; width: 100%; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .my-ra-links { list-style: none; margin: 0; padding: 5px 15px; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .my-ra-links a { color: #fff; display: block; font-size: 14px; font-weight: 400; line-height: 20px; padding: 10px 15px; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .my-ra-signout { padding: 5px 15px; text-align: right; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .my-ra-signout a { color: #fff; display: inline-block; font-size: 14px; font-weight: 400; line-height: 20px; padding: 10px 15px; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-welcome { color: #fff; display: block; font-size: 16px; font-weight: 400; line-height: 24px; padding: 15px 15px 0; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-welcome { color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; padding: 15px 15px 0; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-signin, .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-myaccount { padding: 15px 15px 0; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-signin a, .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-myaccount a { background-color: #cd163f; border: 3px solid #cd163f; color: #fff; display: block; font-size: 16px; font-weight: 400; height: 45px; line-height: 16px; padding: 12px 10px; text-align: center; width: 100%; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-signin a:hover, .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-myaccount a:hover { background-color: #fff; border-color: #fff; color: #cd163f; text-decoration: none; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-signin, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-myaccount { padding: 15px 5px 0; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-signin a, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-myaccount a { background-color: #cd163f; border: 3px solid #cd163f; color: #fff; font-size: 16px; font-weight: 700; height: 45px; line-height: 16px; padding: 10px; text-align: center; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-signin a:hover, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-myaccount a:hover { background-color: #fff; border-color: #fff; color: #cd163f; text-decoration: none; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-create, .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-signout { padding: 15px; text-align: center; width: 100%; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-create a, .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-signout a { color: #fff; font-size: 14px; font-weight: 400; line-height: 20px; } .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-create a:hover, .brandbar .icons > .icon-wrapper.account-link .icon-dropin .account-signout a:hover { color: #fff; background-color: transparent; text-decoration: underline; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-create, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-signout { margin: 0 15px; padding: 15px 0; text-align: center; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-create a, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-signout a { color: #fff; font-size: 14px; font-weight: 400; line-height: 20px; } #nav-mobile .navbar-menu .account-box .account-form .account-site .account-create a:hover, #nav-mobile .navbar-menu .account-box .account-form .account-site .account-signout a:hover { background-color: transparent; color: #fff; text-decoration: underline; } .brandbar .icons .fa { color: #fff; font-size: 21px; height: 30px; line-height: 30px; vertical-align: middle; } .brandbar .icons .fa.fa-map { font-size: 18px; line-height: 29px; } .ra .brandbar .icons .fa:hover { color: #cd163f; } .ra .brandbar .icons .open .fa:hover { color: #fff; } /* Logo Bar */ .logobar { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 25%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 25%,rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 25%,rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 ); height: 100px; padding: 0; position: absolute; width: 100%; z-index: 798; } /* Main Nav */ .navbar-header { float: left; } .navbar-collapse { float: right; } .navbar-brand { float: left; position: relative; z-index: 99999; } .rs .navbar-brand { background-color: #cd163f; display: block; padding: 20px; } .navbar-brand svg { margin: 15px 0; width: 247px; } .navbar-brand .logo { background-image: url("//www.rockwellautomation.com/resources/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; } .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: #cd163f; margin-top:-1px; } .navbar .navbar-toggle.active > a > .fa.fa-search { color: #333; } #nav { width:100%; } .navbar { z-index: 1000; } #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 { align-items: flex-end; display: flex; height: 88px; justify-content: flex-end; margin: 0 -10px 0 20px; overflow: hidden; padding: 0; text-align: right; } #cbp-hrmenu > ul::after { content: ""; display: inline-block; height: 100%; vertical-align: bottom; } .cbp-hrmenu .cbp-hrsub-inner { margin: 0 -10px 0 0; padding: 0; } .cbp-hrmenu > ul > li { align-self: flex-end; display: inline-block; flex-basis: auto; flex-grow: 1; } .cbp-hrmenu .cbp-hrsub { background: #e6e7e8; -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; text-align: left; } .cbp-hrmenu #menu a[title="Sales & Partners"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Försäljning & Partners"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Obchod & Partneři"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Salg & partnere"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Satış ve İş Ortakları"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Sprzedaż i Partnerzy"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Vendas e parceiros"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Vendite e partner"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Ventas y socios"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Ventes et partenaires"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Verkoop & Partners"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Vertrieb & Partner"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Партнеры"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="セールス＆パートナ"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="영업 및 파트너"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="業務與合作夥伴"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="销售与合作伙伴"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Értékesítés és partnerek"] + .cbp-hrsub .row .col-lg-6.col-md-6, .cbp-hrmenu #menu a[title="Vânzări și parteneri"] + .cbp-hrsub .row .col-lg-6.col-md-6 { width: 66.66666667% !important; } .cbp-hrmenu #menu a[title="Support"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Asistencia Técnica"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Assistance"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Assistenza"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Destek"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Podpora"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Ondersteuning"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Suporte"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Wsparcie"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Поддержка"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="支持"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="지원"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="支援"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Támogatás"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child, .cbp-hrmenu #menu a[title="Asistență"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child { background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70) 10px, rgba(0, 0, 0, 0.75) 10px, rgba(0, 0, 0, 0.75) 20px); padding: 28px 15px 21px; margin-top: -28px; } .cbp-hrmenu #menu a[title="サポート"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child { background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70) 10px, rgba(0, 0, 0, 0.75) 10px, rgba(0, 0, 0, 0.75) 20px); padding: 28px 15px 44px; margin-top: -28px; } .cbp-hrmenu #menu a[title="Support"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Asistencia Técnica"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Assistance"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Assistenza"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Destek"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Podpora"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Ondersteuning"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Suporte"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Wsparcie"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Поддержка"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="支持"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="サポート"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="지원"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="支援"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Támogatás"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a, .cbp-hrmenu #menu a[title="Asistență"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a { color: #fff; width: calc(100% + 15px); } .cbp-hrmenu #menu a[title="Support"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Asistencia Técnica"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Assistance"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Assistenza"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Destek"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Podpora"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Ondersteuning"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Suporte"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Wsparcie"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Поддержка"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="支持"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="サポート"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="지원"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="支援"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Támogatás"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active, .cbp-hrmenu #menu a[title="Asistență"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a.active { background-color: #fff; color: #43434d; } .cbp-hrmenu #menu a[title="Support"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Asistencia Técnica"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Assistance"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Assistenza"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Destek"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Podpora"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Ondersteuning"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Suporte"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Wsparcie"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Поддержка"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="支持"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="サポート"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="지원"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="支援"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Támogatás"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"], .cbp-hrmenu #menu a[title="Asistență"] + .cbp-hrsub .row .col-lg-2.col-md-2:last-child li a[title="hide"] { display: none; pointer-events: none; visibility: hidden; } .cbp-hrmenu .cbp-hrsub-inner .row li { list-style: none outside none; margin-top: 0; } .cbp-hrmenu .cbp-hrsub-inner .row li { min-height: 44px; } .cbp-hrmenu li:nth-child(2) .cbp-hrsub-inner .row li { min-height: 60px; } .navbar .navbar-nav .cbp-hrmenu > ul > li > a { display: inline-block; font-family: Barlow Condensed, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; } .ra .navbar .navbar-nav .cbp-hrmenu > ul > li > a { color: #cd163f; padding: 13px 10px; } .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: #e6e7e8; color: #333; } .navbar .navbar-nav .cbp-hrmenu > ul > li > a.active, .navbar .navbar-nav .cbp-hrmenu > ul > li > a.active:hover, .navbar .navbar-nav .cbp-hrmenu > ul > li > a.active:focus { color: #fff; } .ra .navbar .navbar-nav .cbp-hrmenu > ul > li > a.active, .ra .navbar .navbar-nav .cbp-hrmenu > ul > li > a.active:hover, .ra .navbar .navbar-nav .cbp-hrmenu > ul > li > a.active:focus { background-color: #cd163f; } .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 { color: #333; font-weight: 700; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-size: 22px; line-height: 20px; margin: 6px 0 9px 0; padding: 0; text-transform:uppercase; width: 100%; } .ra .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a, .ra .cbp-hrmenu .cbp-hrsub-inner .row h4 a { color: #43434d; } .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: #cd163f; 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: #cd163f; } .cbp-hrmenu .cbp-hrsub-inner .row li > h4 a:after, .cbp-hrmenu .cbp-hrsub-inner .row h4 a:after { content: "\f105"; font-family: FontRockwell; font-size: 18px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; 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: #cd163f; } .cbp-hrmenu .cbp-hrsub-inner .row li a, .cbp-hrmenu .cbp-hrsub-inner .row a { display: inline-block; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; margin: -4px 0 0 -8px; padding: 6px 8px; } .cbp-hrmenu .cbp-hrsub-inner .row a.btn { display: block; margin: 8px 0 0 0; width: 25%; } .cbp-hrmenu .cbp-hrsub-inner .row a.btn:hover, .cbp-hrmenu .cbp-hrsub-inner .row a.btn:active, .cbp-hrmenu .cbp-hrsub-inner .row a.btn:focus { color: #fff; } .ra .cbp-hrmenu .cbp-hrsub-inner .row li a, .ra .cbp-hrmenu .cbp-hrsub-inner .row a { color: #cd163f; } .ra .cbp-hrmenu .cbp-hrsub-inner .row a svg { height: 18px; margin-right: 3px; vertical-align: middle; width: 18px; } .ra .cbp-hrmenu .cbp-hrsub-inner .row li h4 a.active { background-color: transparent; color: #43434d; } .ra .cbp-hrmenu .cbp-hrsub-inner .row li h4 a.active:hover { color: #cd163f } .ra .cbp-hrmenu .cbp-hrsub-inner .row li a.active { background-color: #43434d; color: #fff; } .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; } .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%; } #nav .img-container { background-size: contain; border: 6px solid #fff; height: 0; margin-bottom: 28px; padding-top: 58.45%; width: 100%; } /* Mobile Nav */ .navbar-toggle { -webkit-tap-highlight-color: transparent; } .navbar-toggle .icon-bar { background-color: #cd163f; -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 { 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); 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, #nav-mobile #mobile-menu { background-color: rgba(0, 0, 0, 0.85); border-bottom: 10px solid rgba(205, 22, 63, 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); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; 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 h4 + ul li a:active, .no-touch #nav-mobile h4 + ul li a:hover, .no-touch #nav-mobile h5:active, .no-touch #nav-mobile h5:hover { background-color: rgba(205, 22, 63, 0.85); } #nav-mobile h4:before, #nav-mobile h5:before { color: #fff; content: "\f105"; display:inline-block; font-family: FontRockwell; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; 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 #menu li:first-child h5:before { content: normal; } #nav-mobile #menu li:first-child h5 { align-items: center; display: flex; flex-direction: column; } #nav-mobile #menu li:first-child h5 svg { height: 24px; } #nav-mobile #mobile-menu li:first-child h5:before { /*! Accessibility - duplicated above to support new ID */ content: normal; } #nav-mobile #mobile-menu li:first-child h5 { /*! Accessibility - duplicated above to support new ID */ align-items: center; display: flex; flex-direction: column; } #nav-mobile #mobile-menu li:first-child h5 svg { /*! Accessibility - duplicated above to support new ID */ height: 24px; } #nav-container #nav-mobile h4.open, #nav-container #nav-mobile .icon h5.open { background-color: rgba(205, 22, 63, 0.85); } #nav-mobile h4.active, #nav-mobile h4 + ul li a.active { background-color: rgba(109, 110, 113, 0.85); } #nav-mobile h4 + ul li a.active { cursor: default; pointer-events: none; } #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, #nav-mobile #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(109, 110, 113, 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.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: 780; } #sub-nav.links { background: rgba(0, 0, 0, 0.85); } #sub-nav.no-links { background: transparent; height: 0; } .ie9 #sub-nav { filter: none; } #sub-nav .nav-section { background-color: #cd163f; display: inline-block; float: left; height: 38px; margin-left: -1000px; padding: 0 10px 0 0; position: relative; } #sub-nav .nav-section::before { background-color: #cd163f; content: ""; display: block; height: 38px; position: absolute; left: -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::after { background-color: #cd163f; 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, #sub-nav .nav-section .section-title { border: 0; color: #fff; font-family: Barlow Condensed, sans-serif; font-size: 24px; font-weight: 400; margin: 0; padding: 0 0 0 1000px; text-align: left; white-space: nowrap; line-height:38px; } #sub-nav .nav-section h2 a, #sub-nav .nav-section .section-title a { color: #fff; display: block; overflow: hidden; text-decoration: none; text-overflow: ellipsis; text-transform: none; } #sub-nav .nav-menu { display: inline-block; float: left; } #sub-nav .nav-menu > ul { margin: 0; padding-left: 40px; } #sub-nav .nav-menu > ul > li { display: inline-block; } #sub-nav .nav-menu > ul > li > a { color: #fff; display: block; font-family: Barlow Condensed, sans-serif; font-size: 16px; font-weight: 400; padding: 8px 10px 7px; text-decoration: none; } #sub-nav .nav-menu > ul > li:hover > a, #sub-nav .nav-menu > ul > li.open > a { background-color: rgba(205, 22, 63, 0.85); color: #fff; } #sub-nav .nav-menu > ul > li > a.active { background-color: rgba(67, 67, 77, 0.85); cursor: default; pointer-events: none; } #sub-nav .nav-menu > ul > li.dropdown > a.active { cursor: pointer; pointer-events: auto; } #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: #cd163f; } #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: #cd163f; } #sub-nav .nav-menu-drop.open .dropdown-menu li a.active, #sub-nav .nav-menu .dropdown .dropdown-menu .more-cols li a.active { background-color: #e6e7e8; color: #43434d; cursor: default; pointer-events: none; } #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: -moz-flex; display: -webkit-flex; display: flex; } #sub-nav .nav-menu-drop.dropdown .dropdown-menu .more-cols li.dropdown-header { border-top: 1px solid #e6e7e8; color: #43434d; font-family: Barlow Condensed, sans-serif; font-size: 14px; font-weight: 400; padding: 10px 0 0; text-transform: uppercase; } #sub-nav .nav-menu-drop.dropdown .dropdown-menu .more-cols li.dropdown-header:first-child { border-top: 0 none; } #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 #e6e7e8; 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: 2px 0; white-space: nowrap; } #sub-nav .nav-menu .dropdown .dropdown-menu .more-cols li a { padding: 5px; } #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: #cd163f; color: #fff; text-decoration: none; } /* Breadcrumb */ .breadcrumb { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-bottom: 20px; } .filter #RA_breadcrumb-area.breadcrumb { margin: 0 auto; } .filter #RA_breadcrumb-area.breadcrumb.container .container { padding: 0; width: auto; } .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: #43434d; content: "\f0da"; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; 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, .breadcrumb .breadcrumb-list > li > span { color: #43434d; padding: 0 5px 0 0; } .breadcrumb .breadcrumb-list > li > a:hover { color: #cd163f; text-decoration: underline; } .breadcrumb .breadcrumb-list > li:first-child > a, .breadcrumb .breadcrumb-list > li:first-child > span { 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: #cd163f; 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: #f44336; border: 2px solid #f44336; } .breadcrumb .share-list > li > .dropdown-menu > li > a.google-plus:hover { background-color: #fff; color: #f44336; } .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.wechat, .breadcrumb .share-list > li > .dropdown-menu > li > a.weixin { background-color: #609700; border: 2px solid #609700; } .breadcrumb .share-list > li > .dropdown-menu > li > div > a.wechat, .breadcrumb .share-list > li > .dropdown-menu > li > div > a.weixin, .breadcrumb .share-list > li > .dropdown-menu > li a.at-svc-wechat { background-color: #609700 !important; background-image: none; border: 2px solid #609700; clear: both; height: 24px; margin: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .breadcrumb .share-list > li > .dropdown-menu > li > a.wechat:hover, .breadcrumb .share-list > li > .dropdown-menu > li > div > a.wechat:hover, .breadcrumb .share-list > li > .dropdown-menu > li > a.weixin:hover, .breadcrumb .share-list > li > .dropdown-menu > li > div > a.weixin:hover, .breadcrumb .share-list > li > .dropdown-menu > li a.at-svc-wechat:focus, .breadcrumb .share-list > li > .dropdown-menu > li a.at-svc-wechat:hover { background-color: #fff !important; color: #609700; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .breadcrumb .share-list > li > .dropdown-menu > li > div > a.wechat i, .breadcrumb .share-list > li > .dropdown-menu > li > div > a.weixin i, .breadcrumb .share-list > li > .dropdown-menu > li > div > a.wechat span, .breadcrumb .share-list > li > .dropdown-menu > li > div > a.weixin span { pointer-events: none; } .breadcrumb .share-list > li > .dropdown-menu > li a.at-svc-wechat::before { color: #fff; content: "\f1d7"; display: inline-block; font-family: FontAwesome; font-size: 12px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; width: 17px; } .breadcrumb .share-list > li > .dropdown-menu > li a.at-svc-wechat::after { color: #fff; content: "Share"; display: inline-block; font-size: 12px; line-height: 14px; padding-left: 5px; } .breadcrumb .share-list > li > .dropdown-menu > li a.at-svc-wechat:hover::before, .breadcrumb .share-list > li > .dropdown-menu > li a.at-svc-wechat:hover::after { color: #609700; } .breadcrumb .share-list > li > .dropdown-menu > li a.at-svc-wechat span.at-icon-wrapper { display: none; } .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 { display: inline-block; font-size: 12px; padding-left: 5px; } /* Country Selection */ .home.worldwide .parallax, .home.worldwide .parallax .hero, .home.worldwide .parallax .hero .feature-container { height: 450px; } .worldwide .content-area .content-row .row > h3 { margin: 0; padding: 0; } .worldwide .country-sites ul { display: flex; flex-wrap: wrap; justify-content: flex-start; list-style: none; margin: 0; padding: 0; } .worldwide .country-sites ul li { flex-grow: 0; } .worldwide .country-sites ul li .country-container { display: flex; margin-top: 30px; } .worldwide .country-sites ul li .country-container .flag-wrapper { border: 2px solid #e6e7e8; border-radius: 5px; } .worldwide .country-sites ul li .country-container .country-lang h4, .worldwide .country-sites ul li .country-container .country-lang a { margin: 0 0 0 10px; } /* Home */ .ra #nav-container + #RA_mainbody-row.home.no-sub-nav { padding-top: 0; top: 40px; } .home .parallax { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .home .parallax .hero { width: 100%; } .home .parallax .hero .feature-container { display: table; } .home .parallax .hero .feature-container .feature-content { display: table-cell; text-align: center; vertical-align: middle; } .home .parallax .hero h1 { color: #fff; margin: -10px 0 0; text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); text-transform: uppercase; } .home .parallax .hero h2 { color: #fff; margin: 5px 0; text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); } .home .parallax .hero button, .home .parallax .hero a.btn-link, .detail .parallax .hero .primary-cta .btn.btn-default { background-color: #cd163f; border: 2px solid #cd163f; -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5); color: #fff; font-weight: 400; margin-top: 10px; padding: 8px 7px 7px 15px; } .ab .home .parallax .hero button, .ab .home .parallax .hero a.btn-link { background-color: #003e7e; border: 2px solid #003e7e; } .home .parallax .hero button:active, .home .parallax .hero button:focus, .home .parallax .hero button:hover, .home .parallax .hero a button:active, .home .parallax .hero a button:focus, .home .parallax .hero a button:hover, .home .parallax .hero a.btn-link:active, .home .parallax .hero a.btn-link:focus, .home .parallax .hero a.btn-link:hover, .home .parallax .hero-overlay.active + .hero button, .detail .parallax .hero .primary-cta .btn.btn-default:active, .detail .parallax .hero .primary-cta .btn.btn-default:focus, .detail .parallax .hero .primary-cta .btn.btn-default:hover { background-color: #fff; border-color: #fff; color: #cd163f; text-decoration: none; } .ab .home .parallax .hero button:active, .ab .home .parallax .hero button:focus, .ab .home .parallax .hero button:hover, .ab .home .parallax .hero a button:active, .ab .home .parallax .hero a button:focus, .ab .home .parallax .hero a button:hover, .ab .home .parallax .hero a.btn-link:active, .ab .home .parallax .hero a.btn-link:focus, .ab .home .parallax .hero a.btn-link:hover, .ab .home .parallax .hero-overlay.active + .hero button { color: #003e7e; } .home .parallax .hero a.btn-link, .home .parallax .hero a button { color: #fff; } .home .parallax .hero button::after { padding: 0; } .home .parallax .hero .secondary-cta button { background-color: #6f6d6d; border: 2px solid #6f6d6d; color: #fff; } .home .parallax .hero-overlay { background-color: rgba(0, 0, 0, 0.85); display: none; height: 325px; position: absolute; top: -325px; width: 100%; z-index: 20; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .home .parallax .hero-overlay.active { top: 0; } .home .parallax .hero-overlay .col-lg-2-4.col-md-2-4 { height: 325px; } .home .parallax .hero-overlay .continent-image { background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/continent-sprite.png"); background-size: 1098px 81px; background-repeat: no-repeat; height: 81px; margin: 15px auto 0; width: 163px; } .home .parallax .hero-overlay .continent-image.am { background-position: 0 0; } .home .parallax .hero-overlay .continent-image.ap { background-position: -234px 0; } .home .parallax .hero-overlay .continent-image.eu { background-position: -467px 0; } .home .parallax .hero-overlay .continent-image.ls { background-position: -702px 0; } .home .parallax .hero-overlay .continent-image.na { background-position: -935px 0; } .home .parallax .hero-overlay h3 { color: #fff; margin: 10px 0; } .home .parallax .hero-overlay .country-list { height: 129px; margin-bottom: 10px; overflow: hidden; } .home .parallax .hero-overlay .country-list ul { margin: 0; padding: 0; } .home .parallax .hero-overlay .country-list ul li { height: 16px; list-style: none outside none; margin: 2px 0; padding-left: 22px; vertical-align: middle; width: 100%; } .home .parallax .hero-overlay .country-list ul li a { color: #fff; float: left; height: 16px; line-height: 16px; } .home .parallax .hero-overlay .country-scroll { text-align: center; width: 100%; } .home .parallax .hero-overlay .country-scroll .up, .home .parallax .hero-overlay .country-scroll .down { border: 2px solid #fff; border-radius: 30px; color: #fff; cursor: pointer; display: inline-block; font-size: 20px; height: 30px; line-height: 23px; margin: 0 5px; opacity: 1; width: 30px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .home .parallax .hero-overlay .country-scroll .up:hover, .home .parallax .hero-overlay .country-scroll .down:hover { background-color: #cd163f; } .home .parallax .hero-overlay .country-scroll .up.hideContents, .home .parallax .hero-overlay .country-scroll .down.hideContents { background-color: transparent; cursor: default; opacity: 0.4; pointer-events: none; } /* Action Blocks */ .action-blocks { margin-bottom: 45px; } .action-blocks h2 { color: #43434d; font-weight: 700; margin: 0; text-transform: uppercase; } .action-blocks a:hover .block-container { text-decoration: none; } .action-blocks a:hover .block-container button { background-color: #cd163f; color: #fff; } .action-blocks .block-container { cursor: pointer; margin-top: 55px; text-align: center; } .action-blocks .block-container .fa { color: #cd163f; font-size: 72px; height: 72px; line-height: 72px; overflow: hidden; } .action-blocks .block-container svg[class^="sr-"] { fill: #cd163f; height: 72px; width: 72px; } .action-blocks .block-container .search-btn svg.sr-search { fill: #fff; height: 24px; margin: 5px 0; stroke: #fff; stroke-width: 10px; width: 38px; } .action-blocks .block-container h3 { color: #43434d; padding: 0 10px; } .action-blocks .inactive .block-container .fa, .action-blocks .inactive .block-container h3 { color: #43434d; opacity: 0.5; } .action-blocks .block-container:hover h3, .action-blocks .active .block-container h3, .action-blocks .inactive .block-container:hover .fa, .action-blocks .inactive .block-container:hover h3{ color: #cd163f; opacity: 1; } .action-blocks .block-container p { color: #43434d; font-weight: 400; } .action-blocks .block-container button { display: block; font-weight: 400; padding: 5px 10px; width: 100%; } .action-blocks .autosuggestDialog .search { align-items: center; background-color: #e6e7e8; display: flex; height: 46px; justify-content: space-between; margin: 16px 0; } .action-blocks .autosuggestDialog .search .search-input { color: #43434d; font-size: 16px; padding: 10px; } .action-blocks .autosuggestDialog .search .search-button { align-items: center; background: #cd163f; display: flex; height: 36px; justify-content: center; margin: 0 6px; width: 46px; } .action-blocks .autosuggestDialog .search .search-button svg[class^="sr-"] { align-self: center; fill: #fff; height: 26px; width: 26px; } /* Spotlight Blocks */ .spotlight-blocks { background-color: #e6e7e8; margin-bottom: 30px; padding: 30px 0; } .spotlight-blocks h2 { color: #43434d; font-weight: 700; margin: 0 0 20px; } .spotlight-blocks .content-blocks .block-img { background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-bottom-width: 8px; overflow: hidden; } .spotlight-blocks .content-blocks .block-img::before { -webkit-box-shadow: inset 0px -80px 80px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: inset 0px -80px 80px 5px rgba(0, 0, 0, 0.65); box-shadow: inset 0px -80px 80px 5px rgba(0, 0, 0, 0.65); } .spotlight-blocks .content-blocks .block-img h4 { bottom: 0; color: #fff; font-weight: 400; padding: 0 65px 0 15px; position: absolute; text-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .spotlight-blocks .content-blocks .block-container .block-img .content-overlay { padding: 20px; } .spotlight-blocks .content-blocks .block-container .block-img .content-overlay p { font-size: 16px; } .spotlight-blocks .content-blocks .content-label:before { bottom: 8px; font-size: 26px; height: 37px; line-height: 40px; width: 50px; } .spotlight-blocks .content-blocks .promo-container { position: relative; } .spotlight-blocks .content-blocks .promo-container:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .spotlight-blocks .content-blocks .promo-container h4 { font-weight: 700; margin: 0; } .spotlight-blocks .content-blocks .promo-container .side, .spotlight-blocks .content-blocks .promo-container .stack { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; overflow: hidden; padding: 10px 15px; } .spotlight-blocks .content-blocks .promo-container .side { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .spotlight-blocks .content-blocks .promo-container .stack { -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .spotlight-blocks .content-blocks .promo-container .side:after, .spotlight-blocks .content-blocks .promo-container .stack:after { font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; overflow: hidden; position: absolute; top: 0; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; z-index: 1; } .spotlight-blocks .content-blocks .promo-container a .stack:after { right: 65px; } .spotlight-blocks .content-blocks .promo-container a .side:after { left: 65px; } .spotlight-blocks .content-blocks .promo-container a:hover .stack:after { font-size: 190px; right: 40px; } .spotlight-blocks .content-blocks .promo-container a:hover .side:after { font-size: 190px; left: 40px; } .spotlight-blocks .content-blocks .promo-container .stack h4, .spotlight-blocks .content-blocks .promo-container .stack p { display: block; position: relative; } .spotlight-blocks .content-blocks .promo-container .side h4, .spotlight-blocks .content-blocks .promo-container .side p { float: left; position: relative; width: 50%; } .spotlight-blocks .content-blocks .promo-container .side h4 { z-index: 2; } .spotlight-blocks .content-blocks .promo-container .side p { margin: 0; z-index: 3; } .spotlight-blocks .content-blocks .promo-container .stack h4 { z-index: 2; } .spotlight-blocks .content-blocks .promo-container .stack p { margin: 0; z-index: 3; } .spotlight-blocks .content-blocks .promo-container a:focus, .spotlight-blocks .content-blocks .promo-container a:hover { text-decoration: none; } .spotlight-blocks .content-blocks .promo-container a:hover .link { text-decoration: underline; } .spotlight-blocks .content-blocks .promo-container a .allen-bradley { background-color: #003e7e; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .allen-bradley:after { font-family: FontRockwell; color: #022242; content: "\a001"; font-size: 110px; } .spotlight-blocks .content-blocks .promo-container a:hover .allen-bradley:after { font-size: 160px; } .spotlight-blocks .content-blocks .promo-container a .custom { background-color: #cd163f; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .event { background-color: #cd163f; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .event:after { color: #761211; content: "\f073"; font-size: 105px; } .spotlight-blocks .content-blocks .promo-container a:hover .event:after { font-size: 155px; } .spotlight-blocks .content-blocks .promo-container a .facebook { background-color: #fff; color: #3c5b9a; } .spotlight-blocks .content-blocks .promo-container a .facebook:after { color: #e1e4ed; content: "\f230"; font-size: 140px; } .spotlight-blocks .content-blocks .promo-container a .facebook.feed a { color: #3c5b9a; } .spotlight-blocks .content-blocks .promo-container a .facebook.feed a:hover { text-decoration: underline; } .spotlight-blocks .content-blocks .promo-container a .google-plus { background-color: #f44336; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .google-plus:after { color: #b13127; content: "\f0d4"; font-size: 140px; } .spotlight-blocks .content-blocks .promo-container a .linkedin { background-color: #007bb6; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .linkedin:after { color: #004c73; content: "\f08c"; font-size: 140px; } .spotlight-blocks .content-blocks .promo-container a .rockwell-automation { background-color: #fff; color: #cd163f; } .spotlight-blocks .content-blocks .promo-container a .rockwell-automation:after { font-family: FontRockwell; color: #d8d8d8; content: "\a000"; font-size: 220px; } .spotlight-blocks .content-blocks .promo-container a:hover .rockwell-automation:after { font-size: 270px; } .spotlight-blocks .content-blocks .promo-container a .rockwell-software { background-color: #323232; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .rockwell-software:after { font-family: FontRockwell; color: #43434d; content: "\a002"; font-size: 150px; } .spotlight-blocks .content-blocks .promo-container a:hover .rockwell-software:after { font-size: 200px; } .spotlight-blocks .content-blocks .promo-container a .training { background-color: #6d6e71; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .training:after { color: #646668; content: "\f0c0"; font-size: 110px; } .spotlight-blocks .content-blocks .promo-container a:hover .training:after { font-size: 160px; } .spotlight-blocks .content-blocks .promo-container a .twitter { background-color: #155875; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .twitter:after { color: #1d7da5; content: "\f099"; font-size: 140px; } .spotlight-blocks .content-blocks .promo-container a .twitter.feed h4::before { content: "@"; } .spotlight-blocks .content-blocks .promo-container a .twitter.feed a { color: #fff; } .spotlight-blocks .content-blocks .promo-container a .twitter.feed a:hover { text-decoration: underline; } .spotlight-blocks .content-blocks .promo-container a .weibo { background-color: #ff7922; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .weibo:after { color: #ca5f19; content: "\f18a"; font-size: 140px; } .spotlight-blocks .content-blocks .promo-container a .wechat, .spotlight-blocks .content-blocks .promo-container a .weixin { background-color: #609700; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .wechat:after, .spotlight-blocks .content-blocks .promo-container a .weixin:after { color: #4b7700; content: "\f1d7"; font-size: 140px; } .spotlight-blocks .content-blocks .promo-container a .xing { background-color: #006464; color: #fff; } .spotlight-blocks .content-blocks .promo-container a .xing:after { color: #003d3d; content: "\f169"; font-size: 140px; } .spotlight-blocks .content-blocks .content-blocks-1 .img-responsive { height: -webkit-calc(100% + 8px); height: -moz-calc(100% + 8px); height: calc(100% + 8px); object-fit: cover; object-position: 50% 50%; width: 100%; } /* About Blocks */ .about-blocks { padding-bottom: 30px; } .about-blocks h2 { color: #43434d; font-weight: 700; margin: 0 0 20px; padding: 0 15px; } .about-blocks h3 { border-bottom: 2px solid #e6e7e8; color: #cd163f; font-size: 24px; font-weight: 700; margin: 0 0 10px; padding: 0 0 10px; text-transform: uppercase; } .about-blocks p .date { display: block; font-size: 11px; } .about-blocks .stock-quote { display: table; } .about-blocks .stock-quote:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .about-blocks .stock-quote .stock-price:before { content: "$"; } .about-blocks .stock-quote .stock-price { color: #43434d; display: table-cell; float: left; font-weight: 400; letter-spacing: -1px; margin-right: 8px; vertical-align: bottom; } .about-blocks .stock-quote .stock-change { color: #fff; display: table-cell; font-weight: 400; padding-bottom: 6px; vertical-align: bottom; } .about-blocks .stock-quote .stock-change .pos { background-color: #1D8730; padding: 0 5px; } .about-blocks .stock-quote .stock-change .pos:before { content: "+"; } .about-blocks .stock-quote .stock-change .neg { background-color: #43434d; padding: 0 5px; } .about-blocks .subscribe .subscribe-label { margin-bottom: 1px; } .about-blocks .subscribe .subscribe-form { background-color: #e6e7e8; margin: 0 0 10px 0; padding: 3px; } .about-blocks .subscribe .subscribe-email { background-color: #e6e7e8; border: 0 none; color: #333; margin: 0; padding: 3px 7px; width: 85%; } .about-blocks .subscribe .subscribe-btn { background-color: #cd163f; border: 0 none; color: #fff; float: right; padding: 0; width: 15%; } .about-blocks .subscribe .subscribe-btn .fa { color: #fff; font-size: 24px; } .about-blocks .locations .country, .about-blocks .locations .state, .about-blocks .locations .province { margin: 0 0 10px; position: relative; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .about-blocks .locations .state, .about-blocks .locations .province { display: none; } .about-blocks .locations .country:after, .about-blocks .locations .state:after, .about-blocks .locations .province:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .about-blocks .locations .country-label, .about-blocks .locations .state-label, .about-blocks .locations .province-label { margin-bottom: 1px; } .about-blocks .locations .country-locations, .about-blocks .locations .state-locations, .about-blocks .locations .province-locations { background-color: transparent; background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/dropdown-arrow.png"); background-repeat: no-repeat; background-size: 50px 128px; border: 3px solid #e6e7e8; float: left; margin: 0; overflow: hidden; padding: 0; width: 100%; } .about-blocks .locations .country-locations-menu, .about-blocks .locations .state-locations-menu, .about-blocks .locations .province-locations-menu { background: transparent; border: 0 none; cursor: pointer; padding-left: 8px; width: 110%; -webkit-appearance: none; } .about-blocks .locations .country-locations-menu optgroup, .about-blocks .locations .state-locations-menu optgroup, .about-blocks .locations .province-locations-menu optgroup { padding-left: 8px; } .about-blocks .locations .btn { font-size: 16px; font-weight: 400; padding: 5px 10px; width: 100%; } .about-blocks .locations .btn::before { content: "\f279"; font-family: FontAwesome; font-size: 18px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 18px; padding-right: 5px; } .about-blocks .locations .btn::after { content: ""; } /* Landing */ .overview .parallax, .landing .parallax, .detail .parallax, .filter .parallax { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .overview .parallax .hero, .landing .parallax .hero, .detail .parallax .hero, .filter .parallax .hero { width: 100%; } .overview .parallax .hero .row, .landing .parallax .hero .row, .detail .parallax .hero .row, .filter .parallax .hero .row { padding-top: 38px; } #sub-nav.no-links + .content .parallax .hero .row { padding-top: 0; } .no-sub-nav .overview .parallax .hero .row, .no-sub-nav .landing .parallax .hero .row, .no-sub-nav .detail .parallax .hero .row, .no-sub-nav .filter .parallax .hero .row { padding-top: 0; } .overview .parallax .hero .feature-container, .landing .parallax .hero .feature-container, .detail .parallax .hero .feature-container, .filter .parallax .hero .feature-container { display: table; } .overview .parallax .hero .feature-container .feature-content, .landing .parallax .hero .feature-container .feature-content, .detail .parallax .hero .feature-container .feature-content, .filter .parallax .hero .feature-container .feature-content { display: table-cell; padding-top: 0; text-align: center; vertical-align: middle; } .overview.no-sub-nav .parallax .hero .feature-container .feature-content, .landing.no-sub-nav .parallax .hero .feature-container .feature-content, .detail.no-sub-nav .parallax .hero .feature-container .feature-content, .filter.no-sub-nav .parallax .hero .feature-container .feature-content { padding-top: 0; } .overview .parallax .hero h1, .landing .parallax .hero h1, .detail .parallax .hero h1, .filter .parallax .hero h1 { color: #fff; margin: 0; line-height: .9; text-shadow: 0 0 10px rgba(0, 0, 0, 0.85); text-transform: uppercase; } .overview .parallax .hero h1 span, .landing .parallax .hero h1 span, .detail .parallax .hero h1 span, .filter .parallax .hero h1 span { text-transform: none; } .no-sub-nav .overview .parallax .hero h1, .no-sub-nav .landing .parallax .hero h1, .no-sub-nav .detail .parallax .hero h1, .no-sub-nav .filter .parallax .hero h1 { padding-top: 40px; } .no-sub-nav .landing.lit-library .parallax .hero h1, .no-sub-nav .landing.lifecycle .parallax .hero h1 { padding: 0; } .overview .parallax .hero h2, .landing .parallax .hero h2, .detail .parallax .hero h2, .filter .parallax .hero h2 { color: #fff; margin: 5px 0 0; text-shadow: 0 0 10px rgba(0, 0, 0, 0.85); } .landing .parallax .hero .feature-container .feature-content img, .detail .parallax .hero .feature-container .feature-content img, .filter .parallax .hero .feature-container .feature-content img { filter: drop-shadow(0px 0 15px rgba(0, 0, 0, 1)); margin: 0 auto; max-width: 640px; } /* Hero Search Box */ .search .search-box { background: transparent; } .search .search-box form { display: flex; } .search .search-box .form-group { margin: 0; padding: 0; } .search .search-box .form-group.searchbtn { order: 1; } .search .search-box .form-group.searchdrp { border-bottom: 3px solid #fff; order: 2; } .search .search-box .form-group.searchfld { border-bottom: 3px solid #fff; flex-grow: 3; order: 3; } .search .search-box .dropdown-toggle { background-color: rgba(230, 231, 232, 0.85); border: none; border-radius: 0px; color: #333; font-size: 18px; font-weight: 400; height: 45px; margin: 5px 0; padding: 0 20px; } .search .search-box .dropdown-toggle:hover, .search .search-box .open .dropdown-toggle { background-color: rgba(205, 22, 63, 0.85); color: #fff; } .search .search-box .dropdown-menu { background-color: transparent; margin-left: -1px; top: 105%; } .search .search-box .dropdown-menu.inner { background-color: rgba(0, 0, 0, 0.85); border: 0 none; border-radius: 0; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); color: #fff; font-size: 18px; margin: 5px 0px 0px -5px; max-width: 170px; padding: 8px; } .search .search-box .dropdown-menu > li > a { color: #fff; font-weight: 400; } .search .search-box .dropdown-menu > li.selected > a, .search .search-box .dropdown-menu > li.selected > a:hover, .search .search-box .dropdown-menu > li > a.selected { background-color: rgba(255,255,255,0.85); color: #cd163f; cursor: default; pointer-events: none; } .search .search-box .dropdown-menu > li > a:hover { background-color: rgba(205, 22, 63, 0.85); color: #fff; } .search .search-box .dropdown-menu > li > a .fa { position: absolute; right: 10px; margin-top: 4px; z-index: 0; } .search .searchdrp .open button { color: #fff; } .search .searchdrp button.btn.btn-default, .search .searchdrp button.btn.btn-default:active, .search .searchdrp button.btn.btn-default:focus, .search .searchdrp button.btn.btn-default:hover { border: 0 none; margin-right: 20px; } .search .searchdrp button.btn.btn-default:active, .search .searchdrp button.btn.btn-default:focus, .search .searchdrp button.btn.btn-default:hover { color: #fff; } .search .searchdrp button.btn.btn-default::after { content: none; padding: 0; } .search .searchdrp button:hover { border: 0 none; } .search .searchfld input { background-color: transparent; border: medium none; border-radius: 0; box-shadow: none; color: #fff; display: block; font-size: 24px; font-weight: 400; height: 55px; margin: 0; padding: 6px 65px 6px 0; width: 100%; } .search .searchfld input::-webkit-input-placeholder { color: #fff; opacity: 1; } .search .searchfld input:-moz-placeholder { color: #fff; opacity: 1; } .search .searchfld input::-moz-placeholder { color: #fff; opacity: 1; } .search .searchfld input:-ms-input-placeholder { color: #fff; opacity: 1; } .search .searchfld .clear { cursor: pointer; position: absolute; right: 27px; top: 7px; } .search .searchfld .clear::before { content: "\f057"; color: #6d6e71; font-family: FontAwesome; font-size: 26px; line-height: 50px; } .search .searchfld .clear:hover::before { color: #cd163f; } .search .searchfld table.ss-gac-m { background-color: rgba(0, 0, 0, 0.85); border: 0 none; border-radius: 0; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); color: #fff; font-size: 22px; margin: 3px 0 0 4px; max-width: inherit; position: absolute; width: 75%; z-index: 10; } .search .searchfld table.ss-gac-m > tbody, .search .searchfld table.ss-gac-m > tbody > tr, .search .searchfld table.ss-gac-m > tbody > tr > td { display: block; width: 100%; } .search .searchfld table.ss-gac-m > tbody { padding: 8px; } .search .searchfld table.ss-gac-m > tbody > tr { text-align: left; } .search .searchfld table.ss-gac-m > tbody > tr:nth-child(1)::before { color: #6d6e71; content: "Trending Searches"; display: block; font-size: 20px; font-weight: 700; margin: 10px 0; padding: 0 8px; text-transform: uppercase; } .search .searchfld table.ss-gac-m > tbody > tr > td { color: #fff; cursor: pointer; display: block; font-size: 18px; font-weight: 400; line-height: 1.1; overflow: hidden; margin: 0px; padding: 8px 8px; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); } .search .searchfld table.ss-gac-m > tbody > tr > td:hover { background-color: rgba(205, 22, 63, 0.85); color: #fff; text-decoration: none; } .search .search-box .btnSearch { background-color: transparent; border: 0 none; margin: 0 20px 0 0; padding: 0; } .search .search-box .btnSearch::after { content: normal; padding: 0; } .search .search-box .btnSearch .fa-search { color: #fff; font-size: 50px; line-height: 50px } /* Content Areas */ .landing.capabilities .intro, .landing.industries .intro, .content-area .content-row { overflow: hidden; } .content-area join.content-row { overflow: visible; } .landing.detail .intro, .filter .intro { margin-bottom: 20px; } .filter .intro .btn { font-size: 16px; font-weight: 400; padding: 5px 20px; margin: 5px 0 0; min-width: 50%; } .content-area .content-row:last-child { margin-bottom: 0; } .content-area div.content-row:nth-of-type(odd) { padding: 0; } .content-area div.content-row:nth-of-type(even) { background-color: #e6e7e8; } .content-area div.content-row:nth-of-type(even) + join { background-color: #e6e7e8; } .content-area join.content-row { display: block; width: 100%; } .content-area .content-row.recognition, .content-area .content-row.contact-us, .content-area .content-row.register { color: #fff !important; padding: 30px 0 !important; } .content-area .content-row.contact-us { background: #cd163f; background: -moz-linear-gradient(45deg, #8d0034 0%, #cd163f 45%); background: -webkit-linear-gradient(45deg, #8d0034 0%,#cd163f 45%); background: linear-gradient(45deg, #8d0034 0%,#cd163f 45%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d0034', endColorstr='#cd163f',GradientType=1 ); } .content-area .content-row.recognition { background: #cd163f; background: -moz-linear-gradient(45deg, #f58025 0%, #cd163f 45%); background: -webkit-linear-gradient(45deg, #f58025 0%,#cd163f 45%); background: linear-gradient(45deg, #f58025 0%,#cd163f 45%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58025', endColorstr='#cd163f',GradientType=1 ); } .content-area .content-row.register { background: #cd163f; background: -moz-linear-gradient(45deg, #8d0034 0%, #cd163f 45%); background: -webkit-linear-gradient(45deg, #8d0034 0%,#cd163f 45%); background: linear-gradient(45deg, #8d0034 0%,#cd163f 45%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d0034', endColorstr='#cd163f',GradientType=1 ); } .content-area div.content-row.recognition:last-child, .content-area div.content-row.contact-us:last-child, .content-area div.content-row.register:last-child { border-bottom: 45px solid #fff; } .content-area .content-row.recognition.ftam { overflow: visible; } .content-area .content-row.recognition.ftam .dropdown .dropdown-menu { background-color: rgba(0, 0, 0, 0.85); -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); margin-left: 48px; padding: 8px; position: absolute; width: -webkit-calc(100% - 96px); width: -moz-calc(100% - 96px); width: calc(100% - 96px); z-index: 99; } .content-area .content-row.recognition.ftam .dropdown .dropdown-menu li a { color: #fff; cursor: pointer; font-size: 18px; font-weight: 400; padding: 5px 8px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); } .content-area div#GSC-section-bottom:last-child .content-row.recognition { border-bottom: 0 none; } .content-area .content-row #row-1, .content-area .content-row #row-2, .content-area .content-row #row-3, .content-area .content-row #row-4, .content-area .content-row #row-5, .content-area .content-row #row-6, .content-area .content-row #row-7, .content-area .content-row #row-8, .content-area .content-row #row-9, .content-area .content-row #row-10, .content-area .content-row #row-11, .content-area .content-row #row-12, .content-area .content-row #row-13, .content-area .content-row #row-14, .content-area .content-row #row-15, .content-area .content-row #row-16, .content-area .content-row #row-17, .content-area .content-row #row-18, .content-area .content-row #row-19, .content-area .content-row #row-20 { display: block; position: relative; top: -200px; visibility: hidden; } .content-area .content-row .row > h3 { padding: 0 15px; } .intro h3, .content-area .content-row h3 { color: #43434d; font-size: 36px; font-weight: 700; margin-top: 0; position: relative; } .intro h3 span, .content-area .content-row h3 span { text-transform: none; } .content-area .content-row.step { overflow: visible; } .content-area .content-row.step h3 { padding-left: 112px; } .content-area .content-row.step h3::before { border-radius: 112px; font-size: 108px; height: 112px; left: 0; line-height: 102px; position: absolute; text-align: center; top: -59px; width: 112px; } .content-area .content-row.step:nth-of-type(even) h3::before { background: #e6e7e8; color: #fff; } .content-area .content-row.step:nth-of-type(odd) h3::before { background: #fff; color: #6d6e71; } .content-area .content-row.step.step-1 h3::before { content: "1"; } .content-area .content-row.step.step-2 h3::before { content: "2"; } .content-area .content-row.step.step-3 h3::before { content: "3"; } .content-area .content-row.step.step-4 h3::before { content: "4"; } .content-area .content-row.rotate-text .carousel h3 { margin-top: 0; } .content-area .content-row.rotate-text .carousel .img-responsive { margin-bottom: 10px; max-height: 52px; } .content-area .content-row.rotate-text .carousel .carousel-indicators { bottom: auto; left: auto; margin: 0; padding-left: 0; position: static; text-align: left; width: auto; z-index: auto; } .content-area .content-row.rotate-text .carousel .carousel-indicators li { background-color: transparent; border: 0 none; border-radius: 0; color: #43434d; cursor: pointer; display: block; font-weight: 400; height: auto; line-height: 1.1; margin: 0 0 5px 0; padding: 5px 10px; text-indent: 0; width: auto; } .content-area .content-row.rotate-text:nth-of-type(even) .carousel .carousel-indicators li { color: #43434d; } .content-area .content-row.rotate-text .carousel .carousel-indicators li:hover { color: #cd163f; text-shadow: none; } .content-area .content-row.rotate-text .carousel .carousel-indicators li.active { background-color: #cd163f; color: #fff; cursor: default; text-shadow: none; -webkit-transform: skew(-12deg, 0deg); -moz-transform: skew(-12deg, 0deg); -ms-transform: skew(-12deg, 0deg); -o-transform: skew(-12deg, 0deg); transform: skew(-12deg, 0deg); } .content-area .content-row.rotate-text .carousel .carousel-indicators li.active:hover { color: #fff; } .content-area .content-row.rotate-text .carousel div.col-lg-7.col-md-7.col-sm-7 { padding-top: 4px; } .content-area .content-row.challenge-blocks .block-container { text-align: center; } .content-area .content-row.challenge-blocks .block-heading { background-color: #43434d; display: table; width: 100%; } .content-area .content-row.challenge-blocks .block-container:hover .block-heading { background-color: #cd163f; } .content-area .content-row.challenge-blocks .block-heading h3 { color: #fff; display: table-cell; height: 57px; text-transform: none; vertical-align: middle; width: 100%; } .content-area .content-row.challenge-blocks .block-heading h3:before { color: #43434d; content: "\f0d7"; font-family: FontAwesome; font-size: 60px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; left: 0; line-height: 60px; margin: 0 auto; position: absolute; right: 0; top: 33px; } .content-area .content-row.challenge-blocks .block-container:hover .block-heading h3:before { color: #cd163f } .content-area .content-row.challenge-blocks .block-content { background-color: #e6e7e8; display: table; padding: 20px; width: 100%; } .content-area .content-row.challenge-blocks:nth-of-type(even) .block-content, .content-area .content-row:nth-of-type(even) + join.challenge-blocks .block-content { background-color: #fff; } .content-area .content-row.challenge-blocks .block-content p { color: #333; font-weight: 400; min-height: 77px; } .content-area .content-row.challenge-blocks .block-content button { width: 100%; } .content-area .content-row.challenge-blocks .block-container:hover .block-content button { background-color: #cd163f; color: #fff; } .content-area .content-row.gallery .nbs-flexisel-container { height: 164px; margin: 0 auto; max-width: calc(100% - 100px); position: relative; } .content-area .content-row.gallery .nbs-flexisel-ul { list-style-type: none; margin: 0; overflow: auto; padding: 0; position: relative; text-align: center; width: 99999px; } .content-area .content-row.gallery .nbs-flexisel-inner { float: left; overflow: hidden; position: relative; width: 100%; } .content-area .content-row.gallery .nbs-flexisel-item { cursor: pointer; float: left; line-height: 0; margin: 0; padding: 0; position: relative; } .content-area .content-row.gallery .nbs-flexisel-item .item { padding: 0 15px; } .content-area .content-row.gallery .nbs-flexisel-item img { cursor: pointer; max-width: 100%; position: relative; } .content-area .content-row.gallery.logos .nbs-flexisel-item img { margin-top: 10px; margin-bottom: 10px; padding: 0; } .content-area .content-row.gallery.photos .nbs-flexisel-item a { margin: 0; } .content-area .content-row.gallery.photos .nbs-flexisel-item h4, .content-area .content-row.gallery.photos .nbs-flexisel-item .img-container { margin: 0; } .content-area .content-row.gallery.photos .nbs-flexisel-item .img-container img { margin: 0; padding: 0; } .content-area .content-row.gallery .nbs-flexisel-nav-left, .content-area .content-row.gallery .nbs-flexisel-nav-right { background-color: #43434d; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #fff; cursor: pointer; font-family: FontRockwell; font-size: 21px; font-weight: bold; height: 40px; padding:5px 9px; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; z-index: 4; } .content-area .content-row.gallery .nbs-flexisel-nav-left:active, .content-area .content-row.gallery .nbs-flexisel-nav-left:focus, .content-area .content-row.gallery .nbs-flexisel-nav-left:hover, .content-area .content-row.gallery .nbs-flexisel-nav-right:active, .content-area .content-row.gallery .nbs-flexisel-nav-right:focus, .content-area .content-row.gallery .nbs-flexisel-nav-right:hover { background-color: #bb2322; } .content-area .content-row.gallery .nbs-flexisel-nav-left { left: -50px; } .content-area .content-row.gallery .nbs-flexisel-nav-left:before { content: "\f104"; } .content-area .content-row.gallery .nbs-flexisel-nav-left.disabled { opacity: 0; } .content-area .content-row.gallery .nbs-flexisel-nav-right { right: -50px; } .content-area .content-row.gallery .nbs-flexisel-nav-right:before { content: "\f105"; } .content-area .content-row.gallery .nbs-flexisel-nav-right.disabled { opacity: 0; } .content-area .content-row.gallery.speakers .item { text-align: center; } .content-area .content-row.gallery.speakers .item .img-responsive { background-color: #43434d; border: 6px solid #43434d; border-radius: 200px; margin: 0 auto; min-width: 100%; } .content-area .content-row.gallery.speakers .item a:hover .img-responsive { background-color: #cd163f; border: 6px solid #cd163f; } .content-area .content-row.gallery.speakers .item h4 { color: #43434d; margin: 15px 0 5px; } .content-area .content-row.gallery.speakers:nth-of-type(even) .item h4, .content-area .content-row.gallery.speakers:nth-of-type(even) .item h4, .content-area div.content-row:nth-of-type(even) + join.content-row.gallery.speakers .item h4 { color: #fff; } .content-area .content-row.gallery.speakers .item h5 .title, .content-area .content-row.gallery.speakers .item h5 .company { color: #6d6e71; } .content-area .content-row.gallery.speakers .item a:hover, .content-area .content-row.gallery.speakers .item a:hover h4, .content-area .content-row.gallery.speakers .item a:hover h5 .title, .content-area .content-row.gallery.speakers .item a:hover h5 .company { color: #cd163f; text-decoration: none; } .content-area .content-row.recognition h3, .content-area .content-row.contact-us h3, .content-area .content-row.register h3 { color: #fff; } .intro .callout h4 { color: #43434d; font-size: 20px; font-weight: 700; margin: 0; } .content-area .content-row h4 { color: #43434d; font-size: 20px; font-weight: 700; margin: 0 0 10px; } .content-area div.content-row:nth-of-type(even) h4, .content-area join.content-row:nth-of-type(even) h4, .content-area div.content-row:nth-of-type(even) + join.content-row h4 { color: #43434d; } .help .content-area .content-row.content-1col h4 { margin-top: 30px; } .content-area div.content-row:nth-of-type(even) + join.content-row + div.content-row + join.content-row h4 { color: #6d6e71; text-shadow: none; } .content-area div.content-row:nth-of-type(even) + join.content-row + div.content-row + join.content-row .img-container .block-img h4 { color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .content-area .content-row button, .intro .callout button { border-color: #cd163f; color: #cd163f; font-size: 20px; font-weight: 400; padding: 2px 30px; white-space: normal; word-wrap: normal; } .content-area .content-row button:active, .content-area .content-row button:focus, .content-area .content-row button:hover, .content-area .content-row button.valid, .intro .callout button:active, .intro .callout button:focus, .intro .callout button:hover, .intro .callout button.valid { background-color: #cd163f; color: #fff; } .content-area .content-row button.disabled, .intro .callout button.disabled{ border-color: #43434d; color: #43434d; cursor: default; pointer-events: none; } .content-area .content-row div.quote > p:first-child::before { color: #6d6e71; content: "\f10d"; cursor: default; float: left; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-right: 10px; } .content-area .content-row:nth-of-type(even) div.quote > p:first-child::before { color: #fff; } .content-area .content-row div.quote > p:nth-last-child(2)::after { content: "\201D"; cursor: default; } .content-area .content-row div.quote > p.attribution { font-style: italic; text-align: right; } .content-area .content-row div.quote > p.attribution:before { content: "\2013"; cursor: default; margin-right: 3px; } .content-area .content-row.contact-us .row > div:first-child, .content-area .content-row.register .row > div:first-child { text-align: center; } .content-area .content-row.contact-us .fa, .content-area .content-row.register .fa { cursor: default; position: absolute; } .content-area .content-row.register .img-responsive { min-width: 100%; } .content-area .content-row.contact-us:nth-child(odd) .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row + .content-row + .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row + .content-row + .content-row + .content-row + .content-row.contact-us .fa::before, .content-area .content-row.register:nth-child(odd) .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row.register .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row + .content-row + .content-row.register .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row + .content-row + .content-row + .content-row + .content-row.register .fa::before { color: #e6e7e8; } .content-area div.content-row:nth-of-type(odd) + join + .content-row + .content-row + .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(odd) + join + .content-row + .content-row + .content-row + .content-row + .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(odd) + join + .content-row + .content-row + .content-row.register .fa::before, .content-area div.content-row:nth-of-type(odd) + join + .content-row + .content-row + .content-row + .content-row + .content-row.register .fa::before { color: #fff; } .content-area join.content-row + .content-row.contact-us .fa::before, .content-area join.content-row + .content-row.register .fa::before { color: #fff; } .content-area .content-row.content-callout .callout .col-lg-4.col-md-4.col-sm-5 { text-align: center; } .intro .callout .col-lg-4.col-md-4.col-sm-4 { margin-bottom: 35px; text-align: center; } .content-area .content-row.content-callout .callout .col-lg-4.col-md-4.col-sm-5 .img-responsive { height: 52px; margin: 6px auto 10px; max-width: 297px; } .intro .callout .col-lg-4.col-md-4.col-sm-4 .img-responsive { margin: 6px auto 10px; } .content-area .content-row.content-callout .callout .col-lg-4.col-md-4.col-sm-5 ul { list-style-position: inside; padding-left: 0; } .content-area .content-row.content-1col .infographic { margin: 20px auto 0; max-height: 400px; } .content-area .content-row.content-2col ul { padding-left: 20px; } .content-area .content-row.content-2col ul.col2:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .content-area .content-row.content-2col ul.col2 li { float: left; padding-right: 40px; width: 50%; } .content-area .content-row.content-2col ul.col2 li:nth-child(2n+1) { clear: left; } .content-area .content-row.social-feed .content-blocks div:last-child .row { margin-bottom: 20px; } .content-area .content-row.social-feed .content-blocks div:last-child .row:last-child { margin-bottom: 0; } .content-area .content-row.social-feed .content-blocks div:last-child .row p { margin-bottom: 0; } .overview .block, .overview .promo { margin-bottom: 30px; overflow: hidden; } .overview .promo .row { background: transparent; border: 8px solid #d2d2d2; margin: 0; overflow: hidden; position: relative; } .overview .promo .row div.col-lg-12 { text-align: center; } .overview .promo .row div i { color: #d2d2d2; font-size: 260px; opacity: 0.4; position: absolute; top: 0; z-index: 1; } .overview .promo .row div i.fa-comments-o { margin-top: -7px; } .overview .promo .row div h3 { color: #333; font-size: 32px; font-weight: 700; margin-top: 0; position: relative; text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); z-index: 2; } .overview .promo .row div p { color: #333; position: relative; text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); z-index: 2; } .overview .promo .row div .cta a { background-color: #cd163f; border-color: #cd163f; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1.42857; margin-bottom: 5px; padding: 6px 12px; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; z-index: 2; } .overview .promo .row div .cta a:hover { background-color: #cd163f; border-color: #cd163f; color: #fff; text-decoration: none; } .overview .img-container .block-img, .landing .intro .img-container .block-img, .filter .intro .img-container .block-img, .landing .content-area .content-row.action-blocks .img-container .block-img, .content-area .content-row.content-callout .img-container .block-img, .content-area .content-row.content-2col .img-container .block-img, .content-area .content-row.content-3col .img-container .block-img { border-bottom-width: 8px; } .overview .img-container .block-img:before, .landing .intro .img-container .block-img:before, .filter .intro .img-container .block-img:before, .landing .content-area .content-row.action-blocks .img-container .block-img:before, .content-area .content-row.content-callout .img-container .block-img:before, .content-area .content-row.content-2col .img-container .block-img:before, .content-area .content-row.content-3col .img-container .block-img:before { -webkit-box-shadow: inset 0 -80px 80px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: inset 0 -80px 80px 5px rgba(0, 0, 0, 0.65); box-shadow: inset 0 -80px 80px 5px rgba(0, 0, 0, 0.65); } .overview .img-container .block-img h4, .landing .intro .img-container .block-img h4, .filter .intro .img-container .block-img h4, .content-area .content-row.content-callout .img-container .block-img h4, .content-area .content-row.content-2col .img-container .block-img h4, .content-area .content-row.content-3col .img-container .block-img h4, .intro .block-img h4 { bottom: 0; color: #fff; font-size: 22px; font-weight: 400; margin: 5px 0; padding: 0 65px 0 15px; position: absolute; text-shadow: 0 0 10px rgba(0, 0, 0, 0.25); text-transform: none; width: 100%; } .overview .img-container .block-img h4 { padding: 0 15px 0 15px; } .overview .img-container .content-label:before, .landing .intro .img-container .content-label:before, .filter .intro .img-container .content-label:before, .landing .content-area .content-row.action-blocks .img-container .content-label:before, .content-area .content-row.content-callout .img-container .content-label:before, .content-area .content-row.content-2col .img-container .content-label:before, .content-area .content-row.content-3col .img-container .content-label:before { bottom: 6px; font-size: 26px; height: 37px; line-height: 38px; width: 50px; } .overview .img-container.static .block-img, .landing .intro .img-container.static .block-img, .filter .intro .img-container.static .block-img, .landing .content-area .content-row.action-blocks .img-container.static .block-img, .content-area .content-row.content-callout .img-container.static .block-img, .content-area .content-row.content-2col .img-container.static .block-img, .content-area .content-row.content-3col .img-container.static .block-img { border-bottom-width: 0px; } .overview .img-container.static p.caption, .landing .intro .img-container.static p.caption, .filter .intro .img-container.static p.caption, .landing .content-area .content-row.action-blocks .img-container.static p.caption, .content-area .content-row.content-callout .img-container.static p.caption, .content-area .content-row.content-2col .img-container.static p.caption, .content-area .content-row.content-3col .img-container.static p.caption { border-bottom: 1px solid #e6e7e8; color: #333; font-size: 12px; padding: 5px; } .overview .content-area .content-row.action-blocks:nth-of-type(even) .img-container.static p.caption, .content-area .content-row.content-callout:nth-of-type(even) .img-container.static p.caption, .content-area .content-row.content-2col:nth-of-type(even) .img-container.static p.caption, .content-area .content-row.content-3col:nth-of-type(even) .img-container.static p.caption { border-color: #fff; } .content-area .content-row.content-callout div.quote > p:first-child:before { font-size: 36px; line-height: 36px; padding-top: 3px; } .content-area .content-row.content-3col .col-lg-12.col-md-12.col-sm-12 p { margin-bottom: 15px; } .content-area .content-row.content-3col .callout { text-align: center; } .content-area .content-row.content-3col .callout .img-responsive { margin: 6px auto 10px; max-height: 52px; } .content-area .content-row.content-3col .col-sm-4 + .col-sm-12 a, .content-area .content-row.gallery .col-sm-12 a { display: block; margin-top: 30px; text-align: center; width: 100%; } .content-area .content-row.content-3col .col-sm-4 + .col-sm-12 a button, .content-area .content-row.gallery .col-sm-12 a button { width: 85%; } .content-area .content-row.recognition .row > div:nth-child(2), .content-area .content-row.recognition .row > div.col-lg-12.col-md-12.col-sm-12 { text-align: center; } .content-area .content-row.recognition img { border: 8px solid #fff; } .content-area .content-row.recognition h3 { margin-top: 10px; text-transform: none; } .content-area .content-row.recognition p { font-size: 18px; font-style: italic; } .content-area .content-row.contact-us button, .content-area .content-row.recognition button, .content-area .content-row.register button { border-color: #fff; color: #fff; } .content-area .content-row.contact-us button:hover, .content-area .content-row.recognition button:hover, .content-area .content-row.register button:hover, .content-area .content-row.recognition .open button { background-color: #fff; color: #cd163f; } .content-area div.content-row.content-cta { background-color: #fff; text-align: right; } .content-area div.content-row.content-cta .alt-cta button { background-color: #e6e7e8; border: 2px solid #e6e7e8; color: #6F6D6D; font-size: 18px; } .content-area div.content-row.content-cta .alt-cta button::after { content: ""; } .content-area div.content-row.related h4, .content-area join.content-row.related h4, .content-area div.content-row.gallery.photos h4, .content-area join.content-row.gallery.photos h4 { font-family: Barlow Condensed, sans-serif; font-weight: 400; margin: 5px 0; text-shadow: none; } .content-area .content-row.testimonial div.quote > p:first-child:before { font-size: 55px; line-height: 55px; padding-top: 2px; } /* Products Landing */ .landing.products .features h2 { color: #6d6e71; font-size: 30px; font-weight: 700; margin-top: 0; text-transform: uppercase; } .landing.products .features .intro p { margin-bottom: 15px; } .landing.products .features .row:last-child { margin-bottom: 30px; } .landing.products .features .feature-row > div p { margin-bottom: 15px; } .landing.products .features .feature-row .link { float: left; margin-bottom: 10px; width: 50%; } .landing.products .features .feature-row .link:nth-child(2n) { padding-left: 10px; } .landing.products .features .feature-row .link:nth-child(2n+1) { clear: left; padding-right: 10px; } .landing.products .features .feature-row .link a { padding-right: 20px; } .landing.products .feature-row p:last-child a:after { content: "\f105"; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding-left: 5px; position: absolute; text-decoration: none; } .landing.products .feature-row p:last-child a:hover::after { text-decoration: none; } .landing.products .features .feature-row hr, .landing.products .features .content-blocks hr { border-top: 1px solid #43434d; margin: 20px 0 30px; } /* Vidyard */ .vidyard_tmask { z-index: 8800 !important; } .vidyard_tbox { z-index: 9900 !important; } /* Product Detail */ .product-detail .breadcrumb { margin: 20px 0 0; } .product-detail .content-area { padding: 20px 0 45px; } .product-detail svg.heading-logo { height: 32px; width: 141px; } .product-detail.ds svg.heading-logo { height: 40px; width: 143.1px; } .product-detail.os svg.heading-logo { height: 40px; width: 168.9px; } .product-detail.ms svg.heading-logo { height: 40px; width: 194.4px; } .product-detail.is svg.heading-logo { height: 40px; width: 164.8px; } .product-detail h1 { color: #43434d; font-size: 40px; margin: -5px 0 30px; text-transform: uppercase; } .product-detail h3 { color: #43434d; display: block; font-size: 36px; font-weight: 700; margin: 20px 0; text-transform: uppercase; } .product-detail .content-area .content-row { overflow: visible; } .product-detail .content-area .product-gallery { align-items: flex-start; display: flex; justify-content: flex-start; margin-bottom: 40px; } .product-detail .content-area .product-gallery .nav-images { margin-right: 30px; } .product-detail .content-area .product-gallery .nav-images ul { padding: 0; list-style: none; } .product-detail .content-area .product-gallery .nav-images ul li { border: 2px solid #e6e7e8; cursor: pointer; margin-bottom: 10px; padding: 5px; position: relative; width: 75px; } .product-detail .content-area .product-gallery .nav-images ul li.active { border: 2px solid #cd163f; -webkit-box-shadow: 0 0 5px rgba(205, 22, 63, 0.75); -moz-box-shadow: 0 0 5px rgba(205, 22, 63, 0.75); box-shadow: 0 0 5px rgba(205, 22, 63, 0.75); cursor: default; } .product-detail .content-area .product-gallery .nav-images ul li:active, .product-detail .content-area .product-gallery .nav-images ul li:focus, .product-detail .content-area .product-gallery .nav-images ul li:hover { -webkit-box-shadow: 0 0 5px rgba(205, 22, 63, 0.75); -moz-box-shadow: 0 0 5px rgba(205, 22, 63, 0.75); box-shadow: 0 0 5px rgba(205, 22, 63, 0.75); } .ds.product-detail .content-area .product-gallery .nav-images ul li.active { border-color: #003e7e; -webkit-box-shadow: 0 0 5px rgba(0, 62, 126, 0.75); -moz-box-shadow: 0 0 5px rgba(0, 62, 126, 0.75); box-shadow: 0 0 5px rgba(0, 62, 126, 0.75); } .ds.product-detail .content-area .product-gallery .nav-images ul li:active, .ds.product-detail .content-area .product-gallery .nav-images ul li:focus, .ds.product-detail .content-area .product-gallery .nav-images ul li:hover { -webkit-box-shadow: 0 0 5px rgba(0, 62, 126, 0.75); -moz-box-shadow: 0 0 5px rgba(0, 62, 126, 0.75); box-shadow: 0 0 5px rgba(0, 62, 126, 0.75); } .os.product-detail .content-area .product-gallery .nav-images ul li.active { border-color: #f58025; -webkit-box-shadow: 0 0 5px rgba(245, 128, 37, 0.75); -moz-box-shadow: 0 0 5px rgba(245, 128, 37, 0.75); box-shadow: 0 0 5px rgba(245, 128, 37, 0.75); } .os.product-detail .content-area .product-gallery .nav-images ul li:active, .os.product-detail .content-area .product-gallery .nav-images ul li:focus, .os.product-detail .content-area .product-gallery .nav-images ul li:hover { -webkit-box-shadow: 0 0 5px rgba(245, 128, 37, 0.75); -moz-box-shadow: 0 0 5px rgba(245, 128, 37, 0.75); box-shadow: 0 0 5px rgba(245, 128, 37, 0.75); } .ms.product-detail .content-area .product-gallery .nav-images ul li.active { border-color: #770056; -webkit-box-shadow: 0 0 5px rgba(119, 0, 86, 0.75); -moz-box-shadow: 0 0 5px rgba(119, 0, 86, 0.75); box-shadow: 0 0 5px rgba(119, 0, 86, 0.75); } .ms.product-detail .content-area .product-gallery .nav-images ul li:active, .ms.product-detail .content-area .product-gallery .nav-images ul li:focus, .ms.product-detail .content-area .product-gallery .nav-images ul li:hover { -webkit-box-shadow: 0 0 5px rgba(119, 0, 86, 0.75); -moz-box-shadow: 0 0 5px rgba(119, 0, 86, 0.75); box-shadow: 0 0 5px rgba(119, 0, 86, 0.75); } .is.product-detail .content-area .product-gallery .nav-images ul li.active { border-color: #77c14c; -webkit-box-shadow: 0 0 5px rgba(119, 193, 76, 0.75); -moz-box-shadow: 0 0 5px rgba(119, 193, 76, 0.75); box-shadow: 0 0 5px rgba(119, 193, 76, 0.75); } .is.product-detail .content-area .product-gallery .nav-images ul li:active, .is.product-detail .content-area .product-gallery .nav-images ul li:focus, .is.product-detail .content-area .product-gallery .nav-images ul li:hover { -webkit-box-shadow: 0 0 5px rgba(119, 193, 76, 0.75); -moz-box-shadow: 0 0 5px rgba(119, 193, 76, 0.75); box-shadow: 0 0 5px rgba(119, 193, 76, 0.75); } .product-detail .content-area .product-gallery .nav-images ul li svg { fill: #fff; -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.75)); filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.75)); left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; } .product-detail .content-area .product-gallery .main-image { display: block; width: 100%; } .product-detail .content-area .product-gallery .main-image img { height: auto; max-width: 100%; } .product-detail .content-area .product-description { margin: 20px 0 40px; } .product-detail .content-area .product-description .description-text.short { max-height: 160px; overflow: hidden; } .product-detail .content-area .product-description .description-text.full { height: auto; } .product-detail .content-area .product-description .description-text.short .cover { background-image: url("https://www.rockwellautomation.com/resources/images/rockwellautomation/text-cover.png"); background-position: center bottom; background-repeat: repeat-x; background-size: 100px 100px; bottom: 0; height: 100px; left: 0; position: absolute; width: 100%; } .product-detail .content-area .product-description .description-text .show-more, .product-detail .content-area .product-description .description-text .show-less { bottom: 0; color: #cd163f; cursor: pointer; display: block; left: 0; position: absolute; text-align: center; width: 100%; } .product-detail .content-area .product-description .description-text .show-more:hover, .product-detail .content-area .product-description .description-text .show-less:hover { text-decoration: underline; } .product-detail .content-area .product-description .description-text .show-less { bottom: -45px; } .product-detail .content-area .btn-default { color: #fff; font-size: 20px; font-weight: 400; line-height: 20px; padding: 8px 7px 7px 15px; width: 100%; } .product-detail .content-area .primary-cta .btn-default { background-color: #cd163f; border: 2px solid #cd163f; margin-bottom: 10px; } .product-detail .content-area .secondary-cta .btn-default { background-color: #6f6d6d; border: 2px solid #6f6d6d; margin-bottom: 30px; } .product-detail .content-area .primary-cta .btn-default.btn::after, .product-detail .content-area .secondary-cta .btn-default.btn::after { content: ""; } .product-detail .content-area .primary-cta .btn-default:active, .product-detail .content-area .secondary-cta .btn-default:active, .product-detail .content-area .primary-cta .btn-default:focus, .product-detail .content-area .secondary-cta .btn-default:focus, .product-detail .content-area .primary-cta .btn-default:hover, .product-detail .content-area .secondary-cta .btn-default:hover { background-color: #fff; border-color: #cd163f; color: #cd163f; text-decoration: none; } .product-detail .content-area .demo-cta { margin-bottom: 10px; } .product-detail .content-area .demo-cta a, .product-detail .content-area .downloads ul a { align-items: flex-start; display: flex; font-size: 16px; } .product-detail .content-area .demo-cta a { justify-content: center; } .product-detail .content-area .downloads ul a { justify-content: flex-start; } .product-detail .content-area .demo-cta a svg, .product-detail .content-area .downloads a svg { fill: #cd163f; height: 20px; margin-right: 8px; padding-top: 3px; width: 20px; } .product-detail .content-area .downloads .view-all-link { text-align: center; } .product-detail .content-area .downloads .view-all-link a { border: 1px solid #6f6d6d; color: #6f6d6d; display: inline-block; padding: 5px 10px; text-decoration: none; } .product-detail .content-area .downloads .view-all-link a:active, .product-detail .content-area .downloads .view-all-link a:focus, .product-detail .content-area .downloads .view-all-link a:hover { border-color: #cd163f; color: #cd163f; } .product-detail .content-area .downloads { border-bottom: 1px solid #e6e7e8; border-top: 1px solid #e6e7e8; margin: 30px 0; padding: 20px 0; } .product-detail .content-area .downloads h3 { margin: 0; } .product-detail .content-area .downloads ul { list-style: none; margin-bottom: 20px; padding: 0; } .product-detail .content-area .downloads ul li { padding-top: 20px; } .product-detail .content-area div.content-row { background-color: transparent; } .product-detail .content-area div.content-row.tab-bar { border-bottom: 1px solid #e6e7e8; margin-bottom: 90px; padding: 0; } .product-detail .content-area div.content-row.tab-bar ul { list-style: none; padding: 0; } .product-detail .content-area div.content-row.tab-bar ul li { float: left; padding: 0 0 12px; } .product-detail .content-area div.content-row.tab-bar ul li a { color: #43434d; font-size: 16px; font-weight: 700; line-height: 16px; padding: 0 20px 11px; } .product-detail .content-area div.content-row.tab-bar ul li a:active, .product-detail .content-area div.content-row.tab-bar ul li a:focus, .product-detail .content-area div.content-row.tab-bar ul li a:hover { border-bottom: 2px solid #cd163f; color: #cd163f; text-decoration: none; } .product-detail .content-row { margin-bottom: 45px; } .product-detail .features h3 { margin-bottom: 59px; } .product-detail .features .whats-new .version-group p { border-left: 9px dotted #43434d; margin-bottom: 0; padding: 0 0 15px 75px; } .product-detail .features .whats-new .version-group ul { border-left: 9px dotted #43434d; padding: 0 0 45px 90px; } .ds.product-detail .features .whats-new .version-group p, .ds.product-detail .features .whats-new .version-group ul { border-left-color: #003e7e; } .os.product-detail .features .whats-new .version-group p, .os.product-detail .features .whats-new .version-group ul { border-left-color: #f58025; } .ms.product-detail .features .whats-new .version-group p, .ms.product-detail .features .whats-new .version-group ul { border-left-color: #770056; } .is.product-detail .features .whats-new .version-group p, .is.product-detail .features .whats-new .version-group ul { border-left-color: #77c14c; } .product-detail .features .whats-new .version-group:nth-child(3) ul { border-left: 9px dotted #fff; } .product-detail .features .whats-new .version-group:last-child ul { margin-bottom: 0; padding-bottom: 0; } .product-detail .features .whats-new .version-group li ~ ul, .product-detail .features .whats-new .version-group li > ul { border-left: 0 none; list-style: disc; padding: 0 0 0 40px; } .product-detail .features .whats-new .version-group li ~ ul li { margin-top: -15px; } .product-detail .features .whats-new .version-group .version-number { background-color: #6f6d6d; border-radius: 95px; -webkit-box-shadow: 0 0 0 15px #fff; -moz-box-shadow: 0 0 0 15px #fff; box-shadow: 0 0 0 15px #fff; color: #fff; font-size: 12px; height: 95px; left: -28px; padding: 25px 12px; position: absolute; text-align: center; top: -35px; width: 95px; } .product-detail .features .whats-new .version-group .version-number .vnum { display: block; } .product-detail .features .whats-new .version-group .version-number .vnum svg { fill: #fff; font-size: 20px; font-weight: 600; height: 40px; margin-top: -5px; overflow: visible; paint-order: stroke; stroke: #6f6d6d; stroke-width: 3; } .product-detail .features .benefits ul { padding: 0; } .product-detail .features .benefits ul li { list-style: none; } .product-detail .features .benefits ul li.benefit-head { font-weight: bold; } .product-detail .features .benefits h4 { color: #000; margin-bottom: 0; } .product-detail .features .whats-new ul li, .product-detail .features .benefits ul li.benefit-desc, .product-detail .features .benefits h4 + p { margin-bottom: 15px; } .product-detail .resources .documentation-row { border: 1px solid #e6e7e8; margin-bottom: 15px; padding: 15px 24px; } .product-detail .resources .documentation-row .row:last-child { align-items: center; display: flex; } .product-detail .resources .documentation-row .title { margin-bottom: 5px; } .product-detail .resources .documentation-row .pub-number, .product-detail .resources .documentation-row .type { color: #43434d; font-size: 14px; } .product-detail .resources .documentation-row .pub-number span, .product-detail .resources .documentation-row .type span { padding: 5px 0; } .product-detail .resources .documentation-row .type span { align-items: center; display: flex; } .product-detail .resources .documentation-row .type svg { fill: #43434d; height: 18px; margin-right: 8px; width: 18px; } .product-detail .resources .documentation-row .lang-select button { border-bottom: 1px solid #e6e7e8; border-left: 0 none; border-right: 0 none; border-top: 0 none; color: #cd163f; display: block; font-size: 14px; margin-left: auto; padding: 5px 10px; } .product-detail .resources .documentation-row .lang-select a.single-item { float: right; font-size: 14px; padding: 5px 10px; } .product-detail .resources .documentation-row .lang-select button:active, .product-detail .resources .documentation-row .lang-select button:focus, .product-detail .resources .documentation-row .lang-select button:hover { background-color: #cd163f; color: #fff; text-decoration: none; } .product-detail .resources .documentation-row .lang-select button::after { content: ""; display: none; } .product-detail .resources .documentation-row .lang-select button svg { fill: #43434d; height: 10px; margin-left: 8px; width: 10px; } .product-detail .resources .documentation-row .lang-select button:active svg, .product-detail .resources .documentation-row .lang-select button:focus svg, .product-detail .resources .documentation-row .lang-select button:hover svg { fill: #fff; } .product-detail .resources .documentation-row .lang-select .dropdown-menu { left: auto; padding: 2px 2px; right: -1px; text-align: left; top: -1px; } .product-detail .resources .documentation-row .lang-select .dropdown-menu .dropdown-item { padding: 3px 30px 3px 8px; } .product-detail .resources .callout { text-align: center; } .product-detail .resources .callout .callout-icon { margin-bottom: 15px; } .product-detail .resources .callout .callout-icon svg { fill: #cd163f; height: 40px; width: 40px; } .product-detail .resources .callout .callout-heading { color: #cd163f; font-size: 14px; font-weight: 700; line-height: 1.57; margin-bottom: 2px; } .product-detail .resources .callout .callout-copy { font-size: 12px; font-weight: 400; margin-bottom: 16px; } .product-detail .ordering .action-group { display: flex; flex-direction: row; } .product-detail .ordering .action-group a { flex: 1; margin: 0 70px; text-decoration: none; } .product-detail .ordering .action-group .block-container { border-bottom: 2px solid #cd163f; color: #000; margin: 40px 0; text-align: center; } .product-detail .ordering .action-group .block-container svg { fill: #43434d; height: 60px; width: 60px; } .product-detail .ordering .action-group .block-container button { background: transparent; border: 0 none; border-radius: 0; color: #cd163f; margin-top: 40px; padding-bottom: 24px; width: 100%; } .product-detail .ordering .action-group .block-container button::after { content: normal; padding: 0; } .product-detail .ordering .action-group a .block-container h4 { color: #43434d; font-size: 26px; margin: 20px 0 10px; } .product-detail .ordering .action-group a:hover .block-container h4, .product-detail .ordering .action-group a:active .block-container h4, .product-detail .ordering .action-group a:focus .block-container h4 { color: #cd163f; } .product-detail .ordering .action-group a:hover .block-container svg, .product-detail .ordering .action-group a:active .block-container svg, .product-detail .ordering .action-group a:focus .block-container svg { fill: #cd163f; } .product-detail .ordering .action-group a:hover .block-container button, .product-detail .ordering .action-group a:active .block-container button, .product-detail .ordering .action-group a:focus .block-container button { background-color: transparent; } .product-detail .ordering .action-group .block-container button { box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; font-size: 18px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; vertical-align: middle; } .product-detail .ordering .action-group a:hover .block-container button, .product-detail .ordering .action-group a:focus .block-container button, .product-detail .ordering .action-group a:active .block-container button { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Gated Forms */ .gcdc-gate div.gcdc-content-render > div.gcdc-content-intro h3, .gcdc-gate form.gcdc-form-render > div.gcdc-form-intro h3, .gcdc-gate form.gcdc-form-render .gcdc-form-group.gcdc-form-group-submit input.gcdc-form-button, .gcdc-gate div.gcdc-content-render > div.gcdc-content-download-link p a { font-weight: normal !important; } #modalGate h4.modal-title { color: #43434d; font-size: 20px; font-weight: 700; line-height: 1.1; } #modalGate .modal-header .close { color: #6d6e71; font-size: 16px; line-height: 1.6; opacity: 1.0; } #modalGate .modal-header .close:hover { color: #cd163f; } #modalGate .modal-body .form-text p { margin: 0 0 20px; } #modalGate .modal-body .contact-located { background-color: #e6e7e8; margin-bottom: 15px; padding: 15px; } #modalGate .modal-body .contact-located:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #modalGate .modal-body .contact-located .contact-intro { float: left; padding-right: 15px; } #modalGate .modal-body .contact-located .social-intro { display: block; } #modalGate .modal-body .contact-located .not-contact { float: left; text-align: right; } #modalGate .modal-body .contact-located .fb-autofill, #modalGate .modal-body .contact-located .in-autofill { float: left; margin: 8px 10px 0 0; } #modalGate .modal-body .contact-located .fb-autofill .btn { border-color: #3c5b9a; color: #3c5b9a; padding: 6px 10px 6px 7px; } #modalGate .modal-body .contact-located .fb-autofill .btn:hover { background-color: #3c5b9a; color: #fff; } #modalGate .modal-body .contact-located .fb-autofill .btn .fa-facebook-square { margin-right: 5px; } #modalGate .modal-body .contact-located .in-autofill .btn { border-color: #007bb6; color: #007bb6; padding: 6px 10px 6px 7px; } #modalGate .modal-body .contact-located .in-autofill .btn:hover { background-color: #007bb6; color: #fff; } #modalGate .modal-body .contact-located .in-autofill .btn .fa-linkedin-square { margin-right: 5px; } #modalGate .modal-body .contact-located .not-contact .btn:after, #modalGate .modal-body .contact-located .fb-autofill .btn:after, #modalGate .modal-body .contact-located .in-autofill .btn:after { display: none; } #modalGate .modal-body .contact-located .not-contact .btn span { font-size: 13px; white-space: normal; } #modalGate .modal-body .contact-located p { margin-bottom: 0; } #modalGate .modal-body .form-middle { margin-bottom: 8px; } #modalGate .modal-body .form-middle .form-field { padding: 8px 0; } #modalGate .modal-body .form-middle .form-field:hover { background-color: #e6e7e8; } #modalGate .modal-body .form-middle .form-field input:valid + .icon-valid::before { color: #4cd964; content: "\f05d"; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 18px; position: absolute; right: 28px; top: 5px; } #modalGate .modal-body .form-middle .form-field label { color: #43434d; font-weight: normal; margin: 0; } #modalGate .modal-body .form-middle .form-field input { border: 2px solid #e6e7e8; padding: 5px 34px 5px 8px; width: 100%; } #modalGate .modal-body .form-middle .form-field .select-container { background-color: #fff; background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/search-arrow@2x.png"); background-position: 96% 50%; background-repeat: no-repeat; background-size: 9px 5px; border: 2px solid #e6e7e8; float: left; height: 34px; overflow: hidden; width: 100%; } #modalGate .modal-body .form-middle .form-field .select-container select { background-color: transparent; border: 0; cursor: pointer; padding: 5px 8px; width: 104%; -webkit-appearance: none; } #modalGate .modal-body .form-middle .form-field.region-area .region-trigger-container { display: block; padding: 7px 0 0; } #modalGate .modal-body .form-middle .form-field.region-area .selected-region:before { color: #cd163f; content: "\f0ac"; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-right: 8px; } #modalGate .modal-body .form-submit .btn, #modalGate .modal-body .download .btn { font-weight: 700; width: 100%; } .publication .gcdc-gate form.gcdc-form-render > div.gcdc-form-intro { padding: 0 !important; } .publication .gcdc-gate form.gcdc-form-render > div.gcdc-form-intro h3 { border: 0 none; color: #333 !important; font-size: 18px !important; font-weight: 700; margin: 30px 0 10px 0; padding: 0; } .publication .gcdc-gate form.gcdc-form-render .gcdc-form-group { padding: 8px 0; } .publication .gcdc-gate form.gcdc-form-render div.gcdc-form-footer { padding: 0 !important; } .publication .gcdc-gate form.gcdc-form-render .gcdc-form-group.gcdc-form-group-submit { margin: 20px 0 5px; padding: 0; } .publication .gcdc-gate form.gcdc-form-render .gcdc-form-group.gcdc-form-group-submit input.gcdc-form-button, .publication .gcdc-gate form.gcdc-form-render > div.gcdc-form-intro div.gcdc-prepop-message a, .gcdc-block-button, .gcdc-gate form.gcdc-form-render > div.gcdc-form-intro div.gcdc-social-prepop-options a { font-family: Barlow, sans-serif !important; font-weight: 700; line-height: 1.42857143 !important; padding: 6px 12px 5px 12px !important; } .gcdc-gate form.gcdc-form-render > div.gcdc-form-intro div.gcdc-prepop-message a { font-weight: normal !important; line-height: 1.42857143 !important; padding: 6px 12px 5px 12px !important; } .widget-container.gate .gcdc-gate .gcdc-form-render, .widget-container.gate .gcdc-gate .gcdc-content-render { background-color: transparent; } .widget-container.gate .gcdc-gate form.gcdc-form-render > div.gcdc-form-intro { padding: 0 !important; } .widget-container.gate .gcdc-gate form.gcdc-form-render > div.gcdc-form-intro:hover { background-color: transparent; } .widget-container.gate .gcdc-gate form.gcdc-form-render > div.gcdc-form-intro h3 { border-bottom: 0 none; color: #cd163f !important; font-size: 22px !important; font-weight: 700; margin: 0 0 15px; padding: 0; text-transform: uppercase; } .widget-container.gate .gcdc-gate form.gcdc-form-render .gcdc-form-group { padding: 0 0 15px; } .widget-container.gate .gcdc-gate form.gcdc-form-render .gcdc-form-group label.gcdc-form-label { width: 100%; } .widget-container.gate .gcdc-gate form.gcdc-form-render .gcdc-form-group .gcdc-form-field-wrapper { float: left; width: 100%; } .widget-container.gate .gcdc-gate form.gcdc-form-render .gcdc-form-group.gcdc-form-group-submit:hover { background-color: transparent; } .widget-container.gate .gcdc-gate form.gcdc-form-render .gcdc-form-group.gcdc-form-group-submit input.gcdc-form-button { background-color: transparent; font-size: 14px; font-weight: 700; } .widget-container.gate .gcdc-gate form.gcdc-form-render .gcdc-form-group.gcdc-form-group-submit input.gcdc-form-button:hover { background-color: #cd163f; color: #fff; } .widget-container.gate .gcdc-gate form.gcdc-form-render div.gcdc-form-footer { padding: 5px 0 0 !important; } /* Publication */ .publication h1 { font-size: 40px; font-weight: 700; margin-top: 0; } .publication h2 { font-size: 18px; font-weight: 700; } .publication h3 { font-size: 24px; font-weight: 700; } .publication h4 { font-weight: 700; margin-top: 30px; } .publication h5 { color: #6d6e71; font-size: 16px; font-weight: 700; margin-top: 30px; } .publication p, .publication ul, .publication ol, .publication div { font-size: 16px; } .publication ul, .publication ol { overflow: hidden; } .publication img.infographic { margin: 20px auto; } .publication #cta { margin: 30px 0; text-align: center; } .publication #cta::before { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .publication #cta a { border: 3px solid #cd163f; display: block; padding: 5px; text-decoration: none; width: 100%; } .publication #cta a:hover { background-color: #cd163f; color: #fff; } .publication .share { margin: 20px 0; } .publication .event-callout { align-items: stretch; display: flex; margin-bottom: 20px; } .publication .event-callout h4 { font-weight: 700; margin: 0; text-transform: uppercase; } .publication .event-callout .type h4 { font-family: Barlow Condensed, sans-serif; font-size: 14px; font-weight: 400; } .publication .event-callout .type { background-color: #43434d; color: #fff; display: flex; flex-direction: column; font-size: 20px; font-weight: 400; justify-content: center; padding: 15px 30px; text-align: center; text-transform: uppercase; } .publication .event-callout .dates, .publication .event-callout .time, .publication .event-callout .register, .publication .event-callout .cost { background-color: #e6e7e8; color: #43434d; flex-grow: 1; font-size: 14px; font-weight: 400; padding: 15px 30px; } .publication .source { margin: 20px 0; } .publication .source { background-color: #e6e7e8; padding: 10px; } .publication .source:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .publication .release-contact .col-sm-6:nth-child(n+3) { margin-top: 15px; } .publication .source .img, .publication .release-contact .img { float: left; margin-right: 10px; } .publication .source .img:after, .publication .release-contact .img:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .publication .source .img .img-circle, .publication .release-contact .img .img-circle { background-color: #43434d; border: 3px solid #43434d; -webkit-box-shadow: inset 0 0 15px #333; -moz-box-shadow: inset 0 0 15px #333; box-shadow: inset 0 0 15px #333; max-height: 66px; max-width: 66px; } .publication .source .img .img-circle:hover, .publication .source .img .img-circle.active, .publication .release-contact .img .img-circle:hover, .publication .release-contact .img .img-circle.active { background-color: #cd163f; border-color: #cd163f; } .publication .release-contact .img:hover + ul li a { text-decoration: underline; } .publication .source .desc .author { color: #43434d; 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: #cd163f; } .publication .share li:first-child { padding-right: 5px; } .publication .source .desc .contact li > span, .publication .share li > span { font-size: 14px; font-weight: 400; padding-top: 2px; text-transform: uppercase; } .publication .source .desc .contact li > span { color: #43434d; font-size: 14px; } .publication .share li > span { font-size: 18px; } .publication .share li > span, .publication .share li > i { color: #43434d; } .publication .share li.active > span, .publication .share li.active > i { color: #cd163f; } .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; } .widget-container .share li a { line-height: 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: #e6e7e8; 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: #e6e7e8; color: #151517; } .publication .share li .flickr:hover { background-color: #fff; color: #151517; } li .google-plus { background-color: #f44336; border: 2px solid #f44336; } .publication .source .desc .contact li .google-plus:hover, .widget-container li .google-plus:hover { background-color: #e6e7e8; color: #f44336; } .publication .share li .google-plus:hover { background-color: #fff; color: #f44336; } li .instagram { background-color: #8a46af; border: 2px solid #8a46af; } .publication .source .desc .contact li .instagram:hover, .widget-container li .instagram:hover { background-color: #e6e7e8; color: #8a46af; } .publication .share li .instagram:hover { background-color: #fff; color: #8a46af; } li .linkedin { background-color: #007bb6; border: 2px solid #007bb6; } .publication .source .desc .contact li .linkedin:hover, .widget-container li .linkedin:hover { background-color: #e6e7e8; color: #007bb6; } .publication .share li .linkedin:hover { background-color: #fff; color: #007bb6; } li .mail { background-color: #cd163f; border: 2px solid #cd163f; } .publication .source .desc .contact li .mail:hover, .widget-container li .mail:hover { background-color: #e6e7e8; color: #cd163f; } .publication .share li .mail:hover { background-color: #fff; color: #cd163f; } li .newspaper-o { background-color: #cd163f; border: 2px solid #cd163f; } .publication .source .desc .contact li .newspaper-o:hover, .widget-container li .newspaper-o:hover { background-color: #e6e7e8; color: #cd163f; } .publication .share li .newspaper-o:hover { background-color: #fff; color: #cd163f; } li .star { background-color: #ffc028; border: 2px solid #ffc028; } .publication .source .desc .contact li .star:hover, .widget-container li .star:hover { background-color: #e6e7e8; color: #ffc028; } .publication .share li .star:hover { background-color: #fff; color: #ffc028; } li .print { background-color: #cd163f; border: 2px solid #cd163f; } .publication .source .desc .contact li .print:hover, .widget-container li .print:hover { background-color: #e6e7e8; color: #cd163f; } .publication .share li .print:hover { background-color: #fff; color: #cd163f; } li .qq { background-color: #5da4e6; border: 2px solid #5da4e6; } .publication .source .desc .contact li .qq:hover, .widget-container li .qq:hover { background-color: #e6e7e8; 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: #e6e7e8; 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: #e6e7e8; 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: #e6e7e8; 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: #e6e7e8; 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: #e6e7e8; 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: #e6e7e8; color: #ff7922; } .publication .share li .weibo:hover { background-color: #fff; color: #ff7922; } li .wechat, li .weixin { background-color: #609700; border: 2px solid #609700; } .publication .source .desc .contact li .wechat:hover, .widget-container li .wechat:hover, .publication .source .desc .contact li .weixin:hover, .widget-container li .weixin:hover { background-color: #e6e7e8; color: #609700; } .publication .share li .wechat, .publication .share li .weixin { background-image: none; margin: 0; padding: 0; } .publication .share li .wechat:hover, .publication .share li .weixin:hover { background-color: #fff; color: #609700; } .publication .share li .wechat i, .publication .share li .weixin i { pointer-events: none; } .publication .share li .at-svc-wechat { background-color: #609700 !important; border: 2px solid #609700; display: table-cell !important; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .publication .share li .at-svc-wechat::before { content: "\f1d7"; font-family: FontAwesome; font-size: 17px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 16px; } .publication .share li .at-svc-wechat:focus, .publication .share li .at-svc-wechat:hover { background-color: #fff !important; color: #609700; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .publication .share li .at-svc-wechat span.at-icon-wrapper { display: none; } li .xing { background-color: #006464; border: 2px solid #006464; } .publication .source .desc .contact li .xing:hover, .widget-container li .xing:hover { background-color: #e6e7e8; 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: #e6e7e8; 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; } #RA_publication-area.publication .img-responsive { width: 100%; } @supports (object-fit: cover) { #RA_publication-area.publication .img-publication .img-responsive { height: 375px; object-fit: cover; } } #RA_publication-area.publication .infographic.img-responsive, #RA_publication-area.publication .content-blocks .img-container .block-img .img-responsive, #RA_publication-area.publication .content-callout .img-responsive { height: auto; object-fit: cover; width: auto; } .publication a .img-publication:hover { background-color: #cd163f; } .publication a .img-publication:hover .img-responsive { opacity: 0.75; } .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; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; 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: #cd163f; cursor: pointer; } .publication .img-publication figure { margin:0; } .publication .summary-callout { background-color: #e6e7e8; float: left; padding: 10px; margin: 0 15px 15px 0; } .publication .summary-callout h3, .publication .content-callout h3 { color: #43434d; font-size: 20px; font-weight: 700; margin-top: 0; } .publication .summary-callout h4, .publication .content-callout h4 { font-size: 16px; 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: #e6e7e8; float: left; margin: 15px 15px 15px 0; padding: 0; clear: both; } .publication .img-callout.content-blocks .img-container:hover::before { background-color: transparent; } .publication .img-callout.content-blocks img { min-width: 100%; } .publication .img-callout.content-blocks .img-container:hover .block-img .img-responsive { opacity: 1; } .publication .img-callout.content-blocks .caption { font-size: 12px; font-style: italic; padding: 10px; } .publication .img-callout.content-blocks .download { padding: 0 10px 10px; text-align: center; } .publication .img-callout.content-blocks .download a { background-color: transparent; border: 2px solid #cd163f; color: #cd163f; display: inline-block; font-size: 14px; padding: 3px 8px; } .publication .img-callout.content-blocks .download a::before { content: "\f0ed"; font-family: FontAwesome; padding-right: 5px; } .publication .img-callout.content-blocks .download a:hover, .publication .img-callout.content-blocks .download a:focus, .publication .img-callout.content-blocks .download a:active { background-color: #cd163f; color: #fff; text-decoration: none; } .publication .quote-callout { background-color: #e6e7e8; font-size: 18px; font-style: normal; font-weight: 400; margin: 15px 0; padding: 15px; overflow: hidden; width: 100%; } .publication .quote-callout:before { color: #6d6e71; content: "\f10d"; float: left; font-family: FontAwesome; font-size: 72px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; 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 .quote-callout p:first-child::after { content: "”"; } .publication .quote-callout .tweet a { background-color: transparent; border: 2px solid #28aae1; color: #28aae1; float: right; font-size: 14px; padding: 3px 8px; } .publication .quote-callout .tweet a::before { content: "\f099"; font-family: FontAwesome; padding-right: 5px; } .publication .quote-callout .tweet a:hover, .publication .quote-callout .tweet a:focus, .publication .quote-callout .tweet a:active { background-color: #28aae1; color: #fff; text-decoration: none; } .publication .content-callout { background-color: #e6e7e8; margin: 15px 0; padding: 20px; width: 100%; } .publication .table-container { margin-bottom: 30px; overflow-x: auto; } .publication .table-container table { border-collapse: collapse; border-spacing: 0; width: 100%; } .publication .table-container table tr th { background-color: #43434d; color: #fff; font-weight: 400; padding: 5px 8px; text-align: left; } .publication .table-container table tr.even { background-color: #fff; } .publication .table-container table tr.odd { background-color: #e6e7e8; } .publication .table-container table tr td { min-width: 150px; padding: 5px 8px; } .publication .table-container table tr td ul { margin: 0; padding-left: 20px; } .publication .release-contact .fa-envelope { padding-right:5px; } .publication .release-contact ul { list-style: none; padding-left: 0; } .publication .release-contact h4, .release-about h4 { margin-top: 0; } .publication .release-contact .facebook, .publication .release-contact .google-plus, .publication .release-contact .twitter, .publication .release-contact .youtube, .publication .release-contact .linkedin, .publication .release-contact .weixin, .publication .release-contact .weibo, .publication .release-contact .blog, .publication .release-contact .slideshare, .publication .release-contact .xing { color: #fff; float: left; margin: 5px 5px 0 0; height: 25px; width: 25px; text-align: center; } .publication input[type=email], .publication input[type=tel], .publication input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-color: #e6e7e8; border-radius: 0; border-style: solid; border-width: 0 0 2px; color: #333; display: block; font-size: 16px; font-weight: 400; padding: 8px 40px 8px 8px; width: 100%; } .publication .select-container{ background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/search-arrow@2x.png"); background-repeat: no-repeat; background-size: 18px 10px; overflow: hidden; width: 100%; } .publication .select-container { background-position: 97.6% 50%; } .publication select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; border-color: #e6e7e8; border-radius: 0; border-style: solid; border-width: 0 0 2px; color: #333; cursor: pointer; font-size: 16px; font-weight: 400; padding: 8px 40px 8px 4px; outline : none; overflow : hidden; text-indent : 0.01px; text-overflow : ''; width: 105%; } script + script + script + .hbspt-form { margin: 0 auto; padding: 0 15px; width: 981px; } script + script + script + .hbspt-form .hs-form.stacked { margin-top: -655px; position: absolute; width: 100%; z-index: 9999; } /* News Overview */ .news-blocks { padding: 0 0; } .news .block-img { background-position:center center; background-size:cover; } .news-blocks-1 .block-img { height: 451px; } .news .content-area .content-row:nth-child(2n+1) { background-color:#fff; } .news-blocks .img-container { margin-bottom:30px; } .news h3 { text-align:center; position:relative; color:#43434d; font-size:30px; font-weight: 700; text-transform:uppercase; } .news h3 span { background-color:#fff; padding: 0 15px; position: relative; z-index: 1; } .news h3::before { background: #6d6e71; content: ""; display: block; height: 1px; left: 0; margin: 0 15px; position: absolute; top: 50%; width: calc(100% - 30px); } .content-blocks.authors a:hover { text-decoration: none; } .content-blocks.authors .circle-img img { min-width: 175px; max-width: 175px; min-height: 175px; margin-left: auto; margin-right: auto; border: 8px solid #43434d; background-color: #43434d; } .content-blocks.authors .circle-img img:hover, .content-blocks.authors a:hover .circle-img img { background-color: #cd163f; border-color: #cd163f; cursor: pointer; } .authors { margin-bottom:30px; } .authors h4 { color:#cd163f !important; text-align:center; padding:10px 20px 0 20px; } .authors h5 { text-align:center; padding:0 20px 0 20px; color:#43434d; } .news .media-resources, .news .follow { text-align:center; font-size:42px; color: #cd163f; display:flex; justify-content: space-between; margin:20px 0 30px; } .news .media-resources a, .news .follow a { flex-grow: 1; } .news .media-resources .fa { display:block; color: #cd163f; } .news .media-resources h5 { color:#43434d; } .news .media-resources a:hover, .news .media-resources a:hover h5 { color:#cd163f; text-decoration:none; } .news .follow .fa-facebook { color: #3c5b9a; } .news .follow .fa-twitter { color: #28aae1; } .news .follow .fa-google-plus { color: #f44336; } .news .follow .fa-linkedin { color: #007bb6; } .news .follow .fa-youtube { color: #e9292f; } .news .follow .fa-slideshare { color: #0077b5; } .news .social { margin-bottom:30px; height:211px; } .news .social a, .news .press-release a { color:#fff; } .news .sub.press-release, .news .sub.social { align-items: center; display: flex; font-weight: 400; } .news .social-flex { text-align:center; display:flex; align-items:center; height:175px; } .news .social-content { margin:auto; padding:0 10px; font-size:16px; } .news .social .fa { color:#FFF; margin:10px; font-size:28px; position:absolute; top:0; right:0; } .news .social.twitter { background-color:#28aae1; } .news .social.linkedin { background-color:#007bb6; } .news .social.facebook { background-color:#3c5b9a; } .news .social.google-plus { background-color:#f44336; } .news .social.youtube { background-color:#e9292f; } .news .social.slideshare { background-color:#0077b5; } .news .social.weixin { background-color:#609700; } .news .press-release, .news .company-news, .news .product-news { margin-bottom:30px; height:211px; } .news .press-release { background-color:#242424; background:radial-gradient(#43434d, #242424); background: -webkit-radial-gradient(#43434d, #242424); /* For Safari 5.1 to 6.0 */ background: -o-radial-gradient(#43434d, #242424); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#43434d, #242424); /* For Fx 3.6 to 15 */ } .news .press-release:hover { background-color:#cd163f; background:radial-gradient(#cd163f, #870503); background: -webkit-radial-gradient(#cd163f, #870503); /* For Safari 5.1 to 6.0 */ background: -o-radial-gradient(#cd163f, #870503); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#cd163f, #870503); /* For Fx 3.6 to 15 */ } .news .company-news { background-color:#cd163f; background:radial-gradient(#cd163f, #870503); background: -webkit-radial-gradient(#cd163f, #870503); /* For Safari 5.1 to 6.0 */ background: -o-radial-gradient(#cd163f, #870503); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#cd163f, #870503); /* For Fx 3.6 to 15 */ } .news .product-news { background-color:#003e7e; background:radial-gradient(#045fbd, #003e7e); background: -webkit-radial-gradient(#045fbd, #003e7e); /* For Safari 5.1 to 6.0 */ background: -o-radial-gradient(#045fbd, #003e7e); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#045fbd, #003e7e); /* For Fx 3.6 to 15 */ } .news .press-release a, .news .company-news a, .news .product-news a { width: 100%; } .news .press-release-flex, .news .company-news-flex, .news .product-news-flex { text-align:left; display:flex; align-items:center; height:175px; color:#FFF; font-size:16px; } .news .press-release-content, .news .company-news-content, .news .product-news-content { flex: 1; flex-basis: 100%; margin:auto; padding:0 30px; width: 100%; } .news .press-release-flex p::before { content:'Press Release'; display:block; font-size:12px; font-weight:bold; padding-bottom:10px } .news .press-release a:hover { text-decoration:none; } .news .press-release .fa, .news .company-news .fa, .news .product-news .fa { color:#FFF; margin:10px; font-size:28px; position:absolute; top:0; right:0; } .news .company-news, .news .product-news, .news .press-release { display: flex; justify-content: center; align-items: center; } .news .promo { height:211px; margin-bottom:30px; background: #6d6e71; background:-moz-linear-gradient(left, #999 0%, #e6e7e8 50%, #999 100%); background:-webkit-linear-gradient(left, #999 0%,#e6e7e8 50%,#999 100%); background:linear-gradient(to right, #999 0%,#e6e7e8 50%,#999 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#999',GradientType=1 ); text-align:center; display:flex; align-items:center; flex-direction:column; justify-content:center; font-size:16px; color:#333; } .news .promo-content { margin:auto; } .news .promo .cta a { background-color:#cd163f; border:3px solid #fff; color:#fff; display:inline-block; font-family: Barlow Condensed, sans-serif; font-size:24px; font-weight: 400; line-height:1.42857; margin-bottom:5px; padding:6px 12px; position:relative; text-align:center; vertical-align:middle; white-space:nowrap; margin-top:5px !important; width:90%; } .news .promo .cta a:hover { text-decoration:none; background-color:#FFF; color:#cd163f; } .news .promo .cta a::after { content:"\f105"; font-family:FontAwesome; padding-left:10px; } .news .promo h4 { color: #333; text-transform:uppercase; font-size:22px; } .news .col-lg-8.col-md-8.col-sm-12.sub.promo, .news .col-lg-4.col-md-4.col-sm-12.sub.promo, .news .col-lg-12.col-md-12.col-sm-12.sub.company-news, news .col-lg-12.col-md-12.col-sm-12.sub.product-news, news .col-lg-12.col-md-12.col-sm-12.sub.press-release, .news .col-lg-12.col-md-12.col-sm-12.sub.company-news, .news .col-lg-12.col-md-12.col-sm-12.sub.product-news, .news .col-lg-12.col-md-12.col-sm-12.sub.press-release { height:452px; } /* 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: #e6e7e8; font-size: 18px; font-weight: 400; margin: 0 auto; padding: 15px; text-align: center; } #NoResultsMsg:before { color: #cd163f; content: "\f06a"; display: block; font-family: FontAwesome; font-size: 72px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; height: 72px; line-height: 72px; margin: 0 auto 15px; text-align: center; width: 72px; } .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 { margin-top:0; } .filter .content-blocks h2 a, .filter .content-blocks h2 a:visited { color: #cd163f; } .filter .content-blocks .horz:hover + .horz h2 a { text-decoration: underline; } .filter .content-blocks h4 { color: #6d6e71; font-size: 18px; font-weight: 700; margin: 0; text-transform: uppercase; } .filter .row.content-blocks { margin-top: 30px; margin-bottom: 30px; } .filter .row.content-blocks:first-child { margin-top: 0; } .filter .btn-primary { margin-bottom: 15px; } .filter .content-format li { display: inline-block; color: #cd163f; text-align: center; cursor: pointer; height: 33px; width: 33px; background-color: transparent; border: 2px solid #cd163f; margin-right: 10px; } .filter .content-format li:hover, .filter .content-format li.active { background-color: #cd163f; color: #fff; } .filter .content-format li:last-child { margin-right: 0; } .filter .content-format li .icon-label { color: #333; font-size: 9px; } .filter .content-format li:hover .icon-label, .filter .content-format li.active .icon-label { color: #cd163f; } .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: #cd163f; display: block; font-size: 18px; font-style: normal; font-weight: 400; padding: 5px 8px 5px 30px; text-align: left; } .filter-widget-wrapper .button:hover { background-color: #cd163f; color: #fff; text-decoration: none; } .filter-widget-wrapper .button:before { color: #cd163f; content: "\f105"; display:inline-block; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; left: 34px; margin: 0 10px; position: absolute; 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: #cd163f; 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: #43434d; 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: #43434d; 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: #cd163f; font-size: 12px; margin: 7px 0 10px; padding: 5px 10px; } .widget-container .filter-widget-wrapper .filter-option .btn-more-less .btn { color: #cd163f; 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: #cd163f; 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 #43434d; color: #43434d; display: inline-block; font-size: 13px; margin: 0 3px 3px 0; padding: 0 4px; text-decoration: none; } .filter-widget-wrapper .filter-tag-block a:hover { border-color: #cd163f; color: #cd163f; } .filter-widget-wrapper .filter-tag-block a:after { color: #cd163f; 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: #43434d; } .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: Barlow Condensed, sans-serif; font-size: 20px; font-style: normal; font-weight: 400; 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-blocks .content-label.zip:before { content: "\f121"; } .content-blocks .content-label.doc:before, .content-blocks .content-label.pdf:before { content: "\f15b"; } .content-blocks .content-label.img:before { content: "\f03e"; } .content-blocks .content-label.video:before { content: "\f16a"; } .content-blocks .content-label.event:before { content: "\f133"; } .content-blocks .content-label.important:before { content: "\f005"; } .content-blocks .content-label.facebook:before { content: "\f09a"; } .content-blocks .content-label.twitter:before { content: "\f099"; } .content-blocks .content-label.none { display: none; } .publication .content-blocks { margin-bottom: 20px; margin-top: 45px; clear: both; } .content-blocks-1.compat-object-fit { background-size: cover; background-position: center center; } .content-blocks-1.compat-object-fit[style*="background-image"] .img-responsive { opacity: 0; } .content-blocks-1.compat-object-fit .img-responsive { opacity: 1; } .content-blocks .img-container { position: relative; } .content-blocks .img-container:hover::before { background-color: rgba(205, 22, 63, 1); content: " "; display: block; height: 100%; position: absolute; width: 100%; } .content-blocks .img-container a { text-decoration: none; } .content-area .content-row .content-blocks .img-container:hover::before, .content-area .content-row .content-blocks .img-container:focus::before { background: #cd163f; } .content-area .content-row .content-blocks .img-container.static:hover::before { background: transparent; } .content-area .content-row .img-container.static .block-img::before { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .content-blocks .img-container:hover .block-img .img-responsive, .content-blocks .img-container:focus .block-img .img-responsive { opacity: 0.33; } .content-blocks .img-container.static:hover .block-img .img-responsive, .content-blocks .img-container.static:focus .block-img .img-responsive { opacity: 1.0; } .content-blocks .block-img { border-bottom: 5px solid #cd163f; 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: 12px; line-height: 1.36; } .content-blocks .block-container:hover h4 a { text-decoration: underline; } .content-blocks .content-label:before { background-color: #cd163f; bottom: 5px; color: #fff; font-family: FontAwesome; font-size: 19px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; height: 30px; line-height: 30px; padding: 2px 0; position: absolute; right: 0; text-align: center; width: 40px; } .content-blocks h4 { font-size: 20px; font-weight: 400; margin: 5px 0; } /* Widgets */ .widget-container:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .widget-container.filter { padding: 0 15px; } .widget-container.filter .filter-widget-wrapper { padding: 15px 0; } .widget-container.pub-type .txt-container { background-color: #e6e7e8; padding: 15px; } .widget-container.subscribe h4, .widget-container.pub-type h4, .widget-container.filter h4, .widget-container.feature h4 { color: #43434d; font-size: 22px; font-weight: 700; margin-top: 0; text-transform: uppercase; } .widget-container.pub-type .share h5 { color:#43434d; 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; } .widget-container p + p, .widget-container p + ul, .widget-container p + form { margin-top: 10px; } .widget-container.subscribe input { border: 2px solid #e6e7e8; height: 37px; margin: 0; padding: 6px 7px; width: 100%; } .widget-container textarea { border: 2px solid #6d6e71; 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 #cd163f; } .widget-container .btn { font-weight: 700; margin-top: 10px; white-space: normal; width: 100%; } .features-right-column .widget-container { background-color: #e6e7e8; margin-bottom: 30px; padding: 15px; } .features-right-column .widget-container.feature { padding: 0; } .features-right-column .widget-container.feature h4 { margin: 0; } .features-right-column .widget-container.feature h4 a { display: block; padding: 10px 15px 15px; } .features-right-column .widget-container.feature:hover .img-container::before, .features-right-column .widget-container.feature:focus .img-container::before { background-color: rgba(205, 22, 63, 1); content: " "; display: block; height: 100%; position: absolute; width: 100%; } .features-right-column .widget-container.feature:hover .img-responsive, .features-right-column .widget-container.feature:focus .img-responsive { opacity: 0.33; } .features-right-column .widget-container.feature:hover h4 a, .features-right-column .widget-container.feature:focus h4 a, .features-right-column .widget-container.feature h4 a:hover, .features-right-column .widget-container.feature h4 a:focus { text-decoration: none; } .publication-right-column .widget-container { background-color: #e6e7e8; margin-bottom: 30px; padding: 15px; } /* Tabbed Content */ #tabsmulti .container { padding: 0; width: auto; } ul.resp-tabs-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; margin: 0px; padding: 0px; width: 98%; } .resp-tabs-list li { background-color: #cd163f; color:#fff; cursor: pointer; display: inline-block; flex-basis: auto; float: left; font-weight: 400; font-style: normal; font-size: 14px; line-height: 14px; list-style: none; margin: 0 5px 0 0; padding: 8px 10px; } .resp-tabs-list li.resp-tab-active { background-color: #fff; color: #43434d; 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: #cd163f !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 */ .lit-library .parallax .hero h1 { font-size: 48px; font-weight: 700; line-height: 1.1; padding: 0; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.85); text-transform: uppercase; } .lit-library .parallax .hero .help { text-align: right; } .lit-library .search .help { clear: both; color: #fff; font-size: 12px; line-height: 18px; margin: 0px; padding: 5px 0px 0px; text-align: right; } .lit-library .search .help .fa { font-size: 18px; } .lit-library .search .help a { color: #fff; text-decoration: none; padding:4px; } .lit-library .search .help a span { color: #fff; font-size: 12px; text-decoration: none; } .lit-library .search .help a:hover { color: #fff; background-color:#cd163f; text-decoration: none; padding:4px; } .sample-code .results-container { padding-top: 40px; } .sample-code-comments { padding-top: 78px; } .lit-library .search-results .row, .sample-code .search-results .row, .sample-code-comments .search-results .row { margin-bottom: 0; } .lit-library .search-results #accordion .additional-info button::before, .sample-code .search-results #accordion .additional-info button::before { content: normal; margin-right: 0; } .modal #mobile-share { margin-bottom: 15px; } .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:#cd163f; } .submit-form h1 { color: #43434d; font-size: 40px; font-weight: 700; } .submit-form h2 { color: #43434d; font-size: 18px; font-weight: 600; margin: 24px 0; } .submit-form .feedbackfrm .form-group { margin-bottom: 24px; } .submit-form .feedbackfrm .form-group label { color: #6d6e71; font-size: 12px; font-weight: 400; margin-bottom: 0; } .submit-form .feedbackfrm .form-group:hover label { color: #2c70ba; } .submit-form .feedbackfrm .form-group label span { color: #df0000; } .submit-form .feedbackfrm .form-group .form-control { background: transparent; border-color: #6d6e71; border-radius: 0; border-style: solid; border-width: 0 0 1px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block; font-size: 16px; color: #43434d; padding: 7px 0 3.5px; width: 100%; } .submit-form .feedbackfrm .form-group select.form-control { height: 34.35px; padding: 6px 0 4.5px; } .submit-form .feedbackfrm .form-group .form-control .sel_file { margin-left: 20px; } .submit-form .feedbackfrm .form-group .form-control:focus { border-color: #2c70ba; border-width: 0 0 2px 0; padding: 7px 0 2.5px; } .submit-form.code .feedbackfrm .form-group:nth-child(2), .submit-form.code .feedbackfrm .form-group:nth-child(7), .submit-form.code .feedbackfrm .form-group:nth-child(13), .submit-form.code .feedbackfrm .form-group:nth-child(15), .submit-form.review .feedbackfrm .form-group:nth-child(8), .submit-form.review .feedbackfrm .form-group:nth-child(13) { display: inline-block; width: 48%; } .submit-form.code .feedbackfrm .form-group:nth-child(3), .submit-form.code .feedbackfrm .form-group:nth-child(8), .submit-form.code .feedbackfrm .form-group:nth-child(14), .submit-form.code .feedbackfrm .form-group:nth-child(16), .submit-form.review .feedbackfrm .form-group:nth-child(9), .submit-form.review .feedbackfrm .form-group:nth-child(14) { display: inline-block; float: right; width: 48%; } .submit-form.code .feedbackfrm .form-group:nth-child(6), .submit-form.code .feedbackfrm .form-group:nth-child(8), .submit-form.code .feedbackfrm .form-group:nth-child(13), .submit-form.code .feedbackfrm .form-group:nth-child(14), .submit-form.code .feedbackfrm .form-group:nth-child(15), .submit-form.code .feedbackfrm .form-group:nth-child(16), .submit-form.review .feedbackfrm .form-group:nth-child(12), .submit-form.review .feedbackfrm .form-group:nth-child(13), .submit-form.review .feedbackfrm .form-group:nth-child(14) { background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/search-arrow@2x.png"); background-repeat: no-repeat; background-size: 18px 10px; overflow: hidden; } .submit-form.code .feedbackfrm .form-group:nth-child(6), .submit-form.review .feedbackfrm .form-group:nth-child(12) { background-position: 98.9% 75%; } .submit-form.code .feedbackfrm .form-group:nth-child(8), .submit-form.code .feedbackfrm .form-group:nth-child(13), .submit-form.code .feedbackfrm .form-group:nth-child(14), .submit-form.code .feedbackfrm .form-group:nth-child(15), .submit-form.code .feedbackfrm .form-group:nth-child(16), .submit-form.review .feedbackfrm .form-group:nth-child(13), .submit-form.review .feedbackfrm .form-group:nth-child(14) { background-position: 97.6% 75%; } .submit-form.code .feedbackfrm .form-group:nth-child(9) { height: auto; } .submit-form .feedbackfrm .form-group:nth-child(9) h2 + span { float: left; left: 236px; position: relative; top: -44px; } .submit-form .feedbackfrm .form-group:nth-child(9) .input-group { margin-top: -24px; } .submit-form .feedbackfrm .form-group:nth-child(9) .input-group .btn-file { align-items: center; display: flex; font-size: 16px; font-weight: 400; justify-content: space-between; line-height: 14px; margin: 0 20px 0 0; padding: 10px 12px; text-transform: uppercase; } .submit-form .feedbackfrm .form-group:nth-child(9) .input-group .btn-file .sr-download { height: 20px; margin-right: 10px; width: 20px; } .submit-form .feedbackfrm .form-group:nth-child(9) .form-control.sel_file { cursor: default; line-height: 44px; margin: 0; padding: 0; pointer-events: none; } .submit-form .feedbackfrm input[type="submit"].btn.btn-block, .submit-form .return.btn-block { background-color: #cd163f; border: 2px solid #cd163f; border-radius: 0px; color: #fff; display: inline-block; font-size: 16px; font-weight: 400; line-height: 20px; margin: 0 0 24px; padding: 10px 12px; text-transform: uppercase; width: auto; } .submit-form .feedbackfrm .form-group .fivestar { height: 40px; margin: 8px 0 24px; } .submit-form .feedbackfrm .form-group .fivestar .rating { border: 0 none; float: left; margin: 0; padding: 0; } .submit-form .feedbackfrm .form-group .fivestar .rating:not(:checked) > input { position:absolute; top:-9999px; clip:rect(0, 0, 0, 0); display: none; } .submit-form .feedbackfrm .form-group .fivestar .rating:not(:checked) > label { margin: 0 5px 0 0; padding: 0; overflow:hidden; white-space:nowrap; cursor:pointer; font-size: 18px; color: #e6e7e8; } .submit-form .feedbackfrm .form-group .fivestar .rating:not(:checked) > label:before { content:'\2605'; font-size:40px; } .submit-form .feedbackfrm .form-group .fivestar .rating > input:checked ~ label { color: #2c70ba; } .submit-form .feedbackfrm .form-group .fivestar .rating:not(:checked) > label:hover, .submit-form .feedbackfrm .form-group .fivestar .rating:not(:checked) > label:hover ~ label { color: #2c70ba; } .submit-form .feedbackfrm .form-group .fivestar .rating > input:checked + label:hover, .submit-form .feedbackfrm .form-group .fivestar .rating > input:checked + label:hover ~ label, .submit-form .feedbackfrm .form-group .fivestar .rating > input:checked ~ label:hover, .submit-form .feedbackfrm .form-group .fivestar .rating > input:checked ~ label:hover ~ label, .submit-form .feedbackfrm .form-group .fivestar .rating > label:hover ~ input:checked ~ label { color: #2c70ba; } .submit-form .feedbackfrm .form-group .fivestar .rating > label:active { position:relative; } .submit-form .feedbackfrm .form-group .fivestar .rating:not(:checked) > label { float: right; height: 40px; line-height: 40px; width: 40px; } .hero .feature-content .search input { background: transparent; border-color: #e6e7e8; border-radius: 0; border-style: solid; border-width: 0 0 3px 0; color: #fff; font-size: 24px; height: 57px; padding-right: 200px; width: 100%; } .hero .feature-content .search input::-webkit-input-placeholder { color: #fff; } .hero .feature-content .search input::-moz-placeholder { color: #fff; } .hero .feature-content .search input:-ms-input-placeholder { color: #fff; } .hero .feature-content .search input:-moz-placeholder { color: #fff; } .hero .feature-content .search #search-button-LL, .hero .feature-content .search #search-button-SC { background: rgba(255,255,255,0.3); border: 0 none; color: #fff; font-size: 18px; font-weight: 400; height: 45px; margin: 5px 0 5px -120px; padding: 0 10px; position: absolute; right: 15px; text-transform: uppercase; } .hero .feature-content .search #search-button-LL:active, .hero .feature-content .search #search-button-LL:focus, .hero .feature-content .search #search-button-LL:hover, .hero .feature-content .search #search-button-SC:active, .hero .feature-content .search #search-button-SC:focus, .hero .feature-content .search #search-button-SC:hover { background-color: #cd163f; } .hero .feature-content .search #search-button-LL svg, .hero .feature-content .search #search-button-SC svg { fill: #fff; height: 25px; margin-right: 8px; vertical-align: middle; width: 25px; } .hero .feature-content .search #search-button-LL span, .hero .feature-content .search #search-button-SC span { vertical-align: middle; } /* GetSmart Content */ .gsc-banner-visible .gsc-banner { background: #cd163f; border: 0 none; -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); color: #fff; width: 100% !important; } .gsc-banner-visible .gsc-banner .button-top-banner-cta { background: transparent; border: 2px solid #fff; color: #fff; } .gsc-banner-visible .gsc-banner .button-top-banner-cta:hover { background: #fff; color: #cd163f; text-decoration: none; } .gsc-banner-visible .gsc-banner .gsc-banner-close-btn { background: transparent none repeat scroll 0 0; border-radius: 0; color: #fff; font-size: 20px; font-weight: normal; } .gsc-flyin.gsc-flyin-visible { background-color: transparent; bottom: 15px; right: 20px; } .gsc-flyin.gsc-flyin-visible .gsc_rock_modal { background-color: rgba(0, 0, 0, 0.85); border-radius: 10px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); height: auto; max-width: 550px; min-height: 0; min-width: 0; padding: 15px; width: auto; } .gsc-flyin.gsc-flyin-visible .gsc_rock_modal .gsc_rock_modal_head { color: #fff; font-size: 16px; font-weight: 700; line-height: 1.1; margin-bottom: 8px; padding: 0; text-transform: uppercase; } .gsc-flyin.gsc-flyin-visible .gsc_rock_modal .gsc_rock_modal_body { color: #fff; font-size: 14px; line-height: 1.42857; margin-bottom: 10px; padding: 0; word-spacing: normal; } .gsc-flyin.gsc-flyin-visible .gsc_rock_modal .gsc_rock_modal_cta { border: 0 none; color: #fff; font-size: 16px; font-weight: normal; height: auto; padding: 0; width: auto; } .gsc-flyin.gsc-flyin-visible .gsc_rock_modal .gsc_rock_modal_cta a { background-color: #cd163f; color: #fff; display: block; font-size: 16px; font-weight: 400; padding: 5px 0; text-align: center; text-decoration: none; width: 100%; } .gsc-flyin.gsc-flyin-visible .gsc_rock_modal .gsc_rock_modal_cta a::after { content: "\f105"; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-left: 5px; } .gsc-flyin.gsc-flyin-visible .gsc_rock_modal .gsc_rock_modal_cta #gsc_rock_arrow { display: none; } .gsc-flyin.gsc-flyin-visible .gsc-flyin-close-btn { background-color: transparent; border: 0 none; border-radius: 10px; color: #fff; cursor: pointer; font-weight: bold; position: absolute; right: 5px; top: 5px; } .gsc-modal { height: auto !important; } .gsc-modal .gsc_rock_modal { background-color: #fff; height: auto; min-height: auto; padding: 15px; } .gsc-modal .gsc_rock_modal .gsc_rock_modal_head { color: #43434d; font-size: 36px; font-weight: 700; line-height: 36px; text-align: center; text-transform: uppercase; } .gsc-modal .gsc_rock_modal .gsc_rock_modal_body { font-size: 20px; font-weight: 400; line-height: 1.42857143; text-align: center; word-spacing: normal; } .gsc-modal .gsc_rock_modal .gsc_rock_modal_cta { border: 2px solid #cd163f; font-size: 20px; font-weight: 400; padding: 5px; cursor: pointer; } .gsc-modal .gsc_rock_modal .gsc_rock_modal_cta:hover, .gsc-modal .gsc_rock_modal .gsc_rock_modal_cta:active, .gsc-modal .gsc_rock_modal .gsc_rock_modal_cta:focus { background-color: #cd163f; color: #fff; } .gsc-modal .gsc_rock_modal .gsc_rock_modal_cta::after { content: "\f105"; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding-left: 5px; } .gsc-modal .gsc_rock_modal .gsc_rock_modal_cta #gsc_rock_arrow { display: none; } .gsc-modal .gsc-modal-close { background-color: transparent; border: 0 none; color: #6d6e71; font-size: 16px; font-weight: 700; line-height: 16px; right: 15px; top: 5px; } .gsc-modal .gsc-modal-close:hover, .gsc-modal .gsc-modal-close:active, .gsc-modal .gsc-modal-close:focus { color: #cd163f; } .gcdc-gate * { font-family: Barlow, sans-serif !important; font-weight: 400; } .publication .gcdc-gate .gcdc-form-render > div.gcdc-form-group select.gcdc-form-field, .publication .gcdc-gate .gcdc-content-render > div.gcdc-form-group select.gcdc-form-field { padding: 0; text-indent: 0; } /* PCDC Landing */ #form1 { margin: 0; } /* WeChat Share Modal */ .bd_weixin_popup { border: 0 none !important; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); height: auto !important; padding: 0 !important; position: fixed !important; top: 25% !important; width: 340px !important; } .bd_weixin_popup_head > span::before { color: #609700; content: "\f1d7"; display: block; font-family: FontAwesome; font-size: 72px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 72px; margin-bottom: 10px; } .bd_weixin_popup_head > span { border-bottom: 1px solid #e5e5e5; color: #43434d; display: block; font-size: 24px; font-weight: 400; line-height: 1.1; padding: 20px 0 20px; text-align: center; } .bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close { color: #fff !important; } .bd_weixin_popup_close { visibility: hidden; width: auto !important; } .bd_weixin_popup_close::after { color: #6d6e71; content: "\f00d"; font-family: FontAwesome; font-size: 21px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: normal; line-height: 1; position: absolute; right: 15px; top: 15px; visibility: visible; } .bd_weixin_popup_close:hover::after { color: #cd163f; } .bd_weixin_popup .bd_weixin_popup_main { padding: 152px 15px 15px !important; } .bd_weixin_popup_foot { color: #333 !important; font-size: 14px !important; line-height: 1.42857 !important; padding: 0 15px 15px !important; text-align: center !important; } /* Search */ .search-results .row { margin-bottom: 50px; } .search-results .row[ng-show="hasKeymatches()"] div { margin-bottom: 50px; } .search-results .row[ng-show="hasKeymatches()"] div:last-child { margin-bottom: 0; } .search-results .search-input .search-area .icon { float: left; } .publication .search-results .search-input .search-area button.icon { background: transparent; border: 0 none; width: 10%; margin: 17px 10px 0 0; padding: 0; } .publication .search-results .search-input .search-area input[type="text"] { width: 85%; } .search-results .search-input .search-area .icon::before { content: "\f002"; color: #cd163f; cursor: pointer; font-family: FontAwesome; font-size: 50px; line-height: 50px; margin-right: 20px; } .search-results .search-input .search-area .field form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; height: 50px; } .search-results .search-input .search-area .field form input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-color: #e6e7e8; border-radius: 0; border-style: solid; border-width: 0 0 3px; color: #333; -webkit-flex: 2; -ms-flex: 2; flex: 2; font-size: 20px; font-weight: 400; padding: 0 32px 0 0; } .search-results .search-input .search-area .field .clear { cursor: pointer; position: absolute; right: 27px; } .search-results .search-input .search-area .field .clear::before { content: "\f057"; color: #6d6e71; font-family: FontAwesome; font-size: 26px; line-height: 50px; } .search-results .search-input .search-area .field .clear:hover::before { color: #cd163f; } .search-results .search-input .search-area .tip, .search-results .search-input .search-area .suggest { background-color: rgba(0, 0, 0, 0.85); -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25); margin-left: 66px; padding: 8px; position: absolute; width: -webkit-calc(100% - 96px); width: -moz-calc(100% - 96px); width: calc(100% - 96px); z-index: 99; } .search-results .search-input .search-area .tip .item { color: #fff; font-size: 18px; font-weight: 400; padding: 5px 8px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); } .search-results .search-input .search-area .suggest h4 { color: #6d6e71; font-size: 20px; font-weight: 700; padding: 0 8px; text-transform: uppercase; } .search-results .search-input .search-area .suggest .item { color: #fff; cursor: pointer; font-size: 18px; font-weight: 400; padding: 5px 8px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); } .search-results .search-input .search-area .suggest .item:hover { background-color: rgba(205, 22, 63, 0.85) } .search-results .search-input .search-area .suggest .item .dif { font-weight: 700; } .search-results .search-input .search-area .suggest .item .loc { color: #6d6e71; } .search-results .search-input .search-area .suggest .item:hover .loc { color: #6d6e71; } .search-results .search-input .search-area .suggest .separator { border-top: 1px solid #e6e7e8; margin: 10px 0; } .search-results .container > .row { margin-bottom: 50px; } .search-results .filter-bar { padding-top: 5px; } .search-results .filter-bar .category .item .dropdown-menu input[disabled] { cursor: default; pointer-events: none; } .search-results .filter-bar .category .item .dropdown-menu input[disabled] + label { color: #888; cursor: default; pointer-events: none; } .search-results .filter-bar .category .item .dropdown-menu label .count { background-color: #e6e7e8; color: #43434d; padding: 3px 5px; } .search-results .filter-bar .category .item .dropdown-menu input[name="sort"] + label .count, .search-results .filter-bar .category .item .dropdown-menu label.ng-binding .count { display: none; } .search-results .filter-bar .applied .tags { height: auto; } .search-results .filter-bar .applied.empty .tags { display: none; height: 0; } .search-results .filter-bar .applied .tags .filter-applied .count { display: none; } .search-results .filter-bar .applied .buttons .clear-applied { display: block; } .search-results .filter-bar .applied.empty .buttons .clear-applied { display: none; } .search-results .row .col-md-2:hover + .col-md-10 h2 a, .search-results .row .col-md-2:hover + .col-md-10 .site-url a { text-decoration: underline; } .search-results .content-blocks.ng-scope .img-container .block-img { background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 93px; overflow: hidden; } .search-results .content-blocks .img-container .block-img::before { -webkit-box-shadow: inset 0px -10px 20px 5px rgba(0, 0, 0, 0.65); -moz-box-shadow: inset 0px -10px 20px 5px rgba(0, 0, 0, 0.65); box-shadow: inset 0px -10px 20px 5px rgba(0, 0, 0, 0.65); } .search-results .content-blocks .img-container:hover { background-color: #cd163f; } .search-results .content-blocks .img-container:hover .block-img { opacity: 0.66; } .search-results h2 { font-size: 24px; margin-top: 0; } .search-results .row h4 { color: #43434d; font-size: 18px; font-weight: 700; margin: 0; text-transform: uppercase; } .search-results .row .time-zone, .intro .callout .time-zone { color: #6d6e71; display: block; font-size: 11px; line-height: 1.05; } .search-results .jump-links a { margin-right: 20px; } .search-results .jump-links a::after { content: "\f105"; font-family: FontAwesome; padding-left: 5px; } .search-results .site-url, .search-results .site-url a { color: #43434d; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-results #accordion { margin: 0; } .search-results #accordion .additional-info { background-color: #e6e7e8; border: 0 none; border-radius: 0; } .search-results #accordion .additional-info button { background-color: transparent; border: 0 none; border-radius: 0; color: #cd163f; padding: 0; } .search-results #accordion .additional-info button::before { content: "\f107"; display: inline-block; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-right: 5px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .search-results #accordion .additional-info button[aria-expanded="false"]::before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .search-results #accordion .additional-info .panel-heading + .panel-collapse { border: 0 none; } .search-results #accordion .additional-info .panel-heading + .panel-collapse .panel-body { border: 0 none; padding: 0 15px; } .search-results #accordion .additional-info .panel-heading + .panel-collapse .panel-body .row div { margin-bottom: 15px; } .search-results #accordion .additional-info .panel-heading + .panel-collapse .panel-body .row p { margin: 0; } /* Pagination */ .pagination { background-color: #fff; } .pagination .paging { border-top: 1px solid #e4e4e4; margin: 0 0 40px; padding-top: 40px; text-align: center; } .pagination .paging div { display: inline-block; height: 34px; } .pagination .paging .btn { line-height: 34px; margin: 0; vertical-align: bottom; width: auto; } .pagination .paging .btn.active { background-color: #cd163f; cursor: pointer; } .pagination .paging .btn.disabled { background-color: #43434d; cursor: default; pointer-events: none; } .pagination .paging .btn.prev { padding: 0 13px 0 10px; } .pagination .paging .btn.next { padding: 0 10px 0 13px; } .pagination .paging .btn.prev::after { content: "\f104"; } .pagination .paging .btn.next::after { content: "\f105"; } .pagination .paging .btn::after { color: #fff; font-family: FontAwesome; font-size: 28px; line-height: 34px; padding: 0; vertical-align: baseline; } .pagination .paging .cur { vertical-align: bottom; width: 40px; } .pagination .paging .cur input { border: 2px solid #cccccc; border-radius: 0; color: #cd163f; font-size: 18px; height: 34px; line-height: 28px; text-align: center; width: 100%; } .pagination .paging .cur input::-webkit-input-placeholder { color: #cd163f; } .pagination .paging .cur input::-moz-placeholder { color: #cd163f; opacity: 1; } .pagination .paging .cur input:-ms-input-placeholder { color: #cd163f; } .pagination .paging .cur input:-moz-placeholder { color: #cd163f; opacity: 1; } .pagination .paging .tot { font-size: 18px; line-height: 34px; margin: 0 15px; } /* Account */ .account h1 { font-size: 40px; font-weight: 700; margin: 0 0 30px; } .account .row { margin-bottom: 50px; } .account .login-area .email .icon::after { color: #6d6e71; content: "\f003"; display: block; font-family: FontAwesome; font-size: 24px; line-height: 45px; position: absolute; right: 23px; text-align: center; top: 0; width: 25px; } .account .login-area .password .icon::after { color: #6d6e71; content: "\f06e"; cursor: pointer; display: block; font-family: FontAwesome; font-size: 24px; line-height: 45px; position: absolute; right: 23px; text-align: center; top: 75px; width: 25px; } .account .login-area .password .icon.show::after { content: "\f070"; } .account .login-area .password .icon:hover::after { color: #cd163f; } .account .login-area input#login-email, .account .login-area input#login-password { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-color: #e6e7e8; border-radius: 0; border-style: solid; border-width: 0 0 2px; color: #333; display: block; font-size: 20px; font-weight: 400; padding: 8px 40px 8px 8px; width: 100%; } .account .login-area .email.error .icon::after, .account .login-area .password.error .icon::after { color: #eb4e3d; content: "\f06a"; } .account .login-area .email.error input#login-email, .account .login-area .password.error input#login-password { border-color: #eb4e3d; } .account .login-area .email.valid .icon::after, .account .login-area .password.valid .icon::after { color: #4cd964; content: "\f058"; } .account .login-area .email.valid input#login-email, .account .login-area .password.valid input#login-password { border-color: #4cd964; } .account .login-area .btn { border-color: #cd163f; color: #cd163f; font-size: 20px; font-weight: 400; margin-bottom: 30px; padding: 2px 30px; white-space: normal; width: 100%; word-wrap: normal; } .account .login-area .btn.active { background-color: #cd163f; color: #fff; } .account .login-area .btn.disabled { border-color: #43434d; color: #43434d; cursor: default; pointer-events: none; } .account .login-area .message { height: 20px; margin: 5px 0; padding: 0 8px; float: left; width: 100%; } .account .login-area .password + .message { display: none; } .account .login-area .password.error + .message { display: block; } .account .login-area .remember { margin: 5px 0 30px; padding-left: 8px; float: left; width: 50%; } .account .login-area .remember input { cursor: pointer; } .account .login-area .remember input:hover + label { text-decoration: underline; } .account .login-area .remember label { color: #cd163f; cursor: pointer; font-weight: normal; margin: 0 0 0 5px; } .account .login-area .remember label:hover { text-decoration: underline; } .account .login-area .forgot { margin: 5px 0 30px; float: left; padding-right: 8px; text-align: right; width: 50%; } .account .divider-area .divider { height: 230px; } .account .account-area h3 { margin-top: 10px; } /* Activations */ .activation .activate-rows .activate-inputs > div { height: 77px; } .activation input[type=text], .activation ~ .modal input[type=email], .activation ~ .modal input[type=tel], .activation ~ .modal input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-color: #e6e7e8; border-radius: 0; border-style: solid; border-width: 0 0 2px; color: #333; display: block; font-size: 20px; font-weight: 400; padding: 8px 40px 8px 8px; width: 100%; } .activation input[type="text"]:-moz-read-only, .activation input[type="text"]:read-only, .activation input[readonly="readonly"] { background-color: #e6e7e8; border-bottom-color: #4cd964; color: #333; cursor: default; } .activation input[type=radio] { cursor: pointer; position: relative; top: -2px; } .activation input[type=radio] + label { color: #333; cursor: pointer; font-size: 20px; font-weight: 400; margin: 0; padding-left: 5px; } .activation input[type=radio]:hover + label, .activation input[type=radio] + label:hover, .activation input[type=radio]:checked + label { color: #cd163f; } .activation .select-container, .activation ~ .modal .select-container { background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/search-arrow@2x.png"); background-repeat: no-repeat; background-size: 18px 10px; overflow: hidden; width: 100%; } .activation .col-sm-5-5 .select-container, .activation ~ .modal .select-container { background-position: 97.6% 50%; } .activation .col-sm-3 .select-container { background-position: 95% 50%; } .activation .col-sm-2-5 .select-container { background-position: 94% 50%; } .activation select, .activation ~ .modal select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: transparent; border-color: #e6e7e8; border-radius: 0; border-style: solid; border-width: 0 0 2px; color: #333; cursor: pointer; font-size: 20px; font-weight: 400; padding: 8px 40px 8px 4px; outline : none; overflow : hidden; text-indent : 0.01px; text-overflow : ''; width: 105%; } .activation select::-ms-expand, .activation ~ .modal select::-ms-expand, .publication select::-ms-expand{ display: none; } .publication input[type=text], .publication .select-container { height: 47px; margin-bottom: 20px; } .activation .content-area div.content-row:nth-of-type(even) input, .activation .content-area div.content-row:nth-of-type(even) select, .activation .content-area div.content-row:nth-of-type(even) .browse label { border-color: #e3e3e3; } .activation ~ .modal select + .flag, .activation ~ .modal input + .flag { background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/flags32.png"); height: 32px; position: absolute; width: 32px; } .activation ~ .modal .country select { padding: 8px 120px 8px 4px; } .activation ~ .modal .country select + .flag { right: 60px; top: 190px; } .activation ~ .modal .state select { padding: 8px 75px 8px 4px; } .activation ~ .modal .phone input { padding: 8px 62px 8px 8px; } .activation ~ .modal .phone input + .flag { right: 30px; top: 727px; } .activation ~ .modal .phone input + .flag.no-state, .activation ~ .modal .phone input + .flag.no-zip { top: 650px; } .activation ~ .modal .phone input + .flag.no-state.no-zip { top: 572px; } .activation ~ .modal .fax input { padding: 8px 62px 8px 8px; } .activation ~ .modal .fax input + .flag { right: 30px; top: 803px; } .activation ~ .modal .fax input + .flag.no-state, .activation ~ .modal .fax input + .flag.no-zip { top: 727px; } .activation ~ .modal .fax input + .flag.no-state.no-zip { top: 650px; } .activation select:required:invalid, .activation ~ .modal select:required:invalid { color: #6d6e71; } .activation .content-area div.content-row:nth-of-type(even) select:required:invalid { color: #43434d; } .activation select:required:valid, .activation .content-area div.content-row:nth-of-type(even) select:required:valid { border-bottom-color: #4cd964; } .js .activation .browse input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .no-js .activation .browse input + label { display: none; } .activation div .icon::after { color: #6d6e71; display: block; font-family: FontAwesome; font-size: 24px; line-height: 45px; position: absolute; right: 23px; text-align: center; width: 25px; } .activation .content-area div.content-row:nth-of-type(even) div .icon::after { color: #43434d; } .activation .content-area div.content-row:nth-of-type(even) .browse label .icon::after { color: #cd163f; } .activation .content-area div.content-row:nth-of-type(even) .browse:hover label .icon::after { color: #fff; } .activation div .icon:hover::after, .activation .content-area div.content-row:nth-of-type(even) div .icon:hover::after { color: #cd163f; } .activation .browse label { border-bottom: 2px solid #e6e7e8; color: #6d6e71; cursor: pointer; display: block; font-size: 20px; font-weight: 400; height: 47px; margin: 0; overflow: hidden; padding: 8px 86px 8px 8px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .activation .content-area div.content-row:nth-of-type(even) .browse label { color: #43434d; } .activation .browse.valid label { border-bottom-color: #4cd964; color: #333; } .activation .browse.error label { border-bottom-color: #eb4e3d; color: #333; } .activation .browse .icon::after { border: 2px solid #cd163f; color: #cd163f; content: "Browse"; cursor: pointer; font-size: 14px; height: 30px; line-height: 26px; padding: 0 8px; right: 25px; top: 56px; width: auto; } .activation .browse:hover .icon::after { background-color: #cd163f; color: #fff; } .activation .browse.error .icon::after, .activation .browse.valid .icon::after { border: 0 none; cursor: default; font-family: FontAwesome; font-size: 24px; height: auto; line-height: 45px; padding: 0; right: 23px; top: 50px; width: auto; } .activation .browse.error .icon::after { color: #eb4e3d; content: "\f06a"; } .activation .browse.error .icon:hover::after { background-color: transparent; color: #eb4e3d; } .activation .browse.valid .icon::after { color: #4cd964; content: "\f058"; } .activation .browse.valid .icon:hover::after { background-color: transparent; color: #4cd964; } .activation .browse.error:hover .icon::after, .activation .browse.valid:hover .icon::after { background-color: transparent; } .activation .activate-product .browse .icon::after { top: 6px; } .activation .activate-product .browse .file-added .icon::after { top: 0; } .activation .binding-type .icon::after { top: 50px; } .activation .step .browse .icon::after { top: 8px; } .activation .binding-id .icon::after, .activation .serial .icon::after, .activation .code .icon::after, .activation .product-key .icon::after { content: "\f059"; cursor: pointer; } .activation div.error .icon::after, .activation .content-area div.content-row:nth-of-type(2n) div.error .icon::after { color: #eb4e3d; content: "\f06a"; } .activation div.error .icon:hover::after, .activation .content-area div.content-row:nth-of-type(2n) div.error .icon:hover::after { color: #eb4e3d; } .activation div.error input, .activation .content-area div.content-row:nth-of-type(2n) div.error input { border-color: #eb4e3d; } .activation div.valid .icon::after, .activation .content-area div.content-row:nth-of-type(2n) div.valid .icon::after { color: #4cd964; content: "\f058"; } .activation div.valid .icon:hover::after, .activation .content-area div.content-row:nth-of-type(2n) div.valid .icon:hover::after { color: #4cd964; } .activation div.valid input, .activation .content-area div.content-row:nth-of-type(2n) div.valid input { border-color: #4cd964; } .activation div + .message, .activation ~ .modal div + .message { height: 20px; line-height: 1; margin: 5px 0; padding: 0 8px; float: left; width: 100%; } .activation .btn { font-size: 16px; font-weight: 400; margin: 15px 0 30px; padding: 5px; width: 100%; } .activation #ftam-drop.btn { margin-bottom: 0; } .activation .divider-area .divider { height: 416px; } .activation.manage button { margin-bottom: 0; } .activation.manage .registration-contact .contact { font-size: 20px; font-weight: 400; margin-bottom: 0; } .activation.manage .registration-contact .contact .product, .activation.manage .registration-contact .contact .serial-number, .activation.manage .registration-contact .contact .full-name, .activation.manage .registration-contact .contact .company, .activation.manage .registration-contact .contact .address1, .activation.manage .registration-contact .contact .address2, .activation.manage .registration-contact .contact .country, .activation.manage .registration-contact .contact .email, .activation.manage .registration-contact .contact .phone, .activation.manage .registration-contact .contact .fax { display: block; } .activation.manage .registration-contact .contact .company, .activation.manage .registration-contact .contact .country { margin-bottom: 15px; } .activation.manage .registration-contact .contact .city, .activation.manage .registration-contact .contact .state, .activation.manage .registration-contact .contact .zip-code { display: inline-block; } .activation.manage .registration-contact button { margin: 0 0 30px; } .activation.manage .registration-contact button::after { content: none; } .activation.remote .add-row { color: #cd163f; margin: 5px 0 30px; float: right; padding-right: 8px; text-align: right; } .activation.remote .remove { color: #6d6e71; line-height: 1; margin-top: 5px; position: absolute; right: 23px; } .activation.remote .add-row:hover, .activation.remote .remove:hover { color: #cd163f; cursor: pointer; text-decoration: underline; } .activation.remote .add-row i, .activation.remote .remove i { margin-right: 5px; } .activation.remote .clone0 .remove { display: none; } .activation .upload-manual { padding: 8px 0 0 8px; } .activation .upload-manual div { float: left; width: 50%; } .modal.submit-msg .modal-dialog { text-align: center; } .modal.submit-msg .modal-title.icon.success { color: #4cd964; } .modal.submit-msg .modal-title.icon.error { color: #eb4e3d; } .activation.rehost .content-area .content-row.step .card { border: 3px solid #e6e7e8; padding: 15px; text-align: center; } .activation.rehost .content-area .content-row.step .card h4 { color: #43434d; font-size: 14px; margin-bottom: 0; text-transform: uppercase; } .activation.rehost .content-area .content-row.step .card .icon svg { height: 50px; margin-bottom: 15px; width: 50px; } .activation.rehost .content-area .content-row.step .card .icon .sr-good { fill: #4cd964; } .activation.rehost .content-area .content-row.step .card .icon .sr-failed { fill: #eb4e3d; } .activation.rehost .content-area .content-row.step .card .serial, .activation.rehost .content-area .content-row.step .card .binding { font-size: 20px; font-weight: 400; line-height: 1; margin-bottom: 15px; word-break: break-all; } .activation.rehost .content-area .content-row.step .details a:after { content: "\f105"; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding-left: 5px; } .activation.rehost .content-area .content-row.step .pagination .paging { border-top: 0 none; } /* Lifecycle Status */ .lifecycle .result-heading { font-size: 24px; font-weight: 700; } .search-results .lifecycle .content-blocks .img-container .block-img { height:auto !important; } .lifecycle .result-subheading, .result-subheading { color: #6d6e71; font-size: 18px; font-weight: 700; margin: 0; text-transform: uppercase; } .lifecycle .result-subheading, .result-subheading a { color:#43434d; } .lifecycle .result-subheading a:hover{ color:#cd163f; } .lifecycle .results-detail { margin-bottom:5px !important; clear:left; } .lifecycle #productDescription { font-family: Barlow Condensed, sans-serif; font-weight: 400; } .lifecycle #row1:after, .lifecycle #row2:after,.lifecycle #row3:after,.lifecycle #row4:after,.lifecycle #row5:after,.lifecycle #row6:after,.lifecycle #row7:after,.lifecycle #row8:after,.lifecycle #row9:after,.lifecycle #row10:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .lifecycle .additional-information { background-color:#e6e7e8; margin-top:50px; padding:5px; } .lifecycle .additional-information button { color:#cd163f; border:0; background-color:#e6e7e8; } .lifecycle .additional-information .collapse.in { display: inline-block; width: 100%; } .lifecycle .btn::after { content:none; } .lifecycle .btn-info::before { content:"\f105"; display: inline-block; font-family: FontAwesome; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-right: 5px; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; } .lifecycle .btn-info[aria-expanded=true]::before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .lifecycle .active .colorSwatch, #lifecycle-status.modal .active .colorSwatch { background-color: #188030; border-color: #0e4d1d; } .lifecycle .mature .colorSwatch, #lifecycle-status.modal .mature .colorSwatch { background-color: #a6db3d; border-color: #7aa12d; } .lifecycle .endOfLife .colorSwatch, #lifecycle-status.modal .endOfLife .colorSwatch { background-color: #f8c820; border-color: #b59217; } .lifecycle .discontinued .colorSwatch, #lifecycle-status.modal .discontinued .colorSwatch { background-color: #b82020; border-color: #811616; } .lifecycle .colorSwatch, #lifecycle-status.modal .colorSwatch { border-radius: 11px; border-style: solid; border-width: 3px; display: inline-block; height: 22px; margin: 0 8px -2px 0; width: 22px; } .lifecycle .content-1col .colorSwatch { margin-bottom: -5px; } #lifecycle-status.modal .colorSwatch { margin: 0 8px -5px -30px; } #lifecycle-status.modal .modal-body span { display: block; padding-left: 30px; } #replacement.modal .modal-body p { margin: 0; padding: 10px; } .lifecycle .lifecycle-addendum { color:#43434d; font-size:12px; margin-bottom:45px; } .lifecycle .search-results .pagination .paging { margin-bottom: 0; } .lifecycle .search-results .content-area .content-row.related { background-color: #fff; padding: 0; } .lifecycle .no-results h4 { color:#cd163f; font-size:36px; font-weight: 700; text-align:center; padding-bottom:10px; } .lifecycle .no-results .icon { text-align:center; color:bb2322; font-size:48px; } /*Cookie Notice*/ #cookieNotice { background-color: rgba(67, 67, 77, 0.85); bottom: 0; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.5); color: #fff; padding: 5px; position: fixed; right: 0; width: 100%; z-index: 999; } .cookie-notice-dialog { margin: 0 auto; width: 981px; } .cookie-notice-dialog p { color: #fff; } .cookie-notice-dialog p:first-child { float: left; text-align: left; width: 770px; } .cookie-notice-dialog p:last-child { float: right; margin-top: 18px; } .cookie-notice-dialog a { color: #fff !important; text-decoration: underline; } .cookie-notice-dialog .cta { background-color: #cd163f; color: #fff; padding: 5px; text-decoration: none; } /* Error Messages */ .error + .message::after { color: #eb4e3d; font-style: italic; } .address1.error + .message::after { content: "Please enter your address"; } .binding-type.type-serial.error + .message::after { content: "Please select a binding type"; } .binding-id.type-serial.error + .message::after { content: "Please enter a valid binding ID, 8 characters (A-F, 0-9)"; } .binding-id.type-mac.error + .message::after { content: "Please enter a valid binding ID, 12 characters (A-F, 0-9)"; } .binding-id.type-v9.error + .message::after { content: "Please enter a valid binding ID, starting with \201C 9-\201D and 8 characters (A-F, 0-9)"; } .browse.error + .message::after { content: "Please upload a valid rehost .txt file"; } .city.error + .message::after { content: "Please enter your city"; } .company.error + .message::after { content: "Please enter your company name"; } .binding-code.error + .message::after { content: "Please enter a valid rehost code, 6 characters (A-F, 0-9)"; } .email.error + .message::after { content: "Please enter a valid email address"; } .full-name.error + .message::after { content: "Please enter your full name"; } .password.error + .message::after { content: "Password must be at least 6 characters"; } .phone.error + .message::after { content: "Please enter your phone number"; } .serial.error + .message::after { content: "Please enter a valid serial number, 10 to 20 characters (A-Z, 0-9)"; } .product-key.error + .message::after { content: "Please enter a valid product key, 11 characters (A-Z, 0-9)"; padding-right: 85px; } .zip-code.error + .message::after { content: "Please enter your postcode"; } /* Footer */ #RA_footer-area { background: #cd163f; background: -moz-linear-gradient(45deg, #f58025 0%, #cd163f 45%); background: -webkit-linear-gradient(45deg, #f58025 0%,#cd163f 45%); background: linear-gradient(45deg, #f58025 0%,#cd163f 45%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58025', endColorstr='#cd163f',GradientType=1 ); } footer { background: url("https://www.rockwellautomation.com/resources/images/rockwellautomation/footer-overlay.png"), linear-gradient(45deg, #f58025 0%,#cd163f 45%); background-position: 50%; background-size: cover; color: #fff; } #RA_footer-area footer { background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/footer-overlay.png"); background-position: 50%; background-size: cover; color: #fff; } .ab footer { background-color: #003e7e; border-top: 4px solid #6d6e71; } footer .container { padding-top: 30px; } footer .container .icons:after { content:' '; display:block; clear:both; } footer .container a.blog, footer .container a.newspaper-o { width: 36px; height: 36px; color: #fff; background-color: #cd163f; display: block; float: left; margin: 0 10px 0 0; } footer .container a.blog:hover, footer .container a.newspaper-o:hover { color: #cd163f; 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.twitter:hover { color: #28aae1; background-color: #fff; } footer .container a.google-plus { width: 36px; height: 36px; color: #fff; background-color: #f44336; display: block; float: left; margin: 0 10px 0 0; } footer .container a.google-plus:hover { color: #f44336; background-color: #fff; } footer .container a.instagram { width: 36px; height: 36px; color: #fff; background-color: #8a46af; display: block; float: left; margin: 0 10px 0 0; } footer .container a.instagram:hover { color: #8a46af; 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.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.wechat, 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.wechat:hover, 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; } footer .container .logo-container .logo { background-image: url("//www.rockwellautomation.com/resources/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; } footer ul.nav { margin-left: -8px; } footer ul.nav > li { float: left; } footer ul.nav > li > a { color: #fff; font-family: Barlow Condensed, sans-serif; font-size: 19px; font-style: normal; font-weight: 400; margin: 15px 20px 0 0; padding: 0 8px; } .ra footer ul.nav > li > a:hover, footer ul.nav > li > a:hover, .ra footer ul.nav > li > a:focus, footer ul.nav > li > a:focus { color: #cd163f; background-color: #fff; } footer .container .copyright { text-align:center; margin:17px auto 30px; font-size: 11px; line-height: normal; } footer .container .copyright a, footer .container .copyright a:hover { color: #fff; margin: 0; text-decoration:underline; } /* Mobile Small Media Query - START */ @media (max-width: 480px) { #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-tools li { min-height: 138px; width: calc(100% * (1/2) - 20px); } /* Country Selection */ .worldwide .row { margin: 0; } .worldwide .country-sites ul li { width: 100%; } .worldwide .country-sites ul li .country-container .flag-wrapper { width: 58px; } } /* Mobile Small Media Query - END */ /* Mobile Large Media Query - START */ @media (min-width: 481px) and (max-width: 767px) { #nav-mobile .navbar-menu .account-box .account-form .account-site .my-ra-tools li { min-height: 118px; width: calc(100% * (1/3) - 20px); } /* Country Selection */ .worldwide .row { margin: 0; } .worldwide .country-sites ul li { width: 50%; } .worldwide .country-sites ul li .country-container .flag-wrapper { width: 58px; } } /* Mobile Large Media Query - END */ /* Mobile Media Query */ @media (max-width: 767px) { ul, ol { padding-left: 30px; } /* Logo Bar */ .logobar .navbar-brand { text-align: center; width: 100%; } .logobar .navbar-brand svg { height: 25px; } .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 #mobile-menu { width: 100%; } #sub-nav .container { margin: 0; padding: 0 15px; width: 100%; } #sub-nav .nav-section h2 a, #sub-nav .nav-section .section-title a { max-width: 200px; } footer .copyright { width: 220px; } footer .container .icons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-line-pack: center; -ms-flex-pack: center; -webkit-align-content: center; align-content: center; margin: 0 auto; width: 219px; } footer .container .icons a:nth-child(-n+4) { margin-bottom: 5px; } footer .container a:nth-child(4n), footer .container a:nth-last-child(2) { margin-right: 0; } /* Home */ .home .parallax { background-position: 50% 50%; height: 225px; } .home .parallax .hero { background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to left, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c000000', endColorstr='#00000000',GradientType=1); /* IE6-9 */ height: 225px; } .home .parallax .hero .feature-container { height: 225px; text-align: center; } .home .parallax .hero h1.char-5 { font-size: 55px; line-height: 55px; } .home .parallax .hero h1.char-10 { font-size: 45px; line-height: 45px; } .home .parallax .hero h1.char-15 { font-size: 35px; line-height: 35px; } .home .parallax .hero h1.char-20 { font-size: 35px; line-height: 35px; } .home .parallax .hero h1.char-25 { font-size: 35px; line-height: 35px; } .home .parallax .hero h1.char-30, .home .parallax .hero h1.char-over { font-size: 35px; line-height: 35px; } .home .parallax .hero h2 { font-size: 18px; } .home .parallax .hero button, .home .parallax .hero a.btn-link, .detail .parallax .hero .primary-cta .btn.btn-default { background-color: #cd163f; border-width: 3px; font-size: 18px; font-weight: 400; padding: 5px 15px; } .action-blocks .block-container p { font-size: 18px; } .spotlight-blocks .row { margin: 0 -9px; } .spotlight-blocks h2 { padding: 0 9px; } .spotlight-blocks .block-container { padding: 0 9px; } .action-blocks h2, .spotlight-blocks h2, .about-blocks h2 { font-size: 36px; } .spotlight-blocks .content-blocks .content-blocks-1 div.img-container, .spotlight-blocks .content-blocks .content-blocks-2 div.img-container, .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 div, .spotlight-blocks .content-blocks .promo-blocks-4 div.promo-container { margin-bottom: 20px; } .spotlight-blocks .content-blocks .block-img h4 { font-size: 22px; } .spotlight-blocks .content-blocks .promo-container .side, .spotlight-blocks .content-blocks .promo-container .stack { height: 98px; } .spotlight-blocks .content-blocks .promo-container .side:after, .spotlight-blocks .content-blocks .promo-container .stack:after { height: 98px; line-height: 98px; } .spotlight-blocks .content-blocks .promo-container .side h4 { font-size: 38px; line-height: 38px; } .spotlight-blocks .content-blocks .promo-container .side p { font-size: 16px; line-height: 18px; } .spotlight-blocks .content-blocks .promo-container .stack h4 { font-size: 20px; line-height: 20px; } .spotlight-blocks .content-blocks .promo-container .stack p { font-size: 13px; line-height: 15px; } .about-blocks .subscribe .subscribe-form { height: 50px; } .about-blocks .locations .country-locations, .about-blocks .locations .state-locations, .about-blocks .locations .province-locations { background-position: right -84px; height: 50px; } .about-blocks .locations .country-locations-menu, .about-blocks .locations .state-locations-menu, .about-blocks .locations .province-locations-menu { height: 44px; } .about-blocks .locations .placeholder { line-height: 44px; } .about-blocks .locations .dropdown-toggle .fa { line-height: 44px; } .about-blocks .subscribe .subscribe-email { height: 44px; } .about-blocks .subscribe .subscribe-btn .fa { height: 44px; line-height: 42px; } /* Overview */ .overview .section-blocks { margin-top: 30px; } .overview .promo .row div i { left: -4%; line-height: 207px; } .overview .promo .row div h3 { margin-top: 10px; } .overview .promo .row div .cta a { margin-bottom: 15px; } /* Landing */ .content-area { padding: 30px 0; } .landing .intro, .content-area .content-row { margin-bottom: 30px; } .landing.capabilities .intro { margin-bottom: 0; } .detail .intro, .filter .intro { margin: 20px 0; } .landing.events .intro .callout .col-lg-4.col-md-4.col-sm-4 .img-responsive { margin-top: 30px; } .content-area div.content-row:nth-of-type(odd) + join { margin-top: -30px; padding: 30px 0 0; } .content-area div.content-row:nth-of-type(even) { padding: 30px 0; } .content-area div.content-row:nth-of-type(even) + join { margin-top: -30px; padding: 0 0 30px; } .content-area div.content-row:nth-of-type(even) + .content-row.recognition, .content-area div.content-row:nth-of-type(even) + .content-row.contact-us, .content-area div.content-row:nth-of-type(even) + .content-row.register, .content-area div.content-row:nth-of-type(even) + join + .content-row.recognition, .content-area div.content-row:nth-of-type(even) + join + .content-row.contact-us, .content-area div.content-row:nth-of-type(even) + join + .content-row.register, .content-area #GSC-section-top .content-row.recognition, .content-area div.content-row:nth-of-type(even) + #GSC-section-bottom .content-row.recognition { margin-top: -30px; } .content-area .content-row.recognition + div.content-row:nth-of-type(even), .content-area .content-row.contact-us + div.content-row:nth-of-type(even), .content-area .content-row.register + div.content-row:nth-of-type(even), .content-area #GSC-section-top + div.content-row:nth-of-type(even) { margin-top: -30px; } .content-blocks-1, .content-blocks-1 .img-responsive { height: auto; } .landing .content-area .content-row.action-blocks .content-blocks + .content-blocks { margin-top: 30px; } .overview .parallax, .landing .parallax, .detail .parallax, .filter .parallax { height: 215px; } .overview .parallax .hero, .landing .parallax .hero, .detail .parallax .hero, .filter .parallax .hero { background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.7) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 15%,rgba(0, 0, 0, 0.7) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to left, rgba(0, 0, 0, 0) 15%,rgba(0, 0, 0, 0.7) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ height: 215px; } .landing .parallax .hero .feature-container .feature-content img, .detail .parallax .hero .feature-container .feature-content img, .filter .parallax .hero .feature-container .feature-content img { width: 80%; } .overview .parallax .hero h1, .landing .parallax .hero h1, .detail .parallax .hero h1, .filter .parallax .hero h1 { font-size: 36px; } .overview .parallax .hero h2, .landing .parallax .hero h2, .detail .parallax .hero h2, .filter .parallax .hero h2 { font-size: 18px; } .overview .breadcrumb, .landing .breadcrumb, .detail .breadcrumb, .filter .breadcrumb { margin-top: 20px; } .landing .intro { margin-top: 30px; } .landing .intro h3 { margin-top: 0; } .landing.industries .intro .content-blocks .content-blocks-2 .img-container:first-child { margin-bottom: 15px; } .landing.products .features .intro p { margin-bottom: 0; } .landing.industries .content-area .content-row.action-blocks .content-blocks + .content-blocks { margin-top: 0; } .landing.capabilities .action-blocks .block-container, .landing.industries .content-area .content-row.action-blocks .content-blocks .block-container { margin-bottom: 30px; } .content-area .content-row.content-callout .callout .col-lg-4.col-md-4.col-sm-5 .img-responsive { margin-top: 20px; } .content-area .content-row.content-callout .content-blocks .img-container { margin-bottom: 10px; } .content-area .content-row.content-2col ul li { padding-right: 0; width: 100%; } .content-area .content-row.content-3col .img-container { margin-bottom: 10px; } .content-area .content-row.recognition h3 { font-size: 24px; } .content-area .content-row.recognition p{ font-size: 16px; } .content-area .content-row.related .content-blocks .block-container { margin-bottom: 15px; } .content-area .content-row.related .content-blocks .block-container:last-child { margin-bottom: 0; } .content-area .content-row.testimonial .row > div:nth-child(3) .quote { border-top: 2px solid #fff; padding-top: 10px; } .content-area .content-row.rotate-text .carousel .carousel-indicators { margin-bottom: 15px; } .content-area .content-row.rotate-text .carousel .carousel-indicators li { font-size: 16px; } .content-area .content-row.challenge-blocks .row.content-blocks:first-child a:first-child .block-container { margin-top: 0; } .content-area .content-row.challenge-blocks .row.content-blocks a .block-container { margin-top: 30px; } .content-area .content-row.challenge-blocks .block-content button { font-size: 16px; height: 37px; } .content-area .content-row.challenge-blocks .block-content p { font-size: 16px; } .content-area .content-row.contact-us .fa, .content-area .content-row.register .fa { font-size: 32px; left: 15px; top: 5px; } .content-area .content-row.contact-us:nth-child(odd) .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row + .content-row + .content-row.contact-us .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row + .content-row + .content-row + .content-row + .content-row.contact-us .fa::before, .content-area .content-row.register:nth-child(odd) .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row.register .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row + .content-row + .content-row.register .fa::before, .content-area div.content-row:nth-of-type(even) + join + .content-row + .content-row + .content-row + .content-row + .content-row.register .fa::before { color: #fff; } .content-area .content-row.contact-us i, .content-area .content-row.register i { display: none; } .content-area .content-row.contact-us h3, .content-area .content-row.register h3, .content-area .content-row.contact-us p, .content-area .content-row.register p { text-align: center; } .content-area .content-row.contact-us .col-lg-8.col-md-8.col-sm-8 p + p, .content-area .content-row.register .col-lg-8.col-md-8.col-sm-8 p + p { text-align: center; } .content-area .content-row.social-feed .content-blocks div .row { margin-bottom: 30px; } .content-area .content-row.gallery .leftLst, .content-area .content-row.gallery .rightLst { border-radius: 30px; font-size: 45px; height: 60px; width: 60px; } .content-area .content-row.gallery .leftLst { left: 7px; } .content-area .content-row.gallery .rightLst { right: 7px; } .content-area .content-row.gallery.speakers .leftLst, .content-area .content-row.gallery.speakers .rightLst { top:calc(50% - 85px); } .content-area .content-row.gallery.photos .leftLst, .content-area .content-row.gallery.photos .rightLst { top:calc(50% - 65px); } .content-area .content-row.gallery.logos .leftLst { left: 120px; top:calc(100% - 45px); } .content-area .content-row.gallery.logos .rightLst { right: 120px; top:calc(100% - 45px); } .content-area .content-row.step h3 { padding: 50px 0 0 0; } .content-area .content-row.step h3::before { left: calc(50% - 56px); } /* Products Landing */ .products .features { margin-top: 30px; } .products .features .feature-row hr, .products .features .content-blocks hr { margin: 30px 0; } .products .features .content-blocks .block-container { margin-bottom: 30px; } .products .features .content-blocks .block-container:last-child { margin-bottom: 0; } .products .features-right-column .widget-container.feature h4.visible-xs-block { padding: 15px 15px 10px; } .products .features-right-column .widget-container.feature:hover h4 { color: #fff; } /* Product Detail */ .product-detail .content-area div.content-row.tab-bar ul li a { padding: 0 10px 11px; } .product-detail .features .whats-new { margin-bottom: 60px; } .product-detail .features .whats-new .version-group .version-number { left: auto; margin: 0 auto 30px auto; position: relative; top: auto; } .product-detail .features .whats-new .version-group p { border-left: 0 none; padding: 0 0 15px 0; } .product-detail .features .whats-new .version-group ul { border-left: 0 none; padding: 0 0 45px 15px; } .product-detail .resources .documentation-row .row:last-child { display: block; } .product-detail .resources .documentation-row .pub-number, .product-detail .resources .documentation-row .type { color: #43434d; font-size: 14px; margin: 15px 0; } .product-detail .resources .documentation-row .pub-number span, .product-detail .resources .documentation-row .type span { padding: 0; } .product-detail .resources .documentation-row .lang-select button { margin-left: 0; text-align: left; width: 100%; } .product-detail .resources .documentation-row .lang-select button svg { float: right; padding-top: 5px; } .product-detail .resources .documentation-row .lang-select .dropdown-menu { left: -1px; top: -1px; width: calc(100% + 2px); } .product-detail .resources .documentation-row .lang-select a.single-item { float: none; } .product-detail .ordering .action-group { flex-direction: column; } .product-detail .ordering .action-group a { margin: 0; } /* Hero Search Box */ .parallax .hero .search.feature-container .search-box .searchdrp { display: none; } .parallax .hero .search.feature-container .search-box .searchfld input { font-size: 20px; padding: 8px 43px 6px 0; } .parallax .hero .search.feature-container .searchfld table.ss-gac-m { margin: 3px 0 0 0; } .parallax .hero .search.feature-container .searchfld .clear { right: 15px; } .parallax .hero .search.feature-container .search-box .btnSearch { margin: 0 15px 0 0; } .parallax .hero .search.feature-container .search-box .btnSearch .fa-search { font-size: 30px; line-height: 58px; } /* Content Blocks */ .filter .content-blocks .img-container { margin-bottom: 10px; } /* Gated Form Modal */ #modalGate .modal-body .contact-located .contact-intro { width: 60%; } #modalGate .modal-body .contact-located .not-contact { width: 40%; } #modalGate .modal-body .form-middle .form-field label { padding: 0; } #modalGate .modal-body .form-middle .form-field.region-area { height: 63px; } /* Publication */ .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; } .content-blocks .block-container .block-img .content-overlay p { font-size: 18px; line-height: 1.35; } .filter-widget-wrapper ul { margin-bottom:0px; } ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; color:#fff; font-weight: 600; font-style: italic; font-size: 21px; line-height: 12px; background-color: #cd163f; } .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 #43434d; margin-bottom: 30px; } /* Lit Library Sample Code */ .lit-library .searchfld table.ss-gac-m { margin: 3px 0 0 0; } /* Search */ .publication .search-results .search-input .search-area button.icon { width: 18%; margin: -2px 10px 0 0; } .publication .search-results .search-input .search-area input[type="text"] { width: 75%; } /* Activations */ .activation.remote .product-key .icon::after { top: 29px; } .activation.rehost .content-area .content-row.step .card { margin-bottom: 30px; } .activation .step .pagination .paging { padding-top: 0; } /* Product Lifecycle*/ .lifecycle .related { margin-bottom:15px; } .lifecycle .result-subheading { font-size:13px; } /* News Overview */ .news .col-lg-8.col-md-8.col-sm-12.sub.promo, .news .col-lg-4.col-md-4.col-sm-12.sub.promo, .news .col-lg-12.col-md-12.col-sm-12.sub.company-news, .news .col-lg-12.col-md-12.col-sm-12.sub.product-news, .news .col-lg-12.col-md-12.col-sm-12.sub.press-release, .news .col-lg-12.col-md-12.col-sm-12.sub.company-news, .news .col-lg-12.col-md-12.col-sm-12.sub.product-news, .news .col-lg-12.col-md-12.col-sm-12.sub.press-release { height:211px; } .content-area .news-blocks .content-row.content-3col .img-container { margin-bottom: 30px; } } /* Mobile Media Query - END */ /* Tablet Media Query - START */ @media (min-width: 768px) and (max-width: 992px) { /* Main Nav */ .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, #nav-mobile #mobile-menu { border-left: 5px solid rgba(109, 110, 113, 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 .account-box .account-form .account-site .my-ra-tools li { min-height: 118px; width: calc(100% * (1/3) - 20px); } #sub-nav .container { margin: 0; padding: 0 24px; width: 100%; } .parallax + .container .breadcrumb .breadcrumb-list, .parallax + .container .breadcrumb .share-list { margin-top: 20px; } .breadcrumb .breadcrumb-list, .breadcrumb .share-list { margin-bottom: 20px; } /* Country Selection */ .worldwide .country-sites ul li { width: 33%; } .worldwide .country-sites ul li .country-container .flag-wrapper { width: 58px; } /* Home */ .home .parallax { background-position: 15% 50%; height: 325px; } .home .parallax .hero { background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8c000000',GradientType=1 ); /* IE6-9 */ height: 325px; } .home .parallax .hero .feature-container { height: 325px; } .home .parallax .hero h1.char-5 { font-size: 80px; line-height: 80px; } .home .parallax .hero h1.char-10 { font-size: 70px; line-height: 70px; } .home .parallax .hero h1.char-15 { font-size: 55px; line-height: 55px; } .home .parallax .hero h1.char-20 { font-size: 45px; line-height: 45px; } .home .parallax .hero h1.char-25 { font-size: 35px; line-height: 35px; } .home .parallax .hero h1.char-30, .home .parallax .hero h1.char-over { font-size: 30px; line-height: 30px; } .home .parallax .hero h1.char-10 + h2, .home .parallax .hero h1.char-15 + h2, .home .parallax .hero h1.char-20 + h2 { font-size: 22px; } .home .parallax .hero h1.char-25 + h2, .home .parallax .hero h1.char-30 + h2, .home .parallax .hero h1.char-over + h2 { font-size: 18px; } .home .parallax .hero button, .home .parallax .hero a.btn-link, .detail .parallax .hero .primary-cta .btn.btn-default { font-size: 20px; line-height: 20px; } .home .action-blocks .block-container p { font-size: 18px; } .spotlight-blocks .row { margin: 0 -9px; } .spotlight-blocks h2 { padding: 0 9px; } .spotlight-blocks .block-container { padding: 0 9px; } .action-blocks h2, .spotlight-blocks h2, .about-blocks h2 { font-size: 40px; } .spotlight-blocks .content-blocks .content-blocks-1 div.img-container, .spotlight-blocks .content-blocks .content-blocks-2 div.img-container, .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 div.img-container, .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 div.promo-container, .spotlight-blocks .content-blocks .promo-blocks-4 div.promo-container { margin-bottom: 9px; } .spotlight-blocks .content-blocks .content-blocks-2 .block-img, .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 .block-img { height: 205px; } .spotlight-blocks .content-blocks .content-blocks-1 .block-img { height: 405px; } .spotlight-blocks .content-blocks .block-img h4 { font-size: 22px; } .spotlight-blocks .content-blocks .content-blocks-2 .img-container, .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 .img-container { float: left; width: -webkit-calc(50% - 4.5px); width: -moz-calc(50% - 4.5px); width: calc(50% - 4.5px); } .spotlight-blocks .content-blocks .content-blocks-2 .img-container:nth-child(odd), .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 .img-container, .spotlight-blocks .content-blocks .promo-container:nth-child(even) { margin-right: 4.5px; } .spotlight-blocks .content-blocks .content-blocks-2 .img-container:nth-child(even), .spotlight-blocks .content-blocks .promo-container:nth-child(odd) { margin-left: 4.5px; } .spotlight-blocks .content-blocks .promo-container { float: right; width: -webkit-calc(50% - 4.5px); width: -moz-calc(50% - 4.5px); width: calc(50% - 4.5px); } .spotlight-blocks .content-blocks .promo-container .side, .spotlight-blocks .content-blocks .promo-container .stack { height: 98px; } .spotlight-blocks .content-blocks .promo-container .side:after, .spotlight-blocks .content-blocks .promo-container .stack:after { height: 98px; line-height: 98px; } .spotlight-blocks .content-blocks .promo-container .side h4 { font-size: 48px; line-height: 48px; } .spotlight-blocks .content-blocks .promo-container .side p { font-size: 16px; line-height: 18px; } .spotlight-blocks .content-blocks .promo-container .stack h4 { font-size: 24px; line-height: 24px; } .spotlight-blocks .content-blocks .promo-container .stack p { font-size: 14px; line-height: 16px; } .about-blocks .subscribe .subscribe-form { height: 46px; } .about-blocks .locations .country-locations, .about-blocks .locations .state-locations, .about-blocks .locations .province-locations { background-position: right -39px; height: 46px; } .about-blocks .locations .country-locations-menu, .about-blocks .locations .state-locations-menu, .about-blocks .locations .province-locations-menu { height: 40px; } .about-blocks .locations .placeholder { line-height: 40px; } .about-blocks .locations .dropdown-toggle .fa { line-height: 40px; } .about-blocks .subscribe .subscribe-email { height: 40px; } .about-blocks .subscribe .subscribe-btn .fa { height: 40px; line-height: 38px; } /* Overview */ .overview .block, .overview .promo { height: 202px; } .overview .promo .row { height: 202px; } .overview .promo .row div.col-lg-12 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .overview .promo .row div i { left: 5%; line-height: 202px; } .overview .promo .row div p { font-size: 18px; margin-bottom: 15px; } /* Landing */ .content-area { padding: 45px 0; } .landing.capabilities .action-blocks a:last-child .block-container, .landing.industries .content-area .content-row.action-blocks .content-blocks a:last-child .block-container { margin-bottom: 0; } .landing .intro, .content-area .content-row { margin-bottom: 45px; } .landing.capabilities .intro { margin-bottom: 0; } .detail .intro, .filter .intro { margin-bottom: 35px; } .landing.industries .intro .content-blocks .content-blocks-2 .img-container { float: left; width: 50%; } .landing.industries .intro .content-blocks .content-blocks-2 .img-container:first-child { padding-right: 15px; } .landing.industries .intro .content-blocks .content-blocks-2 .img-container:first-child .content-label::before { right: 15px; } .landing.industries .intro .content-blocks .content-blocks-2 .img-container:last-child { padding-left: 15px; } .content-area div.content-row:nth-of-type(odd) + join { margin-top: -45px; padding: 45px 0 0; } .content-area div.content-row:nth-of-type(even) { padding: 45px 0; } .content-area div.content-row:nth-of-type(even) + join { margin-top: -45px; padding: 0 0 45px; } .content-area div.content-row:nth-of-type(even) + .content-row.recognition, .content-area div.content-row:nth-of-type(even) + .content-row.contact-us, .content-area div.content-row:nth-of-type(even) + .content-row.register, .content-area div.content-row:nth-of-type(even) + join + .content-row.recognition, .content-area div.content-row:nth-of-type(even) + join + .content-row.contact-us, .content-area div.content-row:nth-of-type(even) + join + .content-row.register, .content-area #GSC-section-top .content-row.recognition, .content-area div.content-row:nth-of-type(even) + #GSC-section-bottom .content-row.recognition { margin-top: -45px; } .content-area .content-row.recognition + div.content-row:nth-of-type(even), .content-area .content-row.contact-us + div.content-row:nth-of-type(even), .content-area .content-row.register + div.content-row:nth-of-type(even), .content-area #GSC-section-top + div.content-row:nth-of-type(even) { margin-top: -45px; } .landing .content-area .content-row.action-blocks .content-blocks + .content-blocks { margin-top: 45px; } .overview .parallax, .landing .parallax, .detail .parallax, .filter .parallax { height: 215px; } .overview .parallax .hero, .landing .parallax .hero, .detail .parallax .hero, .filter .parallax .hero { background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.7) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 15%,rgba(0, 0, 0, 0.7) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0) 15%,rgba(0, 0, 0, 0.7) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8c000000',GradientType=1 ); /* IE6-9 */ height: 215px; } .overview .parallax .hero h1, .landing .parallax .hero h1, .detail .parallax .hero h1, .filter .parallax .hero h1 { font-size: 50px; margin-bottom: 8px; } .overview .parallax .hero h2, .landing .parallax .hero h2, .detail .parallax .hero h2, .filter .parallax .hero h2 { font-size: 22px; } .landing .action-blocks .action-blocks-4 a:nth-child(2):after, .detail .action-blocks .action-blocks-4 a:nth-child(2):after, .filter .action-blocks .action-blocks-4 a:nth-child(2):after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .landing.industries .intro .content-blocks-1 .img-container .block-img { height: 436px; } .landing.industries .intro .content-blocks-1 .img-container .block-img .img-responsive { min-height: 100%; object-fit: cover; object-position: 50% 50%; } .landing.capabilities .action-blocks .block-container p { font-size: 18px; } .landing.industries .action-blocks .block-container p { font-size: 14px; } .content-area .content-row.content-3col .img-container .block-img h4 { font-size: 18px; padding: 0 48px 0 8px; } .content-area .content-row.content-3col .img-container .block-img { border-bottom-width: 5px; } .content-area .content-row.content-3col .img-container .content-label:before { bottom: 5px; font-size: 19px; height: 30px; line-height: 30px; width: 40px; } .content-area .content-row.related .content-blocks .block-container { height: 253px; } .content-area .content-row.related .content-blocks .block-container .block-img .content-overlay p { font-size: 18px; line-height: 1.6; } .content-area .content-row.content-callout .callout .col-lg-4.col-md-4.col-sm-5 .img-responsive { max-width: 237px; } .content-area .content-row.rotate-text .carousel .carousel-indicators li { font-size: 18px; } .content-area .content-row.challenge-blocks .row.content-blocks:nth-child(n+2) { margin-top: 30px; } .content-area .content-row.challenge-blocks .block-content button { font-size: 16px; } .content-area .content-row.challenge-blocks .block-content p { font-size: 14px; } .content-area .content-row.contact-us { min-height: 224px; } .content-area .content-row.contact-us .fa { font-size: 300px; left: -22px; top: -67px; } .content-area .content-row.register { min-height: 250px; } .content-area .content-row.register .fa { font-size: 550px; left: -65px; top: -200px; } /* Products Landing */ .products .features .feature-row:nth-of-type(even) > div:nth-child(2) { float: right; } .products .features .content-blocks .block-container .block-img .content-overlay p { font-size: 14px; line-height: 1; } .products .features-right-column .widget-container { min-height: 322px; } .products .features-right-column .widget-container.feature h4:first-child { padding: 15px 15px 0; } /* News Overview */ .landing.news .content-area { padding: 0; } .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.promo { height: 199px; } .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.promo, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.press-release, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.company-news, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.product-news { width: calc(50% - 15px); } .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.promo:first-child, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.press-release:first-child, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.company-news:first-child, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.product-news:first-child { margin-right: 15px; } .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.promo:nth-child(2), .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.press-release:nth-child(2), .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.company-news:nth-child(2), .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.product-news:nth-child(2) { margin-left: 15px; } .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.promo:first-child .promo-content { margin-right: -7.5px; } .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.promo:nth-child(2) .promo-content { margin-left: -7.5px; } .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.press-release:first-child .press-release-content, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.company-news:first-child .company-news-content, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.product-news:first-child .product-news-content { margin-right: -15px; } .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.press-release:nth-child(2) .press-release-content, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.company-news:nth-child(2) .company-news-content, .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.product-news:nth-child(2) .product-news-content { margin-left: -15px; } /* Gated Form Modal */ #modalGate .modal-body .contact-located .contact-intro { width: 70%; } #modalGate .modal-body .contact-located .not-contact { width: 30%; } #modalGate .modal-body .form-middle .form-field label { padding: 7px 0 0; } #modalGate .modal-body .form-middle .form-field.region-area { height: 50px; } /* Publication */ .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; } /* Account */ .account .divider-area .divider { height: 248px; } .activation.remote .product-key .icon::after { top: 0; } } /* Tablet Media Query - END */ /* Mobile & Tablet Media Query - START */ @media (max-width: 992px) { #brandbar-container { display: none; } .ra #nav-container + #hero { margin-bottom: 0; top: 0; } .ra #RA_brandbar-row + #nav-container, .ra .brandbar-fixed-top + #nav-container { height: 50px; top: 0; } .ra #nav-container + #RA_mainbody-row { margin-bottom: 0; top: 0; } #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; } #nav-mobile #menu > li, #nav-mobile #mobile-menu > li { /*! Accessibility - duplicated above to support new ID */ display: none; } #sub-nav { top: 50px !important; } #sub-nav .nav-menu { display: none; } #sub-nav .nav-menu-drop { display: block; } .ra .content, .ab .content { background-color: #fff; padding-top: 50px; } .ra .content.search-results { padding-top: 136px; } .ra .content.lit-library { padding-top: 30px; } .ra .content.help, .ra .content.locator { padding-top: 88px; } .ra .content.careers, .ra .content.pcdc, .ra .content.sample-code { padding-top: 0; } .ra .content.lit-library.filter, .ra .content.sample-code.filter { padding-top: 50px; } .ra .content.sample-code .search-header { top: -38px; } .ra #nav-container + #RA_mainbody-row.home.no-sub-nav { top: 0; } .no-sub-nav.overview .parallax .hero .feature-container, .no-sub-nav.landing .parallax .hero .feature-container, .no-sub-nav.detail .parallax .hero .feature-container, .no-sub-nav.filter .parallax .hero .feature-container, #sub-nav.no-links + .content .parallax .hero .feature-container { height: 215px; } .overview .parallax .hero .feature-container, .landing .parallax .hero .feature-container, .detail .parallax .hero .feature-container, .filter .parallax .hero .feature-container { height: 177px; } /* Home */ .home .parallax .hero .primary-cta, .home .parallax .hero .secondary-cta { display: block; } .home .action-blocks .block-container h3 { font-size: 26px; } .home .action-blocks .block-container button { font-size: 20px; } .home .about-blocks .block-container { margin-bottom: 20px; } .home .about-blocks .stock-quote .stock-price { font-size: 48px; line-height: 48px; } .home .about-blocks .stock-quote .stock-change { font-size: 20px; } /* Landing */ .landing.events .intro .callout .col-lg-4.col-md-4.col-sm-4 .img-responsive { max-height: 100px; max-width: 200px; } .landing .action-blocks .block-container h3 { font-size: 26px; } .landing.capabilities .action-blocks .block-container button { font-size: 20px; } .landing.industries .action-blocks .block-container button { font-size: 16px; } .landing.products .features img { margin-bottom: 10px; } .content-area .content-row.challenge-blocks .block-heading h3 { font-size: 20px; } .filter .intro .btn { min-width: 100%; } /* Product Detail */ .product-detail .content-area .product-gallery { flex-direction: column; } .product-detail .content-area .product-gallery .main-image { display: block; height: auto; margin-bottom: 30px; order: -1; overflow: hidden; width: 100%; } .product-detail .content-area .product-gallery .nav-images { margin: 0; width: 100%; } .product-detail .content-area .product-gallery .nav-images ul { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .product-detail .content-area .product-gallery .nav-images ul li { flex: 1 0 21%; margin: 0 8px 10px; max-width: 85px; } .product-detail .resources .callout { display: flex; justify-content: center; margin-top: 30px; } .product-detail .resources .callout .callout-icon { margin: 0 10px 0 0; } /* Hero Search Box */ .parallax .hero .search.feature-container { height: 215px; } .parallax .hero .search.feature-container.links, .parallax .hero .search.feature-container.sub-nav { height: 177px; } /* Features */ .features-right-column { padding-top: 0; } /* Publication */ .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; } .widget-container.feature:hover h4.visible-sm-block.visible-xs-block { color: #cd163f; } /* Filtering */ #NoResultsMsg { width: 75%; } .filter .btn-primary { margin-bottom: 20px; } /* Lit Library Sample Code */ .lit-library .filter-sidebar, .sample-code .filter-sidebar { margin-bottom: 10px; } .lit-library .filter-sidebar h3, .sample-code .filter-sidebar h3 { cursor: pointer; } .lit-library .filter-sidebar h3.open, .sample-code .filter-sidebar h3.open { color: #cd163f; } .lit-library .filter-sidebar .filter-item, .sample-code .filter-sidebar .filter-item { display: none; } .lit-library .filter-sidebar.open .filter-item, .sample-code .filter-sidebar.open .filter-item { display: block; } .lit-library .filter-sidebar .head.icon, .sample-code .filter-sidebar .head.icon { background-color: #cd163f; color: #fff; cursor: pointer; font-size: 18px; height: 24px; line-height: 18px; margin: 4px 0 0; position: absolute; right: 15px; text-align: center; top: 20px; width: 24px; } .lit-library .filter-sidebar .head.icon i, .sample-code .filter-sidebar .head.icon i { position: absolute; right: 18%; top: 10%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .lit-library .filter-sidebar .head.icon.open i, .sample-code .filter-sidebar .head.icon.open i { right: 16%; top: 12%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .lit-library .filter-sidebar .done-applied, .sample-code .filter-sidebar .done-applied { border: 2px solid #cd163f; color: #cd163f; cursor: pointer; display: none; font-size: 18px; font-weight: 400; margin-bottom: 12px; padding: 8px 0; text-align: center; } .lit-library .filter-sidebar .done-applied:hover, .sample-code .filter-sidebar .done-applied:hover { background-color: #cd163f; color: #fff; } .lit-library .filter-sidebar.open .done-applied, .sample-code .filter-sidebar.open .done-applied { display: block; } .lit-library .search-results .row, .sample-code .search-results .row { margin-bottom: 0; } /* Search */ .search-results .filter-bar .head.text { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; color: #6d6e71; cursor: pointer; font-size: 32px; font-weight: 700; line-height: 32px; padding: 10px 0; text-transform: uppercase; } .search-results .filter-bar .head.text.open { color: #cd163f; } .search-results .filter-bar .head.icon { background-color: #cd163f; color: #fff; cursor: pointer; font-size: 18px; height: 24px; line-height: 18px; margin: 4px 0 0; position: absolute; right: 15px; text-align: center; top: 11px; width: 24px; } .search-results .filter-bar .head.icon i { position: absolute; right: 18%; top: 10%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .search-results .filter-bar .head.icon.open i { right: 16%; top: 12%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .search-results .filter-bar .menu { background-color: rgba(0, 0, 0, 0.85); display: none; height: 0; position: absolute; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); z-index: 99; } .search-results .filter-bar .menu.open { display: block; height: auto; padding: 10px 15px; } .search-results .filter-bar .head.results { border-bottom: 1px solid #969696; color: #fff; font-size: 14px; font-weight: 700; padding: 0 15px 10px; text-align: center; } .search-results .filter-bar .category .item { border-bottom: 1px solid #969696; margin-top: 5px; padding-bottom: 5px; } .search-results .filter-bar .category .item a { color: #fff; display: block; font-size: 18px; font-weight: 400; padding: 10px 15px; } .search-results .filter-bar .category .item.open a, .search-results .filter-bar .category .item a:hover { background-color: rgba(205, 22, 63, 0.8); text-decoration: none; } .search-results .filter-bar .category .item a::after { content: "\f105"; float: right; font-family: FontAwesome; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .search-results .filter-bar .category .item.open a::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .search-results .filter-bar .category .item .dropdown-menu { background-color: transparent; color: #fff; float: none; margin-bottom: 10px; padding: 0 15px; position: relative; width: 100%; } .search-results .filter-bar .category .item .dropdown-menu input { cursor: pointer; } .search-results .filter-bar .category .item .dropdown-menu label { cursor: pointer; font-size: 16px; font-weight: normal; margin-bottom: 0; padding: 5px; } .search-results .filter-bar .category .item .dropdown-menu label .count { border-radius: 14px; cursor: pointer; font-size: 14px; margin-left: 8px; } .search-results .filter-bar .category .item .dropdown-menu .btn-more-less { display: none; } .search-results .filter-bar .applied .tags { padding: 10px 15px; } .search-results .filter-bar .applied .tags .filter-applied { background-color: #fff; color: #cd163f; cursor: pointer; display: inline-block; font-size: 16px; margin: 5px 5px 5px 0; padding: 5px 8px; } .search-results .filter-bar .applied .tags .filter-applied::before { content: "\f00d"; font-family: FontAwesome; margin-right: 5px; } .search-results .filter-bar .applied .buttons { border-top: 1px solid #969696; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .search-results .filter-bar .applied .buttons div { border: 2px solid #fff; color: #fff; cursor: pointer; display: inline-block; -webkit-flex-flow: 2; flex-grow: 2; font-size: 20px; font-weight: 400; margin: 15px 0; padding: 5px 0; text-align: center; width: 50%; } .search-results .filter-bar .applied .buttons div:hover { background-color: #fff; color: #cd163f; } .search-results .filter-bar .applied .buttons .clear-applied { margin-right: 5px; } .search-results .filter-bar .applied .buttons .done-applied { margin-left: 5px; } .search-results .row .site-url span { display: block; } .search-results .row .site-url span.url { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* Account */ .account .login-area .forgot { margin: 8px 0 30px; } .account .account-area a { border: 2px solid #cd163f; display: block; font-size: 16px; font-weight: 400; margin: 20px 0 0; padding: 5px; text-align: center; width: 100%; } .account .account-area a:hover { background-color: #cd163f; color: #fff; text-decoration: none; } .account .account-area a::after { content: "\f105"; font-family: FontAwesome; padding-left: 5px; } /* Activations */ .activation.rehost .binding-id .icon::after, .activation.remote .binding-id .icon::after { top: 76px; } .activation.rehost .serial .icon::after { top: 153px; } .activation.rehost .code .icon::after { top: 230px; } .activation.manage .serial .icon::after, .activation.remote .serial .icon::after { top: 0; } .activation.manage .criteria-input .icon::after { top: 107px; } /* Lifecycle */ .lifecycle .result-subheading { margin-top: 10px } .lifecycle .additional-information button { padding-bottom: 0; } /* Cookie Notice */ .cookie-notice-dialog { padding: 15px; width: auto; } .cookie-notice-dialog p:first-child { float: none; text-align: center; width: auto; } .cookie-notice-dialog p:last-child { float: none; text-align: center; } } /* Mobile & Tablet Media Query - END */ /* Desktop Small Media Query - START */ @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:first-child > a { margin-left: 0px; } .cbp-hrmenu .cbp-hrsub-inner .row li { min-height: 60px; } .cbp-hrmenu .cbp-hrsub-inner .row li > h4 { display: table-cell; vertical-align: bottom; } #sub-nav .nav-menu-drop { display: none; } /* Country Selection */ .worldwide .country-sites ul li { width: 33%; } .worldwide .country-sites ul li .country-container .flag-wrapper { width: 58px; } /* Home */ .home .parallax .hero-overlay h3 { font-size: 16px; letter-spacing: -1px; } .home .parallax .hero-overlay .country-list ul li a { font-size: 11px; } .home .parallax .hero h1.char-5 { font-size: 95px; line-height: 95px; } .home .parallax .hero h1.char-10 { font-size: 80px; line-height: 80px; } .home .parallax .hero h1.char-15 { font-size: 65px; line-height: 65px; } .home .parallax .hero h1.char-20 { font-size: 50px; line-height: 50px; } .home .parallax .hero h1.char-25 { font-size: 40px; line-height: 40px; } .home .parallax .hero h1.char-30, .home .parallax .hero h1.char-over { font-size: 35px; line-height: 35px; } .home .parallax .hero h1.char-10 + h2, .home .parallax .hero h1.char-15 + h2, .home .parallax .hero h1.char-20 + h2 { font-size: 24px; } .home .parallax .hero h1.char-25 + h2, .home .parallax .hero h1.char-30 + h2, .home .parallax .hero h1.char-over + h2 { font-size: 22px; } .action-blocks .block-container h3 { font-size: 24px; } .action-blocks .block-container p { font-size: 16px; } .action-blocks .block-container button { font-size: 16px; } .action-blocks .autosuggestDialog .search .search-input { font-size: 12px; } .spotlight-blocks .row { margin: 0 -6px; } .spotlight-blocks h2 { padding: 0 6px; } .spotlight-blocks .block-container { padding: 0 6px; } .action-blocks h2, .spotlight-blocks h2, .about-blocks h2 { font-size: 44px; } .spotlight-blocks .content-blocks .content-blocks-2 div.img-container:first-child, .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 div:nth-child(-n+2), .spotlight-blocks .content-blocks .promo-blocks-4 div.promo-container:nth-child(-n+3) { margin-bottom: 12px; } .spotlight-blocks .content-blocks .content-blocks-1 .block-img { height: 372px; } .spotlight-blocks .content-blocks .content-blocks-2 .block-img, .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 .block-img { height: 180px; } .spotlight-blocks .content-blocks .block-img h4 { font-size: 18px; } .spotlight-blocks .content-blocks .promo-container .side, .spotlight-blocks .content-blocks .promo-container .stack { height: 84px; } .spotlight-blocks .content-blocks .promo-container .side:after, .spotlight-blocks .content-blocks .promo-container .stack:after { height: 84px; line-height: 84px; } .spotlight-blocks .content-blocks .promo-container .side h4 { font-size: 38px; line-height: 38px; } .spotlight-blocks .content-blocks .promo-container .side p { font-size: 14px; line-height: 16px; } .spotlight-blocks .content-blocks .promo-container .stack h4 { font-size: 20px; line-height: 20px; } .spotlight-blocks .content-blocks .promo-container .stack p { font-size: 12px; line-height: 14px; } .about-blocks .stock-quote .stock-price { font-size: 40px; line-height: 40px; } .about-blocks .stock-quote .stock-change { font-size: 16px; } .about-blocks .stock-timestamp { font-size: 12px; } /* Overview */ .overview .block, .overview .promo { height: 173px; } .overview .promo .row { height: 173px; } .overview .promo .row div i { left: 5%; line-height: 173px; } .overview .promo .row div h3 { margin-bottom: 2px; } .overview .promo .row div p { font-size: 15px; margin-bottom: 10px; } /* Landing */ .content-area .content-row.content-callout .callout .col-lg-4.col-md-4.col-sm-5 .img-responsive { max-width: 297px; } .content-area .content-row.challenge-blocks .block-heading h3 { font-size: 22px; } .content-area .content-row.challenge-blocks .block-content button { font-size: 16px; height: 37px; } .content-area .content-row.challenge-blocks .block-content p { font-size: 16px; } .content-area .content-row.contact-us { min-height: 214px; } .content-area .content-row.contact-us .fa { font-size: 300px; left: 35px; top: -74px; } .content-area .content-row.register { min-height: 228px; } .content-area .content-row.register .fa { font-size: 560px; left: 0; top: -216px; } /* News Overview */ .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-6.promo { height: 172px; } .news .content-row.content-3col .content-blocks .promo h4 { margin-bottom: 5px; } .news .content-row.content-3col .content-blocks .promo p { line-height: 1.2; margin-bottom: 5px; } .news .content-row.content-3col .content-blocks .promo .cta a { padding: 0px 12px; } .news .content-row.content-3col .content-blocks .col-lg-4.col-md-4.col-sm-12 .col-lg-12.col-md-12.col-sm-12 .news-blocks-1 .block-img { height: 375px; } /* Publication */ .publication .img-callout .vid-overlay { margin: 33px 0 0 67px; } .content-blocks .block-container .block-img .content-overlay p { font-size: 12px; line-height: 1.36; } .publication .content-blocks .img-container .block-img img { max-height: 120px; width: 100%; } } /* Desktop Small Media Query - END */ /* Mobile, Tablet & Small Desktop Media Query - START */ @media (max-width: 1200px) { } /* Mobile, Tablet & Small Desktop Media Query - END */ /* Desktop Large Media Query - START */ @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; } .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 { min-height: 44px; } .cbp-hrmenu .cbp-hrsub-inner .row li > h4 { display: table-cell; vertical-align: bottom; } /* Country Selection */ .worldwide .country-sites ul li { width: 25%; } .ab .worldwide .country-sites ul li { width: 20%; } .worldwide .country-sites ul li .country-container .flag-wrapper { width: 58px; } /* Home */ .home .parallax .hero-overlay h3 { font-size: 18px; } .home .parallax .hero-overlay .country-list ul li a { font-size: 12px; } .home .parallax .hero h1.char-5 { font-size: 95px; line-height: 95px; } .home .parallax .hero h1.char-10 { font-size: 80px; line-height: 80px; } .home .parallax .hero h1.char-15 { font-size: 70px; line-height: 70px; } .home .parallax .hero h1.char-20 { font-size: 60px; line-height: 60px; } .home .parallax .hero h1.char-25 { font-size: 50px; line-height: 50px; } .home .parallax .hero h1.char-30, .home .parallax .hero h1.char-over { font-size: 40px; line-height: 40px; } .home .parallax .hero h1.char-10 + h2, .home .parallax .hero h1.char-15 + h2, .home .parallax .hero h1.char-20 + h2 { font-size: 24px; } .home .parallax .hero h1.char-25 + h2, .home .parallax .hero h1.char-30 + h2, .home .parallax .hero h1.char-over + h2 { font-size: 22px; } .action-blocks .block-container h3 { font-size: 26px; } .action-blocks .block-container p { font-size: 18px; } .action-blocks .block-container button { font-size: 20px; } .spotlight-blocks .row { margin: 0 -9px; } .spotlight-blocks h2 { padding: 0 9px; } .spotlight-blocks .block-container { padding: 0 9px; } .action-blocks h2, .spotlight-blocks h2, .about-blocks h2 { font-size: 50px; } .spotlight-blocks .content-blocks .content-blocks-2 div.img-container:first-child, .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 div:nth-child(-n+2), .spotlight-blocks .content-blocks .promo-blocks-4 div.promo-container:nth-child(-n+3) { margin-bottom: 19px; } .spotlight-blocks .content-blocks .content-blocks-1 .block-img { height: 449px; } .spotlight-blocks .content-blocks .content-blocks-2 .block-img, .spotlight-blocks .content-blocks .content-blocks-1-promo-blocks-2 .block-img { height: 215px; } .spotlight-blocks .content-blocks .block-img h4 { font-size: 22px; } .spotlight-blocks .content-blocks .promo-container .side, .spotlight-blocks .content-blocks .promo-container .stack { height: 98px; } .spotlight-blocks .content-blocks .promo-container .side:after, .spotlight-blocks .content-blocks .promo-container .stack:after { height: 98px; line-height: 98px; } .spotlight-blocks .content-blocks .promo-container .side h4 { font-size: 48px; line-height: 48px; } .spotlight-blocks .content-blocks .promo-container .side p { font-size: 16px; line-height: 18px; } .spotlight-blocks .content-blocks .promo-container .stack h4 { font-size: 24px; line-height: 24px; } .spotlight-blocks .content-blocks .promo-container .stack p { font-size: 14px; line-height: 16px; } .about-blocks .stock-quote .stock-price { font-size: 48px; line-height: 48px; } .about-blocks .stock-quote .stock-change { font-size: 20px; } /* Overview */ .overview .block, .overview .promo { height: 211px; } .overview .promo .row { height: 211px; } .overview .promo .row div i { left: 5%; line-height: 211px; } .overview .promo .row div p { font-size: 18px; margin-bottom: 15px; } /* Landing */ .content-area .content-row.content-callout .callout .col-lg-4.col-md-4.col-sm-5 .img-responsive { max-width: 360px; } .content-area .content-row.challenge-blocks .block-heading h3 { font-size: 26px; } .content-area .content-row.challenge-blocks .block-content p { font-size: 18px; } .content-area .content-row.contact-us { min-height: 206px; } .content-area .content-row.contact-us .fa { font-size: 270px; left: 94px; top: -62px; } .content-area .content-row.register { min-height: 206px; } .content-area .content-row.register .fa { font-size: 600px; left: 13px; top: -249px; } /* Publication */ .content-blocks .block-container .block-img .content-overlay p { font-size: 14px; line-height: 1.5; } .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 Large Media Query - END */ /* Desktop Small & Large Media Query - START */ @media (min-width: 993px) { .brandbar-fixed-top { position: fixed; top: 0; } .navbar-header { width: 247px; } .navbar-collapse { width: calc(100% - 247px); } .navbar-collapse .navbar-nav { float: none; } #nav { position: fixed; top: 40px; } #sub-nav { top: 128px; } .ra .content, .ab .content { background-color: #fff; } .ra .content.publication, .ra .content.help, .ra .content.locator { padding-top: 98px; } .ra .content.no-sub-nav, .ra .content.landing, .ra .content.detail, .ra .content.filter { padding-top: 128px; } .ra .content.search-results { padding-top: 125px; } .ra .content.lit-library { padding-top: 83px; } .ra .content.sample-code { padding-top: 0; } .ra .content.activation, .ra .content.careers, .ra .content.events.filter, .ra .content.lifecycle, .ra .content.lit-library.filter, .ra .content.sample-code.filter { padding-top: 40px; } .ra .content.pcdc { padding-top: 78px; } /* Home */ .home .parallax { background-position: 50% 50%; height: 325px; } .home .parallax .hero { background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.75) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0) 20%,rgba(0, 0, 0, 0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8c000000',GradientType=1 ); /* IE6-9 */ height: 325px; } .home .parallax .hero .feature-container { height: 325px; } .home .parallax .hero button, .home .parallax .hero a.btn-link, .detail .parallax .hero .primary-cta .btn.btn-default { font-size: 20px; line-height: 20px; } .home .parallax .hero .primary-cta, .home .parallax .hero .secondary-cta { display: inline-block; } .home .parallax .hero .primary-cta + .primary-cta, .home .parallax .hero .secondary-cta button { margin-left: 15px; } .home .action-blocks { margin-top: 55px; } .action-blocks { margin-bottom: 45px; } .about-blocks .subscribe .subscribe-form { height: 40px; } .about-blocks .locations .country-locations, .about-blocks .locations .state-locations, .about-blocks .locations .province-locations { background-position: right 0; height: 40px; } .about-blocks .locations .country-locations-menu, .about-blocks .locations .state-locations-menu, .about-blocks .locations .province-locations-menu { height: 34px; } .about-blocks .subscribe .subscribe-email { height: 34px; } .about-blocks .subscribe .subscribe-btn .fa { height: 34px; line-height: 32px; } .spotlight-blocks .content-blocks .content-blocks-1 .img-container:first-child { margin-bottom: 0; } .about-blocks .locations .placeholder { line-height: 34px; } .about-blocks .locations .dropdown-toggle .fa { line-height: 34px; } /* Overview */ .overview .block:nth-child(9), .overview .block:nth-child(19), .overview .block:nth-child(29), .overview .block:nth-child(39) { float: right; } .overview .promo .row div.col-lg-12 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Landing */ .content-area { padding: 45px 0; } .landing .intro, .content-area .content-row { margin-bottom: 45px; } .landing.capabilities .intro { margin-bottom: 0; } .detail .intro, .filter .intro { margin-bottom: 35px; } .landing.events .intro .callout .col-lg-4.col-md-4.col-sm-4 .img-responsive { max-height: 150px; max-width: 250px; } .content-area div.content-row:nth-of-type(odd) + join { margin-top: -75px; padding: 45px 0 0; } .content-area div.content-row:nth-of-type(even) { padding: 45px 0; } .content-area div.content-row:nth-of-type(even) + join { margin-top: -75px; padding: 0 0 45px; } .content-area div.content-row:nth-of-type(even) + .content-row.recognition, .content-area div.content-row:nth-of-type(even) + .content-row.contact-us, .content-area div.content-row:nth-of-type(even) + .content-row.register, .content-area div.content-row:nth-of-type(even) + join + .content-row.recognition, .content-area div.content-row:nth-of-type(even) + join + .content-row.contact-us, .content-area div.content-row:nth-of-type(even) + join + .content-row.register, .content-area #GSC-section-top .content-row.recognition, .content-area div.content-row:nth-of-type(even) + #GSC-section-bottom .content-row.recognition { margin-top: -45px; } .content-area .content-row.recognition + div.content-row:nth-of-type(even), .content-area .content-row.contact-us + div.content-row:nth-of-type(even), .content-area .content-row.register + div.content-row:nth-of-type(even), .content-area #GSC-section-top + div.content-row:nth-of-type(even) { margin-top: -45px; } .landing .content-area .content-row.action-blocks .content-blocks + .content-blocks { margin-top: 45px; } .overview .parallax, .landing .parallax, .detail .parallax, .filter .parallax { height: 215px; } .filter .lit-library .parallax, .filter .lit-library .parallax .hero, .sample-code.filter .parallax, .sample-code.filter .parallax .hero, .lifecycle.landing .parallax, .lifecycle.landing .parallax .hero { height: 266px; } .overview .parallax .hero, .landing .parallax .hero, .detail .parallax .hero, .filter .parallax .hero { background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.7) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 15%,rgba(0, 0, 0, 0.7) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0) 15%,rgba(0, 0, 0, 0.7) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8c000000',GradientType=1 ); /* IE6-9 */ height: 215px; } .overview .parallax .hero .feature-container, .landing .parallax .hero .feature-container, .detail .parallax .hero .feature-container, .filter .parallax .hero .feature-container { height: 177px; } #sub-nav.no-links + .content .parallax .hero .feature-container { height: 215px; } .overview .parallax .hero h1, .landing .parallax .hero h1, .detail .parallax .hero h1, .filter .parallax .hero h1 { font-size: 56px; margin-bottom: 8px; } .overview .parallax .hero h2, .landing .parallax .hero h2, .detail .parallax .hero h2, .filter .parallax .hero h2 { font-size: 24px; } .overview .breadcrumb, .landing .breadcrumb, .detail .breadcrumb, .filter .breadcrumb { margin-top: 20px; } .intro .content-blocks-1 .img-container .block-img { height: 436px; } .intro .content-blocks-1 .img-container .block-img .img-responsive { min-height: 100%; object-fit: cover; object-position: 50% 50%; } .intro .content-blocks-2 .img-container:last-child { margin-top: 15px; } .content-area .content-row.rotate-text .carousel .carousel-indicators li { font-size: 18px; } .content-area .content-row.challenge-blocks .row.content-blocks:nth-child(n+2) { margin-top: 30px; } .content-area .content-row.gallery .carousel-inner > .active.left, .content-area .content-row.gallery .carousel-inner > .prev { left: -20%; } .content-area .content-row.gallery .carousel-inner > .active.right, .content-area .content-row.gallery .carousel-inner > .next { left: 20%; } .content-area .content-row.gallery .carousel-inner > .left, .content-area .content-row.gallery .carousel-inner > .prev.right, .content-area .content-row.gallery .carousel-inner > .active { left: 0; } .content-area .content-row.gallery .carousel-inner .cloneditem-3, .content-area .content-row.gallery .carousel-inner .cloneditem-4, .content-area .content-row.gallery .carousel-inner .cloneditem-5 { display: block; } .content-area .content-row.gallery .carousel-inner > .item.active.right, .content-area .content-row.gallery .carousel-inner > .item.next { -webkit-transform: translate3d(20%, 0, 0); -moz-transform: translate3d(20%, 0, 0); -ms-transform: translate3d(20%, 0, 0); -o-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); left: 0; } .content-area .content-row.gallery .carousel-inner > .item.active.left, .content-area .content-row.gallery .carousel-inner > .item.prev { -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); -ms-transform: translate3d(-20%, 0, 0); -o-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); left: 0; } .content-area .content-row.gallery .carousel-inner > .item.left, .content-area .content-row.gallery .carousel-inner > .item.prev.right, .content-area .content-row.gallery .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } .content-area .content-row.gallery.speakers .item.col-lg-4.col-md-4 .img-responsive { max-width: 60%; min-width: 60%; } .content-area .content-row.social-feed .content-blocks div:nth-child(2) .img-container .content-label:before { bottom: 8px; font-size: 26px; height: 37px; line-height: 40px; width: 50px; } .content-area .content-row.social-feed .content-blocks div:nth-child(2) .img-container .block-img { border-bottom-width: 8px; } .content-area .content-row.contact-us .row > div:nth-child(2) { min-height: 146px; } /* Products Landing */ .products .features .feature-row:nth-of-type(even) > div:nth-child(2) { float: right; } /* News Overview */ .landing.news .content-area { padding: 0; } /* Filtering */ #NoResultsMsg { width: 50%; } /* Hero Search Box */ .parallax .hero .search.feature-container { height: 266px; } .parallax .hero .search.feature-container.links, .parallax .hero .search.feature-container.sub-nav { height: 228px; } /* Gated Form Modal */ #modalGate .modal-body .contact-located .contact-intro { width: 70%; } #modalGate .modal-body .contact-located .not-contact { width: 30%; } #modalGate .modal-body .form-middle .form-field label { padding: 7px 0 0; } #modalGate .modal-body .form-middle .form-field.region-area { height: 50px; } /* Search */ .search-results .filter-bar .head { background-color: #fff; color: #6d6e71; font-size: 14px; font-weight: 700; padding: 0 5px; position: absolute; text-transform: uppercase; top: -10px; } .search-results .filter-bar .head.text { left: 30px; } .search-results .filter-bar .head.results { right: 30px; } .search-results .filter-bar .category { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; -webkit-justify-content: space-between; justify-content: space-between; } .search-results .filter-bar .category .item { cursor: default; font-size: 18px; margin: 20px; text-align: center; } .search-results .filter-bar .category .item a { color: #333; text-decoration: none; } .search-results .filter-bar .category .item a::after { color: #cd163f; content: "\f107"; font-family: FontAwesome; padding-left: 5px; } .search-results .filter-bar .category .item a:hover, .search-results .filter-bar .category .item.open a { color: #cd163f; text-decoration: none; } .search-results .filter-bar .category .item .dropdown-menu { background-color: rgba(0, 0, 0, 0.85); border: 0 none; -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.25); min-width: 200px; padding: 25px 15px 10px; top: 32px; z-index: 150; } .search-results .filter-bar .category .item .dropdown-menu::before { color: #fff; content: "\f0d7"; font-family: FontAwesome; font-size: 48px; left: 8px; line-height: 48px; position: absolute; top: -20px; } .search-results .filter-bar .category .item:first-child .dropdown-menu { left: 0; right: auto; } .search-results .filter-bar .category .item:first-child .dropdown-menu::before { left: 8px; right: auto; } .search-results .filter-bar .category .item:last-child .dropdown-menu { left: auto; right: 0; } .search-results .filter-bar .category .item:last-child .dropdown-menu::before { left: auto; right: 8px; } .search-results .filter-bar .category .item.sort .dropdown-menu input { display: none; } .search-results .filter-bar .category .item.sort .dropdown-menu label { margin: 0 0 1px; min-width: 100%; padding: 2px 8px; } .search-results .filter-bar .category .item.sort .dropdown-menu input:checked + label { background-color: #cd163f; } .search-results .filter-bar .category .item .dropdown-menu li::after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .search-results .filter-bar .category .item .dropdown-menu li:nth-child(n+6) { display: none; } .search-results .filter-bar .category .item .dropdown-menu .search-cat input { background-color: #fff; border: 2px solid #e6e7e8; border-radius: 0; box-shadow: none; color: #333; cursor: auto; font-weight: 400; margin: 0 0 5px; padding: 4px 8px; width: 100%; } .search-results .filter-bar .category .item .dropdown-menu + .btn-more-less { display: none; } .search-results .filter-bar .category .item .dropdown-menu.collapsed + .btn-more-less, .search-results .filter-bar .category .item .dropdown-menu.expanded + .btn-more-less { display: block; } .search-results .filter-bar .category .item .dropdown-menu .btn-more-less { background-color: #cd163f; margin-top: 5px; } .search-results .filter-bar .category .item .dropdown-menu .btn-more-less .btn { color: #fff; width: 100%; } .search-results .filter-bar .category .item .dropdown-menu .btn-more-less .more::after { content: "\f107"; font-family: FontAwesome; } .search-results .filter-bar .category .item .dropdown-menu .btn-more-less .less { display: none; } .search-results .filter-bar .category .item .dropdown-menu .btn-more-less .less::after { content: "\f106"; font-family: FontAwesome; } .search-results .filter-bar .category .item .dropdown-menu input { cursor: pointer; float: left; } .search-results .filter-bar .category .item .dropdown-menu label { color: #fff; cursor: pointer; float: left; font-weight: normal; margin-left: 8px; max-width: 85%; } .search-results .filter-bar .category .item .dropdown-menu label .count { border-radius: 10px; font-size: 10px; margin-left: 5px; } .search-results .filter-bar .applied { background-color: #e4e4e4; padding: 0 20px; } .search-results .filter-bar .applied .tags { display: inline-block; } .search-results .filter-bar .applied .filter-applied { cursor: pointer; display: inline-block; margin: 10px 20px 10px 0; } .search-results .filter-bar .applied .filter-applied::before { color: #cd163f; content: "\f00d"; font-family: FontAwesome; margin-right: 5px; } .search-results .filter-bar .applied .filter-applied:hover { color: #cd163f; } .search-results .filter-bar .applied .buttons { float: right; } .search-results .filter-bar .applied .buttons .clear-applied { background-color: #cd163f; color: #fff; cursor: pointer; font-size: 12px; margin: 6px 0 0 0; padding: 5px 8px; } .search-results .row .site-url .site::after { content: "\2014"; margin: 0 5px; } /* Activations */ .activation.manage .serial .icon::after, .activation.rehost .serial .icon::after, .activation.remote .serial .icon::after, .activation.rehost .product-key .icon::after, .activation.remote .product-key .icon::after, .activation.rehost .binding-id .icon::after, .activation.remote .binding-id .icon::after, .activation.rehost .binding-code .icon::after { top: 0; } .activation.manage .criteria-input .icon::after { top: 77px; } /* Product Lifecycle*/ .lifecycle .row .collapse { display:block !important; } .lifecycle .row .additional-information { background-color:#fff !important; margin-top:0px !important; padding:0px !important; } } /* Desktop Small & Large Media Query - END */ /* Tablet, Desktop Small and Large Media Query - START */ @media (min-width: 768px) { /* Logo Bar */ .logobar .navbar-brand svg { height: 40px; } .ab .logobar .navbar-brand svg { margin-left: 40px; margin-right: 40px; } #sub-nav .nav-section h2 a, #sub-nav .nav-section .section-title a { max-width: 600px; } .content-area .content-row.gallery .carousel-inner > .active.left, .content-area .content-row.gallery .carousel-inner > .prev { left: -40%; } .content-area .content-row.gallery .carousel-inner > .active.right, .content-area .content-row.gallery .carousel-inner > .next { left: 40%; } .content-area .content-row.gallery .carousel-inner > .left, .content-area .content-row.gallery .carousel-inner > .prev.right, .content-area .content-row.gallery .carousel-inner > .active { left: 0; } .content-area .content-row.gallery .carousel-inner .cloneditem-1, .content-area .content-row.gallery .carousel-inner .cloneditem-2 { display: block; } .content-area .content-row.gallery .carousel-inner > .item.active.right, .content-area .content-row.gallery .carousel-inner > .item.next { -webkit-transform: translate3d(40%, 0, 0); -moz-transform: translate3d(40%, 0, 0); -ms-transform: translate3d(40%, 0, 0); -o-transform: translate3d(40%, 0, 0); transform: translate3d(40%, 0, 0); left: 0; } .content-area .content-row.gallery .carousel-inner > .item.active.left, .content-area .content-row.gallery .carousel-inner r > .item.prev { -webkit-transform: translate3d(-40%, 0, 0); -moz-transform: translate3d(-40%, 0, 0); -ms-transform: translate3d(-40%, 0, 0); -o-transform: translate3d(-40%, 0, 0); transform: translate3d(-40%, 0, 0); left: 0; } .content-area .content-row.gallery .carousel-inner > .item.left, .content-area .content-row.gallery .carousel-inner > .item.prev.right, .content-area .content-row.gallery .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } .content-area .content-row.social-feed .content-blocks div:nth-child(2) .row p { margin: 15px 0 0; } .content-area .content-row.social-feed .content-blocks div:last-child .row .col-sm-8.col-xs-12 { padding-left: 0; } footer .container a { margin: 0 10px 0 0; } /* Product Detail */ .product-detail .ordering .action-group.sgl .block-container { align-items: center; border-bottom: 0 none; display: flex; justify-content: center; } .product-detail .ordering .action-group.sgl .block-container .block-icon svg { fill: #cd163f; } .product-detail .ordering .action-group.sgl .block-container .block-content { margin: 0 50px; } .product-detail .ordering .action-group.sgl .block-container .block-content .block-heading h4 { color: #cd163f; } .product-detail .ordering .action-group.sgl .block-container .block-cta { border: 2px solid #cd163f; } .product-detail .ordering .action-group.sgl .block-container:active .block-cta, .product-detail .ordering .action-group.sgl .block-container:focus .block-cta, .product-detail .ordering .action-group.sgl .block-container:hover .block-cta { background-color: #cd163f; } .product-detail .ordering .action-group.sgl .block-container .block-cta button { margin: 0; padding: 10px 50px; } .product-detail .ordering .action-group.sgl .block-container:active .block-cta button, .product-detail .ordering .action-group.sgl .block-container:focus .block-cta button, .product-detail .ordering .action-group.sgl .block-container:hover .block-cta button { color: #fff; } /* News Overview */ .news .media-resources h5 { font-size:18px; } } /* Tablet, Desktop Small and Large Media Query - END */ /* Retina Display Media Query - START */ @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("//www.rockwellautomation.com/resources/images/rockwellautomation/sprite@2x.png"); } .navbar-brand .logo { background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/sprite@2x.png"); } .home .parallax .hero-overlay .continent-image { background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/continent-sprite@2x.png"); } footer .container .logo-container .logo { background-image: url("//www.rockwellautomation.com/resources/images/rockwellautomation/sprite@2x.png"); } } /* Retina Display Media Query - END */ /* IE 10-11 Media Query */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn:after { content: ""; padding-left: 0; } .spotlight-blocks .content-blocks .promo-container .stack { display: block; } .intro h3, .content-area .content-row h3 { white-space: pre-wrap; } .content-blocks .content-blocks-1 .img-container:hover::before { background-color: rgba(205, 22, 63, 0.33); } .content-blocks .content-blocks-1 .img-container.static:hover::before { background-color: transparent; } .content-blocks .content-blocks-1.compat-object-fit[style*="background-image"] .img-container:hover .block-img .img-responsive { opacity: 0; } .content-blocks .content-blocks-1.compat-object-fit .img-container:hover .block-img .img-responsive { opacity: 0.66; } .activation .binding-type select { width: 115%; } .bd_weixin_popup_close { visibility: visible; } } /* Print Media Query - START */ @media print { * { color: #333 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:link, a:visited { text-decoration: underline; } a[href]:after { content: none !important; } img { max-width: 100% !important; } p, td, #C11 li { font-size:16px !important; } @page { size: auto; margin: 1cm .5cm; } #nav-container .visible-print-block { margin: 0 .5cm .5cm !important; float:right; } #nav-container .visible-print-block.lts { margin: 0 .5cm .5cm !important; float:left; } .ra .navbar-brand .logo { display: block; } #ls-row-1:before, #nav-container.ls-row:after { display: block; padding: 0 15px; border-top:thin; border-color: #43434d; } .ra #nav-container + #RA_mainbody-row, .ra #nav-container + #RA_mainbody-row.no-sub-nav, .ra #nav-container + #hero { top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; } #RA_brandbar-row, #RA_breadcrumb-row, .brandbar-fixed-top, .nav, .breadcrumb, .breadcrumb-list .share-list, .sites, .brandbar, #sub-nav, .share ul, .publication .content-blocks, .publication .source .contact, footer .container .icons, footer ul.nav > li, .widget-container.subscribe, .widget-container.feature, .widget-container.filter, #C5, .navbar-brand a, .widget-container.pub-type, .menu-icon, .paginator, #cta { display: none !important; } #RA_publication-area.publication.col-lg-9.col-md-9, #ls-row-3-area-2 { width: 100% !important; } h2, h3 { page-break-after: avoid; } img { max-width: 100% !important; } .home .parallax .hero .feature-container .feature-content { display:block; padding-top:15px; } .home .parallax .col-lg-5.col-md-5.col-sm-4 { display:none; } .home .parallax .col-lg-7.col-md-7.col-sm-8.col-xs-12.feature-container { width:100% !important; } .home .parallax .hero button, .home .parallax .hero a.btn-link { display:none !important; } .home .parallax { background-position: 50% 50%; height:125px; } .overview .parallax .hero, .landing .parallax .hero, .detail .parallax .hero, .filter .parallax .hero, .overview .parallax, .landing .parallax, .detail .parallax, .filter .parallax { height: auto; } .no-sub-nav .overview .parallax .hero h1, .no-sub-nav .landing .parallax .hero h1, .no-sub-nav .detail .parallax .hero h1, .no-sub-nav .filter .parallax .hero h1 { padding-top:0; } .action-blocks { margin-bottom:0; } .action-blocks .block-container { margin-top:0px; } .action-blocks .block-container button { display:none; } .spotlight-blocks { padding:0; } .content-label.article { display:none; } .spotlight-blocks .content-blocks .content-blocks-2 .block-img { height:auto; } .spotlight-blocks .content-blocks .block-img h4, .overview .img-container .block-img h4, .landing .intro .img-container .block-img h4, .content-area .content-row.content-callout .img-container .block-img h4, .content-area .content-row.content-2col .img-container .block-img h4, .content-area .content-row.content-3col .img-container .block-img h4, .intro .block-img h4 { position:relative; font-size: 16px; } .content-blocks .block-img { border-bottom:none; } .content-area .content-row.contact-us .fa, .content-area .content-row.register .fa { display:none; } .section .contact-us .col-lg-8.col-md-8.col-sm-8 { width:100%; } #RA_filter-area .img-responsive, #RA_filter-area .img-container { width: 200px; } #RA_widgets-area.ls-area.publication-right-column.col-lg-3.col-md-3 { width: 100% !important; } .publication p, .publication h2, .publication h3, .publication h4, .publication span, .publication strong { orphans: 3; widows: 3; } .publication .img-publication { width: 60%; float: right; margin: 10px 0 15px; } .publication .img-callout.content-blocks { display: inline; } .publication .summary-callout { background-color: #e6e7e8; width: 300px; border-style: solid; border-width: thin; border-color: #43434d; font-size: 12px !important; float: left; width: 37%; margin: 0 15px 15px 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .publication .summary-callout li { font-size: 12px !important; } .publication .summary-callout h3 { font-size: 14px !important; } .publication p, .publication ul, .publication ol { font-size: 14px !important; } .publication p span, .publication p strong { page-break-inside: avoid; } .publication .source { page-break-inside: avoid; } #tab1 .resp-tab-content, #tab2 .resp-tab-content, #tab3 .resp-tab-content, #tab4 .resp-tab-content #tab5 .resp-tab-content, #tab6 .resp-tab-content #tab7 .resp-tab-content, #tab8 .resp-tab-content, #tab9 .resp-tab-content, #tab10 .resp-tab-content, div.toggle { display:block !important; } footer .container:before { content:"www.rockwellautomation.com"; font-weight:bold; } footer .copyright { width: 100%; text-align: left; } footer a { display: none; } body, .navbar-fixed-top, .navbar-fixed-bottom, .container { width: 100% !important; } } /* Print Media Query - END */