/* main reset */
html {height: 100%; width: 100%;}
body {margin: 0;}
img {border: none;}
.body + div {min-width: 1180px!important;}
[id*="ainDivRenderedWidgets"] {min-width: 1180px!important;}
#aspnetForm {margin: 0px; margin-top: 0px;}
#aspnetForm + br {display: none;}
#aspnetForm + br + br {display: none;}
#ctl00_pnlBR {display: none;}
#ctl00_pnlBR, #content + br {display: none;}
#masterPageBody > div > div > br {display: none;}
#mainContainer > div {margin-left: 0px; margin-top: 0px;}
.widgetDropped {margin: 0px;}

/* body */
#main ul {-webkit-padding-start: 0px; margin: 0px;}

#section-1 {min-height: 230px; min-width: 1180px; background-image: url("https://www.rockwellautomation.com/resources/images/rockwellautomation/csod/ra-bkg.png"); background-size: cover; background-repeat: no-repeat;}
#section-1 .se-inner {width: 610px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
#section-1 .se-title {padding-top: 20px; color: #ffffff; font-size: 48px; font-family: 'open_sanscondensedbold', sans-serif; text-transform: uppercase;}
#section-1 .se-search {width: 610px;height: 65px;background: #ffffff;}
#section-1 .se-offer {overflow: hidden; width: 100%;text-align: center; height: 40px;  margin-top: 38px; background:#000; background: rgba(0,0,0,0.5);}
#section-1 .se-offer a {display: block; padding: 10px;line-height: 20px;color: #fff; font-weight: normal; font-family: open_sansregular, sans-serif;  font-size: 16px;}

#section-2 {height: 50px; width: 1180px; margin: 0 auto;}
#section-2 .breadcrumb-list {float: left;padding: 10px 10px; font-size: 12px;line-height: 12px;list-style: outside none none;margin-bottom: 0;}
#section-2 .breadcrumb-list li {float: left;}
#section-2 .breadcrumb-list li a {color: #555; font-weight: normal;}
#section-2 .breadcrumb-list li:first-child a:after {margin: 5px; color: #555; content: "\f0da";font-family: FontAwesome;font-style: normal;}


#section-2 .share-list {float: right; font-size: 12px;line-height: 12px; list-style: none; padding: 10px 10px;}
#section-2 .share-list li a {font-weight: normal; position: relative;display: block;padding: 5px;}
#section-2 .share-list > li > a:hover {background: #bb2322; color: #ffffff;}
#section-2 .share-list .fa-label {padding: 0 0 0 3px;}
#section-2 .share-list .fa-print:before {content: "\f02f";}
#section-2 .share-list > li {float: left;}
#section-2 .share-list  .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;transform: translate(0, 0);}
#section-2 .fa-facebook-f:before, .fa-facebook:before {content: "\f09a";}
#section-2 .fa-twitter:before {content: "\f099";}
#section-2 .fa-google-plus:before {content: "\f0d5";}
#section-2 .fa-linkedin:before {content: "\f0e1";}
#section-2 .fa-share-square-o:before {content: "\f045";}
#section-2 .fa-sticky-note:before {content: "\f097";}
#section-2 .dropdown-menu > li > a.facebook:hover{ background-color: #ffffff; color: #3c5b9a;}
#section-2 .dropdown-menu > li > a.twitter:hover {background-color: #ffffff; color: #28aae1;}
#section-2 .dropdown-menu > li > a.google-plus:hover {background-color: #ffffff; color: #dd4b39;}
#section-2 .dropdown-menu > li > a.linkedin:hover {background-color: #ffffff; color: #007bb6;}
#section-2 .dropdown-menu > li > a {color: #ffffff;}
#section-2 .dropdown-menu > li > a.facebook { background-color: #3c5b9a; border: 2px solid #3c5b9a;}
#section-2 .dropdown-menu > li > a.twitter {background-color: #28aae1;border: 2px solid #28aae1;}
#section-2 .dropdown-menu > li > a.google-plus {background-color: #dd4b39;border: 2px solid #dd4b39;}
#section-2 .dropdown-menu > li > a.linkedin {background-color: #007bb6;border: 2px solid #007bb6;}
#section-2 .dropdown-menu {position: absolute; z-index: 1000;display: none;float: left;padding: 5px 8px;margin: 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
#section-3 {min-height: 320px; text-align: center;}
#section-3 span {font-family: 'open_sansregular', sans-serif;font-size: 26px;}
#section-3 .se-hot {margin: 15px; display: inline-block; vertical-align: top; width: 360px; height: 310px;}
#section-3 .se-hot .s-title span {display: block;}
#section-3 .se-hot .s-slider {height: 150px; overflow: hidden;}
#section-3 .se-hot .zslider li {height: 140px;}
#section-3 .se-hot .zslider a {font-size: 18px; font-weight: normal; font-family: 'open_sansregular', sans-serif; margin-top: 30px; display: block;}
#section-3 .se-hot .zslider a:hover {text-decoration: underline;}
#section-3 .se-topic {margin: 15px; display: inline-block; vertical-align: top; width: 360px; height: 310px;  background-image: url("https://www.rockwellautomation.com/resources/images/rockwellautomation/csod/ra-train.png"); background-repeat: no-repeat; background-size: 100%;}
#section-3 .se-topic span {color: #ffffff;}
#section-3 .se-ta-a {margin: 20px;height: 145px;border-bottom: 2px solid #ffffff;}
#section-3 .stitle {padding-top: 10px;padding-bottom: 10px;}
#section-3 .se-ta-a .stopics {padding-left: 17px;padding-right: 21px;}
#section-3 .se-ta-a .stopics:hover {cursor: pointer;}
#section-3 .select-1{width: 100%;height: 35px;border: 2px solid #ffffff;background: #bb2322;font-size: 18px;text-align: center!important;display: block;line-height: 35px;}
#section-3 .stopics .select-2 {display: none;background: #bb2322;position: absolute;width: 282px; padding: 0px; border: 2px solid #fff;border-top: none;list-style: none;z-index: 99999;}
#section-3 .stopics .select-2 a {padding: 5px;display: block;color: #ffffff;font-size: 18px;text-align: center;font-weight: normal;font-family: 'open_sansregular', sans-serif;}
#section-3 .stopics .select-2 a:hover {color: #bb2322;background: #ffffff;}
#section-3 .stopics .select-1:after {content: "\f107"; font: normal normal normal 18px/1 FontAwesome;}
#section-3 .se-ta-b .sprint {display: none; vertical-align: top;   margin-right: 15px;}
#section-3 .se-ta-b .sprint a {  background: #bb2322; font-size: 18px; color: #ffffff;}
#section-3 .se-ta-b .sprint:hover {cursor: pointer;}
#section-3 .se-ta-b .sprint span { font-weight: normal; width: 130px; height: 35px; border: 2px solid #ffffff; background: #bb2322; font-size: 18px; color: #ffffff;}
#section-3 .se-ta-b .sprint .select-2 {display: none;background: #bb2322;position: absolute;width: 130px; padding: 0px; border: 2px solid #fff;border-top: none;list-style: none;z-index: 99999;}
#section-3 .se-ta-b .sprint .select-2 a {padding: 5px;display: block;color: #ffffff;font-size: 18px;text-align: center;font-weight: normal;font-family: 'open_sansregular', sans-serif;}
#section-3 .se-ta-b .sprint .select-2 a:hover {color: #bb2322;background: #ffffff;}
#section-3 .se-ta-b .sprint .select-1:after {content: "\f107"; font: normal normal normal 18px/1 FontAwesome;}
#section-3 .se-ta-b .sview .select-1:after {content: "\f105"; font: normal normal normal 18px/1 FontAwesome;}
#section-3 .se-ta-b .sview {display: inline-block; vertical-align: top; }
#section-3 .se-ta-b .sview span { font-weight: normal; width: 282px; height: 35px; border: 2px solid #ffffff; background: #bb2322; font-size: 18px; color: #ffffff;}
#section-3 .se-ta-b .sview span:hover {color: #bb2322;background: #ffffff;}
#section-3 .se-train {margin: 15px; display: inline-block; vertical-align: top; width: 360px; height: 310px;}
#section-3 .re-train {display: none; text-align: center; margin: 15px; vertical-align: top; width: 360px; height: 310px;}
#section-3 .re-train p {margin-top: 30px; font-size: 18px; font-weight: normal; font-family: 'open_sansregular', sans-serif; color: #808285;}
#section-3 .re-train span {display: block;}
#section-3 .re-train div a {text-align: center;}
#section-3 .s-links {height: 150px; overflow: hidden;}
#section-3 .s-links a {font-weight: normal; text-align: left; font-family: 'open_sansregular', sans-serif; font-size: 18px; display: block; width: 100%; padding-top: 10px; padding-bottom: 10px;}
#section-3 .s-links a:first-child {border-bottom: 2px solid #969696;}
#section-3 .s-links a:hover {text-decoration: underline;}
#section-3 .s-title {height: 100px;}
#section-3 .s-title span {color: #555555; line-height: 50px;}
#section-3 .s-title img {vertical-align: middle;}
#section-3 .s-ext a {font-size: 22px;text-align: center;font-weight: normal;font-family: 'open_sansregular', sans-serif;border: 2px solid #bb2322;padding: 4px;display: block;}
#section-3 .s-ext a:hover {background: #bb2322; color: #ffffff;}
#section-3 .se-hot .Panel_titleLeft,
#section-3 .se-hot .Panel_titleRight,
#section-3 .se-hot .Panel_titleMiddle,
#section-3 .se-hot .Panel_contentLeft,
#section-3 .se-hot .Panel_contentRight,
#section-3 .se-hot .Panel_footerLeft,
#section-3 .se-hot .Panel_footerRight,
#section-3 .se-hot .Panel_footerMiddle {display: none;}
#section-3 .se-hot .Panel_contentMiddle {padding: 0px; background: transparent;}
#section-3 .z-att {display: none;}
#section-3 .z-load {display: none;}

#section-4 {min-height: 140px;  text-align: center;}
#section-4 a {background: #808285; color: #ffffff;}
#section-4 a:hover {background: #bb2322;}
#section-4 a:hover::after {background: #bb2322;}

#section-4 span {position: absolute;width: 260px;display: block;z-index: 1; display: block;}
#section-4 .se-pay::after {background-color: #808285;content: "";display: block;position: absolute;height: 80px;margin-left: 245px;-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;}
#section-4 .se-ctc::after {background-color: #808285;content: "";display: block;position: absolute;height: 80px;margin-left: -10px;-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: 280px;}
#section-4 .se-faq::after {background-color: #808285;content: "";display: block;position: absolute;height: 80px;margin-left: -10px;-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: 280px;}
#section-4 .se-pol::after {background-color: #808285;content: "";display: block;position: absolute;height: 80px;margin-left: -10px;-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;}
#section-4 .se-pay {width: 260px; height: 80px; margin: 16px; display: none; vertical-align: top;}
#section-4 .se-ctc {width: 260px; height: 80px; margin: 16px; display: none; vertical-align: top;}
#section-4 .se-faq {width: 260px; height: 80px; margin: 16px; display: none; vertical-align: top;}
#section-4 .se-pol {width: 260px; height: 80px; margin: 16px; display: none; vertical-align: top;}

#section-4 .se-cta::after {background-color: #808285;content: "";display: block;position: absolute;height: 80px;margin-left: 344px;-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;}
#section-4 .se-faa::after {background-color: #808285;content: "";display: block;position: absolute;height: 80px;margin-left: -10px;-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: 378px;}
#section-4 .se-poa::after {background-color: #808285;content: "";display: block;position: absolute;height: 80px;margin-left: -10px;-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;}
#section-4 .se-cta {width: 358px; height: 80px; margin: 16px; display: inline-block; vertical-align: top;}
#section-4 .se-faa {width: 358px; height: 80px; margin: 16px; display: inline-block; vertical-align: top;}
#section-4 .se-poa {width: 358px; height: 80px; margin: 16px; display: inline-block; vertical-align: top;}

#section-4 .se-tops {width: inherit; vertical-align: top; line-height: 22px; margin-top: 20px; font-size: 22px; font-family: 'open_sanscondensedbold', sans-serif; text-transform: uppercase; text-align: center;}
#section-4 .se-bots {width: inherit; margin-top: 45px; font-size: 14px; font-family: 'open_sanscondensedlight', sans-serif; text-transform: uppercase; text-align: center;}
#section-4 .se-mids {width: inherit; line-height: 22px; margin-top: 30px; font-size: 22px; font-family: 'open_sanscondensedbold', sans-serif; text-transform: uppercase; text-align: center;}

#section-5 {min-height: 260px;text-align: center;}
#section-5 img {border-bottom: 5px solid #bb2322;}
#section-5 a {font-size: 22px; line-height: 26px; text-align: left; font-weight: normal; font-family: 'open_sansregular', sans-serif;}
#section-5 span {padding-top: 5px;display: block;}
#section-5 a:hover span {text-decoration: underline;}
#section-5 .se-boxa {width: 260px; margin: 16px; margin-top: 0px; display: inline-block; vertical-align: top;}
#section-5 .se-boxb {width: 260px; margin: 16px; margin-top: 0px; display: inline-block; vertical-align: top;}
#section-5 .se-boxc {width: 260px; margin: 16px; margin-top: 0px; display: inline-block; vertical-align: top;}
#section-5 .se-boxd {width: 260px; margin: 16px; margin-top: 0px; display: inline-block; vertical-align: top;}

/* slider */
.bx-wrapper {position: relative; margin: 0 auto; padding: 0;*zoom: 1;}
.bx-wrapper .bx-viewport {margin-top: 0px; background: transparent;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom: 0px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url('') center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 0px;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a { border: 2px solid #555555; text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 10px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {border-color: #bb2322; background: #bb2322;}
.bx-wrapper .bx-prev {left: 10px;background: url('') no-repeat;}
.bx-wrapper .bx-next {right: 10px;background: url('') no-repeat;}
.bx-wrapper .bx-prev:hover {background-position: 0px 0px; opacity: 0.5; filter: alpha(opacity=50);}
.bx-wrapper .bx-next:hover {background-position: 0px 0px; opacity: 0.5; filter: alpha(opacity=50);}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 40%;margin-top: 0px; outline: 0;width: 60px;height: 10px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url('') -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url('') -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}

#rcart a:before {content: "\f217"; font: normal normal normal 14px/1 FontAwesome;}
#rcart a[title*="Shopping Cart"]+a[title*="Shopping Cart"] {display: none; position: fixed; z-index: -1;}
#rcart a:hover {color: #000000; background: #c8c8c8!important;}
#rcart img {vertical-align: top;}
#rcart i::before {content: "(";}
#rcart i{color: #ffffff;position: absolute;margin-top: -32px;margin-left: 67px;}
#rcart i::after {content: ")";}
#zacts:hover {text-decoration: underline;}
#rset:hover > a {display: block!important;} 
#zacct:hover {background: #bb2322!important; color: #ffffff!important;}
#zlog:hover {background: #bb2322!important;color: #ffffff!important;}
#zhelp:hover {background: #bb2322!important; color: #ffffff!important;}
#zhelp span {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size: 14px; font-weight: normal!important;}
#zlog span {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size: 14px; font-weight: normal!important;}
#zacct span {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size: 14px; font-weight: normal!important;}
#zhelp { z-index: 999999;display: none!important; border: none; position: absolute;margin-top: 36px; color: #ffffff!important; background:rgba(0,0,0,0.85)!important; background: #c8c8c8; width: 90px;}
#zlog {z-index: 999999;display: none!important; border:none; position: absolute;margin-top: 72px; color: #ffffff!important; background:rgba(0,0,0,0.85)!important; background: #c8c8c8; width: 90px;}
#zacct {z-index: 999999;display: none!important; border: none; position: absolute;margin-top: 0px; color: #ffffff!important; background:rgba(0,0,0,0.85)!important; background: #c8c8c8; width: 90px;}

#section-4 a, #section-3 .s-ext a, #section-4 a:after, .lnava:after, .lnava {transition: all 0.2s linear;  -webkit-transition: all 0.2s linear;}

@media print {
    #main {width: 1180px!important;}
    #rockwell-footer {margin-top: 0px!important;}
}

@media screen and (max-width: 1024px) {
#section-1 .se-offer {width: 1024px;}
}