@charset "UTF-8";
*, :after, :before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
html { margin: 0; padding: 0; scroll-behavior: smooth; font-size: 16px; line-height: 1.6; font-family: Montserrat, Helvetica, Arial, sans-serif }
body { font-size: 1em; margin: 0; padding: 0; color: #333 }
.inner:after, .row:after, article:after, footer:after, header:after, nav:after, section:after { content: ""; display: table; clear: both }
img { max-width: 100%; height: auto }
.inner { max-width: 1450px; margin: 0 auto; padding: 0 60px; position: relative }
.inner.padded { padding-top: 40px }
.inner.tight { padding: 0 }
.inner.condensed { max-width: 950px }
.royalSlider .inner { padding: 0 60px }
.fullWidthIfPossible { width: 100% }
.fullWidthIfPossible.inner { padding: 0 40px }
.testPage .page { margin-top: 130px }
.testPage .page.testPageSpacing { margin-top: 160px }
.testHomepage { padding-top: 100px }
#content, #section-content, #section-list { font-family: Montserrat, Helvetica, Arial, sans-serif }
#content h1, #content h2, #content h3, #content h4, #content p, #section-content h1, #section-content h2, #section-content h3, #section-content p, #section-list h1, #section-list h2, #section-list h3, #section-list h4, #section-list p { margin: 0 0 24px }
#content { padding: 133px 0 100px }
@media (max-width:992px) { .testPage .page {   margin-top: 133px } }
@media (max-width:768px) { .testPage .page {   margin-top: 80px } }
@media (max-width:767px) { #content .inner {   padding-left: 40px;   padding-right: 40px } }
@media (max-width:400px) { #content .inner {   padding-left: 25px;   padding-right: 25px } }
a { color: #0971c5 }
a:visited { color: #052239 }
a:hover { color: #009fe3; text-decoration: none }
#mainHeader { min-height: 100px; position: fixed; width: 100%; top: 0; z-index: 1001; background-color: #fff; transition: .5s }
#mainHeader.scrollHeader { top: -210px }
#mainHeader.topPieceHeader { min-height: 100px; position: fixed; width: 100%; top: 115px; z-index: 1001; background-color: #fff; transition: .5s }
#mainHeader.scrollHeader { top: -210px }
.header-content { min-height: 100px; background-color: #051e32 }
@media (max-width:992px) { #mainHeader.scrollHeader {   top: -170px } }
@media (max-width:694px) { #mainHeader.scrollHeader {   top: 0 } }
.advancingAutomation { background-color: #0971c5; color: #fff; text-transform: uppercase; letter-spacing: 2px; padding: 6px 5px; font-size: 14px; text-align: center }
.advancingAutomation a { color: #fff; text-decoration: none }
.mobile-header { position: fixed; background-color: #fff; width: 100%; z-index: 80; display: none; top: 0 }
.ToggleMenu.Open { width: 50px; height: 50px; background-repeat: no-repeat; background-color: #009fe3; margin: 10px 8px 0 0; transition: all .5s ease }
.ToggleMenu.Open { float: right; background-image: url(../images/icon-sprites.png); background-position: 0 0 }
.ToggleMenu.Open:hover { background-color: #006b99; background-image: url(../images/icon-sprites.png); background-position: 0 0 }
.ToggleMenu.Close { width: 50px; height: 50px; padding: 10px; background-image: url(../images/icon-sprites.png); background-repeat: no-repeat; background-position: -100px -50px }
.ToggleMenu.Close { float: right }
#sidemenu { clear: both; background-color: #009fe3; width: 80%; right: -80%; transition: all .5s ease; position: fixed; height: 100%; top: 0; overflow-y: auto; z-index: 1001; font-size: 15px }
#sidemenu.active { right: 0 }
.sidr .sidr-inner { padding: 0 0 15px }
.sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px }
.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { background-color: #1a1a1a; font-size: 11px; font-weight: 400; padding: 0 15px; margin: 0 0 5px; color: #fff; line-height: 24px; box-shadow: 0 5px 5px 3px rgba(0, 0, 0, .2) }
.sidr p { font-size: 13px; margin: 0 0 12px }
.sidr p a { color: rgba(255, 255, 255, .9) }
.sidr > p { margin-left: 15px; margin-right: 15px }
.sidr ul { display: block; margin: 0 0 15px; padding: 0; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #4d4d4d }
.sidr ul li { display: block; margin: 0; line-height: 1.5; padding: 0 }
.sidr ul li.active, .sidr ul li.sidr-class-active, .sidr ul li:hover { border-top: 0 }
.sidr ul li a, .sidr ul li span { padding: 10px 15px; display: block; text-decoration: none; color: #fff }
.sidr ul li ul { border-bottom: 0; margin: 0 }
.sidr ul li ul li { line-height: 40px; font-size: 13px }
.sidr ul li ul li:last-child { border-bottom: 0 }
.sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active, .sidr ul li ul li:hover { border-top: 0; line-height: 41px }
.sidr ul li ul li a, .sidr ul li ul li span { color: rgba(255, 255, 255, .8); padding-left: 30px }
.sidr ul li { line-height: 1.2 !important }
.sidr ul li ul li { line-height: 1.2 !important; font-size: 13px !important }
#sideMenuPiece .navigation-dropdown.navigation-submenu > .sectionalColumn { max-width: 100% !important; width: 100% !important }
.submenu-indicator:nth-of-type(2) { display: none }
ul#mobile-menu { border: none !important; margin-top: 55px; margin-bottom: 10px }
ul#mobile-menu li { border-top: none !important }
ul#mobile-menu .sub-menu { border: none !important }
ul#mobile-menu li a { padding-left: 30px !important; padding-top: 10px; padding-bottom: 10px }
ul#mobile-menu li a:hover { background-color: #000; color: #c00 }
ul#mobile-menu .sub-menu li a { padding: 5px 15px }
ul#mobile-menu li.menu-item-has-children > a { background-image: url(../images/icon-sprites-arrow.png); background-repeat: no-repeat; background-position: 10px 14px }
ul#mobile-menu li.menu-item-has-children.active > a { background-image: url(../images/icon-sprites-arrow-down.png) }
ul#mobile-menu li.active { background-color: #000 }
ul#mobile-menu li ul.sub-menu { display: none; background-color: #000; padding-top: 5px; padding-bottom: 5px }
ul#mobile-menu li ul.sub-menu li { border-top: none }
ul#mobile-menu li ul.sub-menu li a { color: #fff; padding-top: 7px; padding-bottom: 7px }
ul#mobile-menu li .sub-menu li:hover > a { color: #c00 }
ul#mobile-menu li ul.sub-menu li ul.sub-menu { border-top: none; margin-bottom: 20px }
ul#mobile-menu li ul.sub-menu li ul.sub-menu li { border-top: none }
ul#mobile-menu li ul.sub-menu li ul.sub-menu li a { padding-left: 45px !important; padding: 0 10px 0 45px !important }
ul#mobile-menu li ul.sub-menu li ul.sub-menu li:hover a { background-color: #eee; color: #333 }
ul#mobile-menu li ul.sub-menu li ul.sub-menu li a:before { content: "- " }
.sub-menu li:hover { border: none !important }
#navigation .inner.fullWidthIfPossible { max-height: 80px }
#navBar, #navigationBar { background-color: #fff; border-top: 1px solid #ccc; visibility: visible }
#nav:after { content: ""; display: table; clear: both }
#nav ul, #nav ul li { padding: 0; margin: 0; list-style: none }
#nav > ul { overflow: hidden; padding: 0; margin: 0; list-style: none }
#nav > ul > li { float: left; list-style: none }
#nav ul > li > a { color: #666; display: block; font-size: 17px; padding: 5px 10px; text-decoration: none; font-weight: 400; border-radius: 3px }
#nav ul > li > a:focus { outline: dotted #c00 1px; outline-offset: -2px }
#nav ul > li > a:active { color: #c00 }
#nav ul > li.menu-item-has-children > a { background-repeat: no-repeat; background-position: right 5px top 11px }
#nav > ul > li:hover > a { color: #fff; background-color: #009fe3 }
#nav ul.sub-menu { display: none; position: absolute; z-index: 100; max-width: 300px; line-height: 1.2; min-width: 200px }
#nav > ul > li > ul.sub-menu { background-color: #009fe3; border-radius: 3px; border-top-left-radius: 0 }
#nav > ul > li:hover > ul.sub-menu { display: block }
#nav > ul > li > ul.sub-menu > li > a { color: #fff; text-transform: none; text-align: left; font-size: 14px; padding: 10px 15px }
#nav > ul > li > ul.sub-menu > li:hover > a { color: #fff; background-color: #666 }
#nav > ul > li > ul.sub-menu > li { position: relative }
#nav > ul > li > ul.sub-menu > li > ul.sub-menu { top: 0; left: 100%; background: #666 }
#nav > ul > li > ul.sub-menu > li:hover > ul.sub-menu { display: block }
#nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a { color: #fff; font-size: 14px }
#nav > ul > li > ul.sub-menu > li > ul.sub-menu > li:hover > a { background-color: #999; color: #333 }
.touch-device #NavMenu > li.menu-item-has-children > a:hover { background-color: transparent; color: #fff }
.touch-device #NavMenu > li.menu-item-has-children:hover { background-color: transparent; color: #fff }
.touch-device #NavMenu > li.menu-item-has-children.active > a { color: #fff; background-color: #c00 }
.touch-device #NavMenu > li.menu-item-has-children:hover > ul.sub-menu { display: none }
.touch-device #NavMenu > li.menu-item-has-children.active > ul.sub-menu { display: block }
.touch-device #nav > ul > li > ul.sub-menu > li > ul.sub-menu { top: 0; right: auto; position: relative; display: block !important; background: rgba(92, 22, 22, .75) }
.touch-device #nav > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:before { content: "- " }
#content { position: relative }
#mainFooter { position: relative; padding: 40px 0; border-top: 1px solid #ccc }
table.form-table { width: 100%; border: 1px solid #ccc; border-collapse: collapse; margin: 15px 0 }
table.form-table > tbody > tr { border-bottom: 1px solid #ccc }
table.form-table > tbody > tr:last-child { border-bottom: none }
table.form-table > tbody > tr > th { text-align: left; border: none; background-color: transparent; padding: 10px }
table.form-table > tbody > tr > td { border: none; padding: 10px }
input[type=email], input[type=password], input[type=text] { height: 30px; border: 1px solid #ccc; padding: 5px; font-size: 14px }
textarea { height: 150px; border: 1px solid #ccc; padding: 5px; font-size: 14px; font-family: Montserrat, Helvetica, Arial, sans-serif }
input[type=button], input[type=submit] { -webkit-appearance: none; border-radius: 0; border: none; font-size: 18px; color: #fff; background-color: #009fe3; padding: 10px 15px; margin: 5px 10px }
input[type=button]:hover, input[type=submit]:hover { background-color: #333 !important }
span.required { color: #c00 }
ul.form-list { margin: 0; padding: 0; list-style: none }
ul.form-list li { margin: 0 0 2px; padding: 0; list-style: none }
ul.form-list.inline li { display: inline-block; margin-right: 10px }
.previewAlert { margin: 0; padding: 6px; background-color: red; color: #fff; font-weight: 700; text-align: center; border: solid 1px #000; position: absolute; top: 0; z-index: 999999 }
.pagenumCell { text-align: right; padding-right: 18px; padding-left: 18px }
.pagenumBlock { display: inline-block; text-align: center; color: #000 !important; background-color: #ccc !important; width: 50px !important; padding-top: 4px !important; padding-bottom: 4px !important; margin-right: 0 !important }
.pagenumCurrent { color: #ccc !important; background-color: #666 !important }
.navButton { color: #000; background-color: #ccc; border: solid 2px #ccc; padding: 6px 18px 6px 18px; margin: 2px 0 2px 12px; text-decoration: none }
.navButtonWrap { width: 100%; text-align: right }
.activeNav { border: solid 1px #000; color: #ccc; background-color: #666 }
.dot { height: 25px; width: 25px; border-radius: 50%; display: inline-block }
.tc-automation { background-color: #0a67b1 !important; color: #fff !important }
.tc-robotics { background-color: #a71f23 !important; color: #fff !important }
.tc-vision { background-color: #4cb74d !important; color: #fff !important }
.tc-ai { background-color: #4f1c54 !important; color: #fff !important }
.tc-motionControl { background-color: #f15a25 !important; color: #fff !important }
.successMsg { background-color: #b2e6bf; font-weight: 700; padding: 20px }
.successTxt { color: #34bc0a; font-weight: 600 }
.failTxt { color: #c3363a; font-weight: 600 }
.expertBoxContainer { font-family: Montserrat, Open Sans, sans-serif }
@media (max-width:992px) { .expertBoxContainer.res992 {   display: flex;   flex-direction: column-reverse } .expertBoxContainer.res992.reverse {   flex-direction: column } .expertBoxContainer.res992 section {   display: flex;   flex-direction: column-reverse } .expertBoxContainer.res992.reverse section {   flex-direction: column } .expertBoxContainer.res992 .gridcol.nine.gridcol {   width: 100% } .expertBoxContainer.res992 .gridcol.three.gridcol {   width: 100% } }
@media (max-width:768px) { .expertBoxContainer, .productPageContainer {   display: flex;   flex-direction: column-reverse } .expertBoxContainer.reverse, .productPageContainer.reverse {   display: flex;   flex-direction: column } .expertBoxContainer > div, .productPageContainer > div {   width: 100% !important } }
.expertBoxContainer .gridcol.three.gridcol, .productPageContainer .gridcol.three.gridcol { margin: 0; width: 310px; float: left }
.expertBoxContainer .gridcol.nine.gridcol, .productPageContainer .gridcol.nine.gridcol { margin: 0; width: calc(100% - 350px); float: right }
#mainHeader { background-color: #051e32 }
.header-content { height: 205px }
.topHeaderRow { background-color: #fff; padding-top: 35px }
.topHeaderRow .inner { padding: 0 60px }
.logoPiece { width: 600px; max-height: 100px }
@media (max-width:992px) { .logoPiece {   width: 405px } .topHeaderRow .logoRow img.a3Logo.activeLogo {   max-width: 360px } }
@media (max-width:800px) { .logoPiece {   width: 370px;   margin-top: 20px } .topHeaderRow .logoRow img {   margin-top: 10px !important } .topHeaderRow .logoRow img.a3Logo.activeLogo {   max-width: 350px } }
.logoRow { max-height: 100px; display: flex }
.topHeaderRow .logoRow img { margin-bottom: 15px; margin-top: 20px; display: none; max-height: 100px }
.exploreSidePiece { background-color: #0b2e4a; width: 50%; height: 175px; margin-top: 30px; position: fixed; right: 0; z-index: 20; transform: skewX(-25deg) }
.exploreInnerDiv { background-color: #0b2e4a; width: calc(100% - 40px); height: 175px; transform: skewX(25deg); position: relative; left: 40px; padding-top: 55px }
.exploreInnerDivContainer { max-width: 655px; position: relative }
.explorePositioner { position: absolute; right: 0; display: inline-block }
.exploreBox { color: #fff; max-width: 135px; text-align: center; font-weight: 400; line-height: 15px; margin-top: 15px; font-family: Montserrat, Open Sans, sans-serif; display: inline-block }
.exploreBox span { letter-spacing: 1.5px }
.exploreInnerDiv .hamburger { width: 45px; height: 45px; margin-left: 10px; margin-top: 5px }
.innerIcons { position: relative; display: inline-block }
.exploreInnerDiv a { margin-top: 10px; margin-left: 10px; height: 40px }
.exploreInnerDiv a.search { margin-left: 30px }
.exploreInnerDiv a img { width: 40px; height: 40px; padding: 6px; transition: .5s }
.exploreInnerDiv a img:hover { background-color: #0b67b2 }
.exploreInnerDiv a.home img, .exploreInnerDiv a.store img { padding: 6px 3px }
.exploreInnerDiv a.becomeAMember { background-color: #0b67b2; max-width: 145px; text-align: center; height: 50px; margin-top: 2px; font-size: 16px; color: #fff; text-decoration: none; padding: 10px; transition: .5s; position: relative; margin: 0 10px; font-family: Montserrat, Open Sans, sans-serif; line-height: 16px; display: inline-block; top: 6px }
.standardHeader .exploreInnerDiv a.becomeAMember { background-color: #c85252 }
.exploreInnerDiv i { font-size: 28px; color: #fff; transition: color .5s; position: relative; display: inline-block; font-weight: 300 }
.exploreInnerDiv i:hover { color: #0b67b2 }
.exploreInnderDiv .becomeAMember:hover { background-color: #051e32 }
#becomeAMember:hover { background-color: #051e32 !important }
.associationContainer { min-height: 26px; background-color: #0b67b2; margin-top: 20px }
.homeAssociationContainer { opacity: 0 }
.association { text-transform: uppercase; color: #fff; font-family: Montserrat, sans-serif; font-size: 14px; padding-top: 2px; display: flex; margin-top: 16px }
.association a { color: #fff; text-decoration: none; transition: .5s }
.association a:hover { color: #0b2e4a }
.association i { position: relative; top: 6px; margin-right: 10px; font-size: 18px; color: #fff }
.association p { margin-top: 4px !important; margin-bottom: 6px !important; letter-spacing: 2px; font-weight: 600 }
#navBar, #navigationBar { background-color: #051e32; border-top: 0 solid transparent }
#nav ul > li > a { color: #fff }
.sectionDiv { position: absolute; left: -20px; height: 80px; min-width: 210px; width: calc(180px + (100% - 1350px)/ 2); transform: skewX(-25deg) }
.innerSectionDiv { transform: skewX(25deg) }
.navigation-link > span:first-of-type { pointer-events: none }
@media (min-width:992px) { .navigation-link {   line-height: 20px !important;   text-transform: uppercase;   color: #fff !important;   font-family: Montserrat, Open Sans, sans-serif !important;   font-size: 14px !important;   padding: 10px 0 10px 24px !important;   font-weight: 500 !important } .navigation-link:hover {   color: #fff !important } .navigation-menu > li.site-section-li {   background-color: transparent;   width: 190px !important;   position: relative;   left: -15px } .regular-a3.navigation-menu > li.site-section-li {   width: 140px !important } .navigation-menu.regular-a3 {   padding-left: 0 } .navigation-item.has-submenu.is-active.site-section-li {   background-color: transparent } .navigation-megamenu {   width: 100vw !important;   right: auto !important;   left: 0 !important;   position: fixed !important;   box-shadow: none !important } .navigation-megamenu.is-visible {   min-height: 200px !important } .navigation-megamenu.robotics-megamenu {   background-color: #a71f23 } .navigation-megamenu.vision-megamenu {   background-color: #4cb74d } .navigation-megamenu.motion-megamenu {   background-color: #f15a25 } .navigation-megamenu.artificial-megamenu {   background-color: #4f1c54 } .find-solutions {   min-width: 170px !important } }
.navigation-list { font-family: Montserrat, Helvetica, Arial, sans-serif }
.navigation-item.has-submenu.is-active { background-color: #0b67b2 }
@media (max-width:1200px) { .exploreSidePiece {   width: 50% } }
@media (max-width:1175px) { .exploreInnerDiv a.becomeAMember {   display: none } .exploreBox {   display: none } .exploreSidePiece {   width: 400px } .explorePositioner {   right: 20px } .innerIcons {   top: 6px } }
@media (max-width:992px) { .exploreInnerDiv a.becomeAMember {   display: none } .exploreBox {   display: none } .exploreSidePiece {   width: 300px } }
@media (max-width:992px) { .sectionDiv {   display: none } .associationContainer {   display: none } .topHeaderRow {   padding-top: 45px;   padding-bottom: 20px } .site-section-li {   display: none !important } }
@media (max-width:692px) { .becomeAMember, .innerIcons {   display: none } .exploreSidePiece {   width: 200px } }
.mobileTop { background-color: #0a67b1; text-align: center; color: #fff; font-family: Montserrat, Open Sans, sans-serif; padding: 15px 0 }
.mobileTop a { color: #fff; text-decoration: none; transition: .5s }
.mobileTop a:hover { color: #0b2e4a }
.mainMobileRow { display: flex }
.ToggleMenu.Open { margin-left: 50px; background-color: transparent; border: 1px solid #fff; margin-right: 64px; margin-top: 20px }
.mobileLogo { width: 50% }
.mobileLogo img { margin-left: 20px }
.mobileToggle { width: 50%; background-color: #0b2e4a; transform: skewX(-25deg); position: relative; left: 20px }
.mobileToggleInner { transform: skewX(25deg) }
.mobileBottomRow { background-color: #0b2e4a; height: 40px; color: #fff; font-size: 18px; padding-top: 5px }
.mobileBottomRowRobotics { background-color: #a71f23 }
.mobileBottomRowVision { background-color: #4cb74d }
.mobileBottomRowMotors { background-color: #f15a25 }
.mobileBottomRowArtificial { background-color: #4f1c54 }
#navigation2 .navigation-body { height: 100vh !important }
@media (max-width:992px) { #navigationBar {   background: #051e32;   border: none } .navigation-header {   justify-content: flex-start !important } .navigation-button-toggler, .toggleSidebar {   width: 50px;   height: 50px;   border: 2px solid #fff;   position: relative;   bottom: 20px } .navigation-button-toggler .hamburger-icon, .toggleSidebar .hamburger-icon {   box-shadow: inset 0 0 0 42px, 0 -9px, 0 9px !important;   width: 30px } .navigation-item.has-submenu.is-active {   background-color: transparent } .navigation-logo {   display: none !important } }
@media (max-width:768px) { .navigation-button-toggler .hamburger-icon, .toggleSidebar .hamburger-icon {   width: 25px !important;   height: 3px !important;   display: inline-block;   font-style: normal;   color: #fff;   box-shadow: inset 0 0 0 42px, 0 -10px, 0 10px !important } #navigationBar {   background: 0 0 } }
@media (max-width:768px) { .navigation-button-toggler, .toggleSidebar {   position: fixed;   top: 57px;   right: 20px;   width: 50px !important;   height: 50px !important } }
@media (max-width:425px) { .navigation-button-toggler, .toggleSidebar {   top: 77px !important } }
#mainFooter { background-color: #0b2e4a; padding-top: 0; position: relative }
.footerSidePiece { background-color: #0a67b1; width: 50%; height: 75px; margin-top: 20px; position: absolute; left: 0; z-index: 5; transform: skewX(-25deg); top: -60px; min-width: 500px }
.footerSidePieceInnerDiv { background-color: #0a67b1; width: 100%; height: 75px; transform: skewX(25deg); position: relative; left: -40px; padding-top: 15px; display: flex; color: #fff }
.footerSidePieceText { color: #fff; position: relative; z-index: 10; bottom: 15px; margin-bottom: 50px }
.mobileFooterSidePieceText { display: none }
.footerSidePieceText a, .mobileFooterSidePieceText a { color: #fff; text-decoration: none; transition: .5s; text-transform: uppercase; letter-spacing: 2px; padding: 6px 5px; font-size: 14px; text-align: center }
.footerSidePieceText a:hover, .mobileFooterSidePieceText a:hover { color: #0b2e4a }
#atftbx { display: flex !important }
#atftbx > p > span { position: relative; bottom: 11px; right: 10px; font-family: Montserrat, Open Sans, sans-serif; font-weight: 200; color: #fff; font-size: 15px }
.at300b { padding-right: 5px !important }
.footerLinksContainer { display: flex }
.footerLinksFlex { display: flex; flex-direction: column; margin-right: 35px }
.footerLinksFlex > p { width: 100%; color: #fff; margin: 3px 0; font-weight: 400; font-family: montserrat, Open Sans, sans-serif; font-size: 14px }
.footerLinksFlex > p > a { color: #fff; text-decoration: none; transition: .5s }
.footerLinksFlex > p > a:hover { color: #8b8b8b }
.footerSocialLinks { position: absolute; top: 0; right: 60px }
.footerHr { border-top: 1px solid #064476; border-bottom: 1px solid #041625; margin: 50px 0 }
.contactInfo { margin-bottom: 16px; padding-top: 45px }
.footerBottomLinks { display: flex }
.contactInfo p, .footerBottomLinks p { font-size: 12px; color: #3f8bc7; margin: 0 }
.footerBottomLinks > p { padding-right: 10px; margin-right: 10px; border-right: 1px solid #3f8bc7 }
.contactInfo p > a, .footerBottomLinks > p > a { color: #3f8bc7; text-decoration: none; transition: .5s }
.contactInfo p > a:hover, .footerBottomLinks > p > a:hover { color: #fff }
.footerBottomLinks > p:last-of-type { border-right: 0 solid transparent }
.googleTranslateDiv { max-width: 300px; margin-bottom: 15px; position: absolute }
.sitebadge { float: right; padding: 5px 5px 5px 15px; background-color: #fff; border-radius: 5px }
.sitebadge img { display: block }
#mainFooter p.annotation { font-size: 10px; color: #3f8bc7; margin: 10px 0 0 }
#mainFooter p.annotation a { color: #3f8bc7; text-decoration: none }
@media (max-width:900px) { .footerSocialLinks {   position: static } #atftbx {   margin-top: 20px } #atftbx > p > span {   right: 0 } .addthis_toolbox.addthis_default_style {   position: relative;   left: 10px } .footerHr {   margin-top: 30px } }
@media (max-width:650px) { .footerSidePiece, .footerSidePieceInnerDiv {   transform: none;   width: 100%;   position: static;   margin-top: 0;   height: auto;   min-width: 0 } .footerSidePieceInnerDiv {   padding-top: 5px } .footerSidePieceText.inner {   display: none } .mobileFooterSidePieceText {   display: block;   text-align: center;   width: 100% } .footerLinksContainer {   flex-direction: column } .footerLinksFlex {   width: 100%;   text-align: center;   margin-bottom: 10px;   margin-top: 20px } .footerLinksFlex > p {   width: 100%;   margin-bottom: 10px } .footerSocialLinks {   position: static } #atftbx {   text-align: center;   flex-direction: column;   position: relative;   margin-top: 25px } #atftbx > p {   margin: 0 } #atftbx > p > span {   font-size: 14px } .addthis_toolbox.addthis_default_style {   margin: 0 auto;   position: relative;   right: auto;   left: auto } .footerHr {   display: none } .sitebadge {   float: none;   text-align: center;   margin: 20px 0;   position: relative;   bottom: 20px } .googleTranslateDiv {   max-width: 159px;   margin-bottom: 15px;   position: relative;   margin: 15px auto;   top: 100px } .contactInfo {   text-align: center } .contactInfo p, .footerBottomLinks p {   font-size: 14px;   margin-right: 0;   padding-right: 0 } .footerBottomLinks {   flex-direction: column;   text-align: center } .footerBottomLinks p {   border-right: none } }
.site-section-li-inactive { display: none !important }
.activeLogo { display: block !important; max-width: 520px }
.activeLogo.a3Logo { display: block !important; max-width: 458px }
.roboticsSectionDiv { background-color: #a71f23 }
.site-section { position: relative; left: -20px !important }
.site-section-a3 { display: none }
.site-section-robotics { background-color: #a71f23 }
.site-section-motors { background-color: #f15a25 }
.site-section-ai { background-color: #4f1c54 }
.site-section-vision { background-color: #4cb74d }
.site-section-motor { position: relative; left: -50px !important }
.site-section-artificial { position: relative; left: -35px !important }
.sliderPiece { width: 67%; background-color: #fff; height: 30px; transform: skewX(-25deg); position: relative; left: -10px; bottom: 30px; float: right }
.sliderPiece2 { position: absolute; right: 0; float: right }
.sliderPiece3 { width: 30px; background-color: #fff; height: 30px; position: relative; right: 0; float: right; bottom: 30px }
.royalSlider { width: 100% !important; height: 700px !important }
.technologyLandingPage .royalSlider { height: 500px !important }
.home-banner-slide { background-size: cover; background-position: center; height: 100% }
#sliderVideo { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; max-width: 100% }
.video-overlay { z-index: 10; position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; background-color: rgba(0, 0, 0, .7) }
.video-overlay h2 { color: #fff; font-size: 48 px; text-align: center; margin-top: 50px !important }
.home-banner-content { padding-top: 100px }
.home-banner-content h2 { color: #fff; font-size: 48px; font-weight: 700 }
.home-banner-content h3 { color: #fff; font-size: 24px; font-weight: 500; margin-top: 50px }
.tech-banner-content h2 { color: #fff; font-size: 44px; font-weight: 700 }
.tech-banner-content h3 { color: #fff; font-size: 20px; font-weight: 500; margin-top: 30px }
.home-banner-content.sliderContentLeft, .tech-banner-content.sliderContentLeft { width: 100%; max-width: 700px }
.home-banner-content.sliderContentRight, .tech-banner-content.sliderContentRight { width: 100%; max-width: 700px; float: right }
.home-banner-content.sliderContentCenter, .tech-banner-content.sliderContentCenter { text-align: center }
.sliderButtonContainer { margin-top: 50px; margin-bottom: 100px }
.sliderButton { color: #fff !important; background-color: transparent; border: 2px solid #fff; padding: 20px 40px; font-family: Montserrat, Helvetica, Arial, sans-serif; text-decoration: none !important; transition: .5s; text-transform: uppercase }
.sliderButton i { color: #fff !important; margin-left: 5px }
.sliderButton:hover i { color: #1166ae !important }
.sliderButton:hover { background-color: #fff; color: #1166ae !important }
.sliderContentLeft, .sliderContentRight { max-width: 700px }
.gridcol.four.hpintrospace { width: 350px; float: right }
.gridcol.eight.a3Intro { width: calc(100% - 400px) }
.a3Intro, .hpintrospace { margin-top: 25px }
.a3Intro { padding-right: 20px }
.a3Intro, .featuredProducts, .newsSection, .nextWebinar { font-weight: 400; font-family: Montserrat, Open Sans, sans-serif; color: #1f1f1f }
.a3Intro h3 { font-size: 24px; margin-top: 0; font-weight: 400 }
.a3Intro p { font-size: 16px; margin-top: 0 }
.a3Intro .join { text-transform: uppercase; margin-top: 20px }
.a3Intro .join a { color: #0b2e4a; text-decoration: none; font-weight: 600; transition: .5s }
.a3Intro .join a:hover { color: #0a67b1 }
.at-svc-linkedin { margin-left: 0 !important }
.newsSectionBackground { background: #fff; background: linear-gradient(#f4f7fb 0, #f4f7fb 14%, #fff 14%, #fff 89%, #fff 89%); margin: 50px 0 70px }
.newsSectionBackground-bottom { border-bottom: solid 70px #f4f7fb }
.newsSectionBackground-bottom-mobile { display: none }
@media (max-width:968px) { .newsSectionBackground-bottom {   display: none } .newsSectionBackground-bottom-mobile {   display: block } }
.newsSection { display: flex; justify-content: space-between; padding-top: 30px }
.newsSection .newsColumn { width: 23% }
.theLatestIn { color: #0b2e4a; display: block; font-size: 16px; font-weight: 400; margin-bottom: 0 !important }
#content .newsColumn h3 { color: #0b2e4a; margin-top: 0; margin-bottom: 15px }
.artificialNewsImage, .artificialNewsImageContainer, .blogNewsImageContainer, .insightNewsImageContainer, .motorNewsImage, .motorNewsImageContainer, .newsColumnBox, .newsNewsImageContainer, .roboticsNewsImage, .roboticsNewsImageContainer, .techAI, .techMotion, .techRobotics, .techVision, .visionNewsImage, .visionNewsImageContainer, .webinarNewsImageContainer { width: 100%; height: 150px; background-size: cover; background-position: center; border-top-width: 10px; border-top-style: solid; margin-bottom: 20px }
.videoNewsImageContainer { margin-bottom: 20px }
.roboticsNewsImage, .roboticsNewsImageContainer { background-image: url(../images/default-list-graphic-robotics.jpg); border-top-color: #a71f23 }
.visionNewsImage, .visionNewsImageContainer { background-image: url(../images/default-list-graphic-vision.jpg); border-top-color: #4cb74d }
.motorNewsImage, .motorNewsImageContainer { background-image: url(../images/default-list-graphic-motion.jpg); border-top-color: #f15a25 }
.artificialNewsImage, .artificialNewsImageContainer { background-image: url(../images/default-list-graphic-ai.jpg); border-top-color: #4f1c54 }
.techRobotics { border-top-color: #a71f23 }
.techVision { border-top-color: #4cb74d }
.techAI { border-top-color: #4f1c54 }
.techMotion { border-top-color: #f15a25 }
.webinarsBG { background-image: url(../images/default-list-graphic-webinar.jpg) }
.newsBG { background-image: url(../images/default-list-graphic-news.jpg) }
.blogBG { background-image: url(../images/default-list-graphic-blog.jpg) }
.insightsBG { background-image: url(../images/default-list-graphic-insights.jpg) }
.newsNewsImageContainer { background-image: url(../images/default-list-graphic-news.jpg); border-top-color: #4f1c54 }
.blogNewsImageContainer { background-image: url(../images/default-list-graphic-blog.jpg); border-top-color: #4f1c54 }
.insightNewsImageContainer { background-image: url(../images/default-list-graphic-insights.jpg); border-top-color: #4f1c54 }
.webinarNewsImageContainer { background-image: url(../images/default-list-graphic-webinar.jpg); border-top-color: #4f1c54 }
.videoNewsImageContainer { background-image: url(../images/default-list-graphic-video.jpg); border-top-color: #4f1c54 }
.artificialNewsImageContainer, .blogNewsImageContainer, .insightNewsImageContainer, .motorNewsImageContainer, .newsNewsImageContainer, .roboticsNewsImageContainer, .visionNewsImageContainer, .webinarNewsImageContainer { border-top: 0 solid transparent }
.newsColumn h4 { font-weight: 500; font-size: 15px; margin: 0 !important; line-height: 1.3 }
.newsColumn h4 a { color: #1f1f1f; text-decoration: none; transition: .5s; font-weight: 500 }
.newsColumn h4 a:hover { color: #0b67b2; text-decoration: underline }
#content p.dateAuthor { font-size: 12px; margin: 5px 0 25px; color: #1f1f1f }
.dateAuthor a { color: #1f1f1f; text-decoration: none }
.dateAuthor a:hover { text-decoration: underline }
.readMoreFlex { display: flex; justify-content: space-between }
.newsReadMore { margin: 0 !important }
.newsReadMore a { text-decoration: none; color: #0b2e4a; transition: .5s; font-weight: 700 }
.newsReadMore a:hover { color: #0b67b2 }
.readMoreFlex .arrow { font-size: 20px; margin: 0 !important }
.readMoreFlex .arrow a { text-decoration: none }
.redArrow a { color: #a71f23 }
.greenArrow a { color: #4cb74d }
.orangeArrow a { color: #f15a25 }
.purpleArrow a { color: #4f1c54 }
.readMoreFlex .arrow i { font-size: 20px }
.newsColumn .redBar { width: 100%; height: 8px; background-color: #a71f23 }
.newsColumn .greenBar { width: 100%; height: 8px; background-color: #4cb74d }
.newsColumn .orangeBar { width: 100%; height: 8px; background-color: #f15a25 }
.newsColumn .purpleBar { width: 100%; height: 8px; background-color: #4f1c54 }
.h3Container { width: 300px; margin: 0 auto; background-color: #fff; z-index: 999 }
.featuredProducts { margin: 50px 0 70px; text-align: center }
#content .featuredProducts h3 { text-align: center; text-transform: uppercase; font-size: 24px; color: #0b2e4a; background-color: #fff; font-weight: 600; z-index: 999; margin-bottom: 0 }
.featuredProducts hr { position: relative; bottom: 50px; z-index: -1; margin-bottom: 0 }
.webinarFlex { display: flex; justify-content: space-between }
.six.gridcol.nextWebinar, .six.gridcol.upcomingWebinars { width: 49% !important; margin: 0 !important }
.nextWebinar { background-image: url(../images/webinarBackground.jpg); background-size: cover }
.nextWebinar h3 { margin-bottom: 0 !important }
.nextWebinarContent { width: 100%; max-width: 705px; color: #fff; float: right; margin-top: 60px; padding-left: 60px; padding-bottom: 80px }
.greenDiv { background-color: #4cb74d; height: 8px; width: 50px; display: inline-block }
.purpleDiv { background-color: #7e287b; height: 8px; width: 50px; display: inline-block }
.redDiv { background-color: #a71f23; height: 8px; width: 50px; display: inline-block }
.orangeDiv { background-color: #f15a25; height: 8px; width: 50px; display: inline-block }
.nextWebinarContent h2 { max-width: 400px; margin-bottom: 25px !important; margin-top: 25px !important; font-size: 32px; line-height: 36px }
.whereWhenRow { font-size: 20px; margin: 0 !important }
.whereWhenRow i { margin-right: 15px }
.upcomingWebinarRegisterHome { margin-top: 40px }
.transRegister, .webinarRegister { color: #fff !important; background-color: transparent; border: 2px solid #fff; padding: 20px 40px; margin-top: 25px; font-family: Montserrat, Helvetica, Arial, sans-serif; text-decoration: none; transition: .5s }
.webinarRegisterArrow:after { font-family: "Font Awesome 5 Pro"; content: "\f101"; display: inline-block; padding-left: 3px; vertical-align: middle; font-weight: 300 }
.webinarRegister:hover { background-color: #0b67b2 !important; border-color: #0b67b2 }
.gridcol.six.upcomingWebinars { float: right }
.upcomingWebinars { background-color: #f4f7fb }
.upcomingWebinarContent { width: 100%; max-width: 705px; color: #000; float: left; padding: 30px 40px; font-family: Montserrat, Open Sans, sans-serif }
.upcomingWebinarContent h3 { font-size: 24px; font-weight: 500; color: #0b2e4a; margin-top: 0 }
.upcomingWebinarContent .eventTitle { font-weight: 600; margin: 0 !important }
.upcomingWebinarContent .eventTitle a { color: #000; text-decoration: none; transition: .5s }
.upcomingWebinarContent .eventTitle a:hover { color: #0b67b2; text-decoration: underline }
.upcomingWebinarContent .infoRow { font-size: 14px; margin: 0 0 20px }
.upcomingWebinarContent .infoRow i { font-size: 16px; margin-right: 8px; color: #c5d2de }
.upcomingWebinarContent .infoRow .date { width: 180px; display: inline-block }
.bottomAd .bottomAdContainer { text-align: center; padding-top: 60px }
.bottomAd.gridcol img { margin: 0 auto; max-width: 800px }
@media (max-width:1145px) { .newsColumn h3 {   height: 58px } }
@media (max-width:992px) { #content {   padding: 130px 0 } }
@media (max-width:762px) { #content {   padding: 40px 0 } }
@media (max-width:400px) { #content {   padding: 0 } }
@media (max-width:968px) { .gridcol.eight.a3Intro {   width: 100% } .gridcol.four.hpintrospace {   width: 100%;   display: flex;   justify-content: space-between;   margin: 25px 0 !important } .newsSectionBackground {   background: #fff } .newsSection {   flex-wrap: wrap } .newsColumn h3 {   height: auto } .newsSection .newsColumn {   width: 48% } .newsArticles {   min-height: 480px } .six.gridcol.nextWebinar, .six.gridcol.upcomingWebinars {   width: 100% !important } .webinarFlex {   flex-wrap: wrap } .nextWebinarContent {   float: none } .bottomAd.gridcol img {   max-width: 100% } }
@media (max-width:768px) { #content .homePage {   position: relative;   bottom: 0 } }
@media (max-width:620px) { .hideAtMobile {   display: none } .a3Intro h3 {   font-weight: 400 } .a3IntroButtons a, .a3IntroButtons div {   width: 100% } .a3IntroButtons a {   display: flex;   justify-content: space-between } .a3IntroButtons > div {   margin-bottom: 5px } .join a {   display: flex;   justify-content: space-between } .firstJoin {   max-width: 240px } .secondJoin {   font-size: 48px;   position: relative;   bottom: 10px } .gridcol.four.hpintrospace {   flex-direction: column } .newsSection .newsColumn {   width: 100% } .artificialNewsImage, .motorNewsImage, .roboticsNewsImage, .visionNewsImage {   height: 10px;   width: 100% } .productsFlex {   flex-direction: column } .featuredProducts .productsFlex img {   max-width: 100%;   margin-bottom: 10px } }
@media (max-width:400px) { .date, .time {   display: block } }
.homePage .gridcol { margin: 0 !important }
.homePage .twelve.gridcol { width: 100% !important; margin: 0 !important }
@media (max-width:1220px) { .newsArticles {   min-height: 600px } }
@media (max-width:1055px) { .newsArticles {   min-height: 630px } }
@media (max-width:1010px) { .newsArticles {   min-height: 670px } }
@media (max-width:968px) { .newsArticles {   min-height: 490px } }
@media (max-width:700px) { .newsArticles {   min-height: 530px } }
@media (max-width:620px) { .newsArticles {   min-height: 0 } }
.article { font-family: Montserrat, Helvetica, Arial, sans-serif }
.article .topAd { background: #f4f7fb }
.article .topAd img { max-width: 100%; padding: 25px 0 25px 25px }
.article .mobileHeaderImage { display: none }
.article .articleContainer { display: flex; justify-content: space-between }
.article .articleContainer .gridcol { float: none }
.article .articleContainer .three.gridcol { position: sticky; top: 70px; align-self: flex-start; margin-top: 15px; width: 282px; margin: 15px 0 }
.article .sidebarContainer { border: 5px solid #f4f7fb; font-family: Montserrat, Open Sans, sans-serif; margin-bottom: 10px }
.sidebarContainer { font-family: Montserrat, Open Sans, sans-serif }
.article .company { padding: 10px 30px }
.article .companyInfo { background-color: #f4f7fb; padding: 15px }
.article .companyIcon { width: 40px; margin-right: 8px }
.article .companyIcon .far { color: #c6d3df; font-size: 32px }
.article .companyFlex { display: flex; margin-bottom: 5px }
.article .companySubFlex { display: flex; flex-direction: column }
.companyFlex .item { border: 2px solid #eef2f6; border-top-width: 0 }
.companySubFlex .socials { display: none }
#content .article .companySubFlex p { margin: 0; color: #0b2e4a; font-weight: 500; font-size: 13px; line-height: 1.4 }
#content .article .companyInfo > p { font-size: 14px; line-height: 1.4; color: #0b2e4a; margin: 8px 0 0 }
.article .socials { display: none }
.article .learnMore a { color: #92a4b6; text-decoration: none; font-size: 13px; line-height: 1; font-weight: 500; transition: .5s }
.article .learnMore a .fas { color: #92a4b6 }
.article .learnMore a:hover, .article .learnMore a:hover .fas { color: #0b2e4a }
.article .filed, .filedUnder { color: #0b2e4a; font-size: 13px; padding: 15px }
#content .article .filed p, #content .filedUnder p { margin-top: 0; margin-bottom: 5px }
.article .filed strong .fullCat, .filedUnder strong .fullCat { display: none }
.article .filed strong .partCat, .filedUnder strong .partCat { display: inline }
.article .filed.fullFiled strong .fullCat, .filedUnder.fullFiled strong .fullCat { display: inline }
.article .filed.fullFiled strong .partCat, .filedUnder.fullFiled strong .partCat { display: none }
.article .filed > .filedSeeMore span, .filedUnder > .filedSeeMore span { font-weight: 600; cursor: pointer }
.article .sideAdContainer { text-align: center; margin: 0 auto }
.article .articleContainer .three.gridcol .sideAdContainer > img { margin-top: 10px; max-width: 268px }
.articleHeaderImage img { margin-top: 20px }
.article .articleContainer .nine.gridcol { width: calc(100% - 305px) }
.article .articleContainer .nine.gridcol h1 { margin: 5px 0; font-size: 32px; color: #0a67b1 }
.article .articleContainer .nine.gridcol .dateAuthor { display: flex; margin-bottom: 5px }
.article .articleContainer .nine.gridcol .dateAuthor p { margin-right: 10px; font-size: 14px; color: #0b2e4a; margin-top: 0; font-weight: 700 }
.article .articleContainer .nine.gridcol .articleContent { padding-bottom: 50px }
.article .articleContainer .nine.gridcol .articleContent h3 { color: #0b2e4a; font-size: 24px; font-weight: 500 }
.article .articleContainer .nine.gridcol .articleContent .articleFloat { float: right; max-width: 50%; padding-left: 10px; padding-bottom: 10px }
.article .articleContent .originallyPublished { color: #999; font-size: 14px }
.relatedContainer { background-color: #f4f7fb; padding: 30px 0 }
.articleContainer .signifier { margin-bottom: 15px }
#content .related-title { text-align: center; text-transform: uppercase; font-size: 20px; color: #0b2e4a; font-weight: 600; align-items: center; margin-bottom: 10px }
.divider[text-position=left]:before, .divider[text-position=right]:after { content: none }
.relatedContentContainer { display: flex; flex-wrap: wrap; margin-left: -1%; margin-right: -1% }
.relatedContent-item { width: 23%; margin: 10px 1% }
@media (max-width:1040px) { .relatedContent-item {   width: 31% } }
@media (max-width:840px) { .relatedContent-item {   width: 48% } }
@media (max-width:640px) { .relatedContent-item {   width: 98% } }
#content .relatedContent-item p { margin-bottom: 5px }
.relatedContent-item .relatedContentDateAuthor, .relatedContent-item .relatedContentTitle a { text-decoration: none; color: #1f1f1f }
.relatedContent-item .relatedContentTitle, .relatedContent-item .relatedContentTitle a { font-size: 14px; line-height: 1.3; font-weight: 600; transition: .5s }
.relatedContent-item .relatedContentTitle a:hover { color: #0b67b2 }
.relatedContent-item .relatedContentDateAuthor { font-size: 12px; margin: 0 0 15px 0 }
.companyContainer { text-align: center }
@media (max-width:992px) { .article .articleContainer .nine.gridcol .articleContent .articleFloat {   float: none;   width: 100%;   max-width: none;   padding: 0 } }
@media (max-width:768px) { .article .articleContainer {   flex-direction: column-reverse } .article .articleContainer .three.gridcol {   width: 100%;   margin: 0 0 30px } .article .articleContainer .nine.gridcol {   width: 100%;   margin: 0 } .article .articleHeaderImage img {   margin-top: 50px } .article .articleContainer .nine.gridcol h1 {   max-width: 600px } .article .companyContainer {   text-align: center } .article .companyInfo > p {   font-size: 13px } .article .filed {   font-size: 14px } .relatedContentContainer {   display: flex;   flex-wrap: wrap } .relatedContentContainer .three.gridcol {   width: 44% } .article .articleContainer .nine.gridcol .dateAuthor {   display: block } .article .articleContainer .nine.gridcol .dateAuthor P:first-of-type {   margin: 0 } .article .articleContainer .nine.gridcol .dateAuthor .dateDivider {   display: none } .sidebarContainer {   display: flex;   flex-wrap: wrap } .sidebarContainer > .companyContainer {   width: 100%;   display: flex;   flex-direction: column;   justify-content: center;   align-items: center } .sidebarContainer > .companyInfo {   width: 100% } .sidebarContainer > .filedUnder {   width: 100% } .article .companySubFlex {   font-size: 13px;   margin-top: 4px } .companyInfo > p {   margin-top: 10px !important } .article .company {   padding: 50px 30px } .sideAdContainer {   display: none } }
.onpgcat { max-width: 300px; border: 2px solid #e4ecf4; padding: 5px }
.page { font-family: Montserrat, Open-sans, sans-serif }
.headerSection { display: flex; justify-content: space-between; border-bottom: 3px solid #e4ecf4; margin-bottom: 20px; margin-top: 20px; font-family: Montserrat, Open Sans, sans-serif }
#content .headerSection h1, #content .headerSection h2, #content .headerSection h3, #content .headerSection p { color: #0a67b1; font-weight: 600; margin: 10px auto 3px; width: calc(100% - 148px); font-size: 32px; line-height: 32px }
.headerSection .addthis_inline_share_toolbox, .headerSection .noshare { position: relative; top: 5px; width: 148px; margin-top: 5px; text-align: right }
.productPageContainer .sponsorContainer { display: flex; justify-content: center; margin-bottom: 20px }
@media (max-width:768px) { .headerSection {   flex-direction: column } .headerSection .addthis_inline_share_toolbox {   clear: both;   position: fixed;   right: 0;   top: 185px;   width: 38px } .headerSection .addthis_inline_share_toolbox .at-share-btn-elements {   display: flex;   flex-direction: column;   width: 38px } .at-svc-linkedin {   margin-left: 2px !important } .headerSection h1, .headerSection h2 {   margin: 10px 0 3px !important } }
.productPageContainer .sponsoredBy { color: #0b2e4a; font-weight: 600 }
.productPageContainer .sponsor { max-width: 270px; max-height: 60px }
.productPageContainer .productDescription { margin: 20px 0; font-size: 16px; line-height: 1.5 }
.productBox { width: 315px; height: 195px; text-decoration: none; transition: .5s; position: relative; margin: 0 7px 14px; background-image: url(../images/automate.jpg); box-shadow: inset 0 0 0 1000px rgba(11, 46, 74, .9); background-size: 110% !important; background-position: left }
.productBox:hover { box-shadow: inset 0 0 0 1000px transparent; background-position: right }
.productBox p, .productBox span { margin-top: 55px !important; font-size: 20px; line-height: 18px; padding: 10px 20px !important; color: #fff; margin-right: 10px !important; position: absolute; bottom: 20px; transition: .5s; box-shadow: inset 0 0 0 1000px transparent; margin-bottom: 0 !important; width: 100% }
.productBox span { display: block }
.productBox:hover p, .productBox:hover span { box-shadow: inset 0 0 0 1000px rgba(11, 46, 74, .9); bottom: 0 }
.productsContainer { display: flex; justify-content: center; margin: 0 auto; margin-bottom: 15px; flex-wrap: wrap; position: relative; right: 11px }
.extraMarginBottom { margin-bottom: 50px }
.productsContainer.threeRow .productBox { background-size: contain; width: 425px; height: 225px }
.productsContainer.threeRow .productBox.prdBxTall { height: 300px }
@media (max-width:768px) { .productPageContainer .sponsorContainer {   flex-direction: column;   text-align: center } .productPageContainer .sponsor {   margin: 0 auto } }
@media (max-width:1016px) { .productsContainer.threeRow .productBox {   width: 100% } }
@media (max-width:794px) { .productBox {   width: 100% } }
.breadcrumbs, .productBreadcrumbs { position: relative; top: 10px; margin-top: 0; padding: 5px 0 10px }
.breadcrumbs a, .productBreadcrumbs, .productBreadcrumbs a { color: #92a4b6; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: uppercase; font-family: Montserrat, Open Sans, sans-serif }
.breadcrumbs a, .productBreadcrumbs a { transition: .5s }
.breadcrumbs a:hover, .productBreadcrumbs a:hover { color: #0b67b2 }
.breadcrumbs { position: relative; margin-top: 0; margin-bottom: -20px; padding: 5px 0 10px }
.breadcrumbs ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap }
.breadcrumbs li { padding: 0 0 0 4px; display: inline-block }
.breadcrumbs li:after { font-family: "Font Awesome 5 Pro"; content: "\f101"; display: inline-block; padding-left: 3px; color: #92a4b6; vertical-align: middle; font-weight: 300 }
.breadcrumbs li:last-of-type:after { content: "" }
.breadcrumbs a, .breadcrumbs ol li > span { color: #92a4b6; text-decoration: none; font-size: 13px; font-weight: 500; text-transform: uppercase; font-family: Montserrat, Open Sans, sans-serif; transition: .5s }
.breadcrumbs a:hover { color: #0b67b2 }
.breadcrumbs a.nonClickable { cursor: auto }
.breadcrumbs a.nonClickable:hover { color: #92a4b6 }
.productCategories { display: flex; justify-content: center; margin: 0 -5px 20px; flex-wrap: wrap }
.productCategories a { height: 100px; background-size: 110%; background-position: left; box-shadow: inset 0 0 0 1000px rgba(11, 46, 74, .9); transition: .5s; min-width: 250px; margin: 5px; flex-basis: 19%; flex-grow: 32; position: relative }
.productCategories a.cat1 { background-image: url(../images/cat1.jpg) }
.productCategories a.cat2 { background-image: url(../images/cat2.jpg) }
.productCategories a.cat3 { background-image: url(../images/cat3.jpg) }
.productCategories a:hover { box-shadow: inset 0 0 0 1000px transparent }
.productCategories a p { text-decoration: none; color: #fff; position: absolute; bottom: 10px; margin: 0 !important; font-weight: 400; font-size: 15px; line-height: 1.1; width: 100%; padding: 5px 10px; transition: .5s }
.productCategories a:hover p { box-shadow: inset 0 0 0 1000px rgba(11, 46, 74, .9); bottom: 0 }
.restart { color: #92a4b6; font-weight: 500 }
.restart a { color: #92a4b6; text-decoration: none; font-size: 14px; transition: .5s }
.restart a:hover { color: #0a67b1 }
.searchBox { border: 3px solid #f4f7fb }
.searchBoxHeader { color: #92a4b6; background-color: #f4f7fb; margin: 0 !important; padding: 15px; font-weight: 500; font-size: 14px }
.searchContent { padding: 15px; font-size: 14px; margin: 0 !important }
.searchBoxSubHeader { padding: 15px; color: #92a4b6; font-weight: 500; font-size: 15px; margin-bottom: 0 !important }
.searchRow { display: flex; padding-left: 15px; padding-right: 15px; margin-bottom: 20px }
.searchRow img { width: 40px; height: 30px; padding-right: 10px }
.searchRow p { color: #c5d2de; font-weight: 500; margin: 3px !important; font-size: 14px; padding-left: 40px }
.custom-checkbox input:checked + span + p { color: #0a67b1 !important }
.searchRow .checkedBox { width: 100%; background-color: #fff; border-radius: 50%; vertical-align: middle; -webkit-appearance: none; outline: 0; cursor: pointer }
.gridcol.three .filterBox .searchRow { margin-top: 20px }
.custom-checkbox input { display: none }
.custom-checkbox span { border: 2px solid #d5d5d5; border-radius: 50px; float: left; height: 30px; width: 30px; cursor: pointer; display: flex; justify-content: center; align-items: center; position: relative; left: 2px; bottom: 2px }
.custom-checkbox input:checked + span, .custom-checkbox:hover span { border: 2px solid #c5d2de; border-radius: 50px }
.custom-checkbox input + span:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-size: 20px; padding-top: 2px; color: #c5d2de; position: relative }
.custom-checkbox input:checked + span:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-size: 20px; padding-top: 2px; color: #0a67b1; position: relative }
.searchBox hr { border-top: 0 solid transparent; border-bottom: 3px solid #f4f7fb; border-left: 0 solid transparent; margin: 0 }
.productSideAdContainer img { margin-top: 20px }
.productSideDisplayContainer img { margin-top: 20px }
.resultsInfo { display: flex; justify-content: space-between; padding-top: 15px }
.numberOfResults { color: #92a4b6; font-weight: 500; width: calc(100% - 160px); margin-top: 7px }
.displayOptions { color: #92a4b6; font-weight: 500; display: flex; justify-content: flex-end; width: 100% }
.upperSelectRow .displayOptions { width: auto; position: relative; bottom: 4px; padding-left: 10px }
.displayOptions > * { margin-right: 5px }
body .displayOptions > img { width: 30px !important; height: 30px !important }
.upperSelectRow > .displayOptions > img { height: 30px !important }
.displayOptions > p { padding-right: 6px; margin: 3px 0 20px 0 !important }
.searchItemFlex { display: flex; flex-wrap: wrap }
.searchItem { border: 3px solid #f4f7fb; width: 32%; padding: 0; margin: 0 .5% 10px; background-color: #fff !important }
.searchItem img { padding: 10px 20px 0 }
.searchItemContent { padding: 10px }
.searchItem.searchItemWide .signifier { margin-top: 10px; margin-right: 10px; float: right; width: 100px }
.searchItem h3 { margin: 0 !important; font-size: 16px; line-height: 1.3 }
.searchItem h3 a { color: #0a67b1; font-weight: 500; text-decoration: none; transition: .5s }
.searchItem h3 a:hover { color: #051e32 }
.searchItem.searchItemWide { width: 100% }
.searchItem.searchItemWide img { float: left }
.searchItem .resultText { color: #333 !important }
.searchItemContent.searchItemWide { display: flex; flex-direction: column; padding-left: 20px }
#content .resultText, #content .searchItemContent.searchItemWide .resultText { font-size: 14px; line-height: 1.4; margin-bottom: 10px }
.activeOption { background-color: #f4f7fb }
#content .searchItem .memberCompanyName, #content .searchItem p.productAllCompany { color: #666; font-size: 16px; line-height: 1.2; font-weight: 400; margin-bottom: 10px }
#content .searchItem .memberCompanyName a, #content .searchItem p.productAllCompany a { text-decoration: none; font-weight: 400 }
#content .searchItem .memberCompanyName a:hover, #content .searchItem p.productAllCompany a:hover { color: #051e32 }
#content .searchItem p.productAllCompany { margin-bottom: 0 }
#content .memberCompanyName { color: #000; margin: 5px 0; font-weight: 500 }
#content .searchItemContent .btn-lined { margin: 10px }
.searchAd { margin: 30px 0; text-align: center }
.searchAd img { width: 750px }
.loadMoreContainer { text-align: center; height: 50px }
.loadMore { color: #fff !important; text-decoration: none; background-color: #0a67b1; padding: 20px; transition: .5s }
.loadMore:hover { background-color: #0b2e4a }
@media (max-width:992px) { .searchItem {   width: 49% } }
@media (max-width:768px) { .searchItem {   width: 32% } .productPageContainer .gridcol.three.gridcol {   width: 100% } .productPageContainer .gridcol.nine.gridcol {   width: 100% } .productSideAdContainer {   text-align: center } .productSideAdContainer img {   width: 400px !important;   margin: 10px auto 10px } .productSideDisplayContainer {   text-align: center } .productSideDisplayContainer img {   width: 400px !important;   margin: 10px auto 10px } }
@media (max-width:650px) { .searchItem {   width: 49% } .articleHeaderImage {   display: none } }
@media (max-width:600px) { .article .topAd {   display: none } .article .mobileHeaderImage {   height: 200px;   background-image: url(../images/HeaderImage.jpg);   width: 100%;   display: block;   background-size: cover;   background-position: center } }
@media (max-width:540px) { .sidebarContainer > div {   width: 100% !important } .sidebarContainer {   flex-direction: column } }
@media (max-width:475px) { .searchItem {   width: 100% } }
@media (max-width:400px) { .article .mobileHeaderImage {   margin-top: -50px } }
@media (max-width:390px) { .article .mobileHeaderImage {   margin-top: -30px } }
.upperMenu { position: absolute; width: 100%; height: auto; background-color: #0b2e4a; z-index: 99999; padding-bottom: 0; overflow: hidden; transition: .5s; font-size: 14px }
.upperMenu.activated { max-height: 490px; padding-bottom: 30px; padding-top: 20px }
.upperMenu.unActivated { max-height: 0 }
@media (max-width:992px) { .upperMenu {   display: none !important } .upperMenuButton {   display: none !important } }
.upperMenu > div > div { display: flex; justify-content: space-between; font-family: Montserrat, Open Sans, sans-serif }
.typeRow { width: 23% }
.typeRow > p { color: #fff; margin-bottom: 2px }
.typeRow > .robotics { height: 10px; width: 100%; background-color: #a71f23 }
.typeRow > .vision { height: 10px; width: 100%; background-color: #4cb74d }
.typeRow > .motion { height: 10px; width: 100%; background-color: #f15a25 }
.typeRow > .artificial { height: 10px; width: 100%; background-color: #4f1c54 }
.artificial.aiOnDrk { background-color: #7e287b }
.typeRowMenu, ul.typeRowMenu { position: relative; padding: 0 0 0 17px; margin: 12px 0 10px }
.typeRow a.exploreHeader { color: #fff; text-decoration: none; transition: .5s }
.typeRow a.exploreHeader:hover { color: #0a61a6 }
.typeRowMenu > li { list-style: none; padding: 5px 0; margin: 0; line-height: 1.2 }
.typeRowMenu > li > a { text-decoration: none; color: #fff; transition: color .5s }
.typeRowMenu > li > a:hover { color: #0b67b2 }
.typeRowMenu > li > a:before { content: "+"; color: #0b67b2; padding-right: 7px; position: absolute; left: 3px; opacity: 50% }
.upperMenuButton { left: 20px; margin-right: 20px; border: 2px solid #fff; padding-bottom: 0; height: 45px; width: 45px; padding: 6px; bottom: 6px }
.upperMenuButton.fa-times { padding-left: 10px !important }
.upperMenuButton.fa-bars:before { content: "\f0c9"; position: relative; top: 2px; left: 2px }
.upperMenuButton.fa-times:before { position: relative; top: 2px; left: 2px }
.secondSlideImage { background-position: center 20% }
@media (max-width:1200px) { .secondSlideImage {   background-position: center -5% } }
@media (max-width:1028px) { .secondSlideImage {   background-position: center -25% } }
@media (max-width:928px) { .secondSlideImage {   background-position: center -55% } }
.askTheExpertsButton { color: #fff !important; background-color: #e24141; text-decoration: none; padding: 8px; transition: .5s; font-weight: 600 }
.askTheExpertsAccordion { width: 210px; height: 43px; transition: .5s; overflow: hidden }
.askTheExpertsAccordion span i, .askTheExpertsButton span i { color: #fff }
.accordionButtonContainer { height: 0; transition: .5s; overflow: hidden }
.accordionButtonContainerExpanded { height: 100px }
.askTheExpertsButtonAccordionContent { background-color: #e24141; position: relative; overflow: hidden; transition: .5s; padding: 8px 8px 0 8px; max-height: 790px }
.askTheExpertsButtonAccordionContent textarea { width: 100%; height: 75px; font-family: Montserrat, Open Sans, sans-serif }
.askTheExpertsButtonAccordionContent a, .askTheExpertsButtonAccordionContent button { background-color: #e24141; color: #fff; position: absolute; right: 5px; bottom: 5px; padding-left: 10px; padding-right: 5px; font-family: Montserrat, Open Sans, sans-serif; font-weight: 700; cursor: pointer; border: none; padding: 8px 10px }
.askTheExpertsButtonAccordionContent i { color: #fff }
.askTheExpertsButton:hover { background-color: #051e32 }
.askTheExpertsButton > * { position: relative; top: 1px }
.askExpertsButton { margin: 0 !important; margin-top: 10px !important }
.expertsFlex .item { border: 2px solid #eef2f6; border-top-width: 0 }
.ask-co-question { font-weight: 500 }
#content .item .itemContent h3.ask-co-question, #content .item h3.ask-co-question { padding: 0 10px; font-weight: 500 }
.ask-co-answer { padding: 0 10px; font-size: 15px }
#content .ask-co-answer p { margin-bottom: 15px }
.filterBox { border: 5px solid #f4f7fb; color: #92a4b6; font-weight: 700; margin-bottom: 10px }
.filterPadding { padding: 0 10px !important; margin: 10px 0 !important }
.filterPaddingSelect { margin-left: 10px !important; margin-right: 10px !important; width: calc(100% - 20px) !important }
.filterBox .byTechnology, .filterBox .searchContent, .filterBox .technologyFlex { padding: 0 10px; font-size: 16px; margin: 10px 0 !important }
.filterBoxHeader { background-color: #f4f7fb; padding: 10px }
.filterBoxDivider { background-color: #f4f7fb; height: 5px; margin-bottom: 10px }
.filterBox .technologyFlex { display: flex; flex-wrap: wrap; justify-content: space-between }
.filterPadding.viewAll { padding: 0 5px !important; color: #0a67b1; font-size: 14px !important }
.filterPadding.viewAll:hover { color: #052239 }
.technologyFlex p { margin: 0 !important; font-size: 14px }
.technologyFlex > a { width: 50%; text-decoration: none; transition: .5s; background-color: transparent !important; margin-bottom: 10px; padding: 5px }
.technologyFlex > a.tc-selected, .technologyFlex > a.tc-selected p, .technologyFlex > a.tcSelected, .technologyFlex > a.tcSelected p { color: #fff }
.technologyFlex > a.tc-selected p, .technologyFlex > a.tcSelected p { margin-top: 5px !important }
.technologyFlex > a.tc-selected p:before, .technologyFlex > a.tcSelected p:before { content: "\00BB "; position: relative; bottom: 1px; margin-right: 3px }
.technologyFlex > a.tc-selected.tc-robotics, .technologyFlex > a.tcSelected.robotics, .technologyFlex > a.tcSelected.tc-robotics { background-color: #a71f23 !important; border-radius: 3px }
.technologyFlex > a.tc-selected.tc-vision, .technologyFlex > a.tcSelected.tc-vision, .technologyFlex > a.tcSelected.vision { background-color: #4cb74d !important; border-radius: 3px }
.technologyFlex > a.tc-selected.tc-motionControl, .technologyFlex > a.tcSelected.motion, .technologyFlex > a.tcSelected.tc-motionControl { background-color: #f15a25 !important; border-radius: 3px }
.technologyFlex > a.tc-selected.tc-ai, .technologyFlex > a.tcSelected.ai, .technologyFlex > a.tcSelected.tc-ai { background-color: #4f1c54 !important; border-radius: 3px }
.technologyFlex > a.tc-selected .technologyBar, .technologyFlex > a.tcSelected .technologyBar { display: none }
.technologyFlex > a > p { transition: .5s }
.technologyFlex > a > div { height: 10px }
.technologyFlex > p > a { color: #0a67b1; font-size: 15px !important; text-decoration: none; padding: 0 !important }
.technologyFlex > p > a:before { font-family: "Font Awesome 5 Pro"; content: "\f0e2"; color: #0a67b1; background-color: #e4ecf4; border-radius: 50px; margin-right: 6px; padding: 6px 8px; font-size: 13px; font-weight: 600; width: 29px }
a p { margin-top: 0 }
a.robotics .technologyBar, a.tc-robotics .technologyBar { background-color: #a71f23 }
a.robotics > p, a.tc-robotics > p { color: #a71f23 }
a.tc-vision .technologyBar, a.vision .technologyBar { background-color: #4cb74d }
a.tc-vision > p, a.vision > p { color: #4cb74d }
a.motion .technologyBar, a.tc-motionControl .technologyBar { background-color: #f15a25 }
a.motion > p, a.tc-motionControl > p { color: #f15a25 }
a.ai .technologyBar, a.tc-ai .technologyBar { background-color: #4f1c54 }
a.ai > p, a.tc-ai > p { color: #4f1c54 }
a.automation .technologyBar { background-color: #0a67b1 }
a.automation > p { color: #0a67b1 }
.itemFlex { display: flex; flex-wrap: wrap; justify-content: left }
.item { width: 31%; margin: 0 .5% 30px; background-color: #fff !important; padding: 0 }
.itemFlex.itemTransparent .item { background: 0 0 !important }
.itemFlex.itemTightBottom .item { margin-bottom: 10px }
.item-inner { padding: 20px 10px 10px }
.itemFlex.itemTwoWide .item { width: 49% }
.itemFlex.itemFourWide .item { width: 24% }
@media (max-width:1120px) { .itemFlex.itemFourWide .item {   width: 32% } }
@media (max-width:950px) { .itemFlex.itemTwoWide .item {   width: 100% } .itemFlex.itemFourWide .item {   width: 49% } }
@media (max-width:768px) { .itemFlex.itemFourWide .item, .itemFlex.itemTwoWide .item {   width: 100%;   padding: 0 } }
.itemFlex.itemTwoWide .item .item-inner { padding: 20px 10px 0 }
.meetDiv { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, .73)), url(../images/MeetExperts.png); width: 300px; min-height: 200px; min-height: 320px; background-position: top center; background-size: cover; margin-top: 20px; position: relative; margin: 20px auto 0 }
.meetButton { position: absolute; bottom: 20px; width: 70%; color: #fff !important; border: 2px solid #fff; margin: 0 auto; text-align: center; left: 15%; text-decoration: none; font-size: 24px; transition: .5s }
.meetButton:hover { color: #0b67b2 !important; border: 2px solid #0b67b2 }
.selectFlex { display: flex; justify-content: space-between; margin-top: 30px; flex-wrap: wrap }
.showPerPageSelect { display: flex; margin-bottom: 10px; flex-wrap: wrap; justify-content: flex-end }
.chooseCategorySelect { background-image: url(../images/selectDownArrow.png); background-repeat: no-repeat; background-position: 95% center; width: 240px; background-color: #e4ecf4; border: 0 solid transparent; color: #0a67b1; font-weight: 700; height: 34px; padding: 0 10px; font-family: Montserrat, Open Sans, sans-serif; -webkit-appearance: none; -moz-appearance: none; margin-bottom: 25px }
.chooseNumberSelectLabel { margin-top: 6px; padding-right: 10px; color: #92a4b6; text-transform: uppercase; font-size: 14px; font-weight: 600; margin-bottom: 10px !important }
.chooseNumberSelect { background-color: #f4f7fb; background-repeat: no-repeat; background-image: url(../images/selectDownArrow2.png); background-position: 90% center; width: 65px; height: 34px; font-family: Montserrat, Open Sans, sans-serif; -webkit-appearance: none; -moz-appearance: none; text-align-last: right; padding-right: 25px; color: #92a4b6; font-weight: 700; border: 0 solid transparent }
.latestQuestions { color: #0b2e4a; margin-bottom: 25px; font-weight: 700; margin-top: 0 }
.smallSignifierHolder { width: 100px }
a > .signifier, div > .signifier { height: 10px }
div > .signifier { background-color: #eef2f6 }
.newsColumn div > .signifier, a > .signifier { margin-left: 0; margin-right: 0 }
a > span.signifier { height: 10px; width: 100%; display: block }
a.tc-robotics > .signifier, div.robotics > .signifier, div.tc-robotics > .signifier { background-color: #a71f23 }
a.tc-vision > .signifier, div.tc-vision > .signifier, div.vision > .signifier { background-color: #4cb74d }
a.tc-motionControl > .signifier, div.motion > .signifier, div.tc-motionControl > .signifier { background-color: #f15a25 }
a.tc-ai > .signifier, div.ai > .signifier, div.tc-ai > .signifier { background-color: #4f1c54 }
a.tc-automation > .signifier, div.automation > .signifier { background-color: #0a67b1 }
div.robotics.vision > .signifier, div.tc-robotics.tc-vision > .signifier { background: #a71f23; background: linear-gradient(90deg, #a71f23 0, #a71f23 50%, #4cb74d 50%, #4cb74d 100%) }
div.robotics.motion > .signifier, div.tc-robotics.tc-motionControl > .signifier { background: #a71f23; background: linear-gradient(90deg, #a71f23 0, #a71f23 50%, #f15a25 50%, #f15a25 100%) }
div.robotics.ai > .signifier, div.tc-robotics.tc-ai > .signifier { background: #a71f23; background: linear-gradient(90deg, #a71f23 0, #a71f23 50%, #4f1c54 50%, #4f1c54 100%) }
div.tc-vision.tc-motionControl > .signifier, div.vision.motion > .signifier { background: #a71f23; background: linear-gradient(90deg, #4cb74d 0, #4cb74d 50%, #f15a25 50%, #f15a25 100%) }
div.tc-vision.tc-ai > .signifier, div.vision.ai > .signifier { background: #a71f23; background: linear-gradient(90deg, #4cb74d 0, #4cb74d 50%, #4f1c54 50%, #4f1c54 100%) }
div.motion.ai > .signifier, div.tc-motionControl.tc-ai > .signifier { background: #a71f23; background: linear-gradient(90deg, #f15a25 0, #f15a25 50%, #4f1c54 50%, #4f1c54 100%) }
div.robotics.vision.motion > .signifier, div.tc-robotics.tc-vision.tc-motionControl > .signifier { background: #a71f23; background: linear-gradient(90deg, #a71f23 0, #a71f23 33%, #4cb74d 33%, #4cb74d 66%, #f15a25 66%, #f15a25 100%) }
div.robotics.vision.ai > .signifier, div.tc-robotics.tc-vision.tc-ai > .signifier { background: #a71f23; background: linear-gradient(90deg, #a71f23 0, #a71f23 33%, #4cb74d 33%, #4cb74d 66%, #4f1c54 66%, #4f1c54 100%) }
div.robotics.motion.ai > .signifier, div.tc-robotics.tc-motionControl.tc-ai > .signifier { background: #a71f23; background: linear-gradient(90deg, #a71f23 0, #a71f23 33%, #f15a25 33%, #f15a25 66%, #4f1c54 66%, #4f1c54 100%) }
div.tc-vision.tc-motionControl.tc-ai > .signifier, div.vision.motion.ai > .signifier { background: #4cb74d; background: linear-gradient(90deg, #4cb74d 0, #4cb74d 33%, #f15a25 33%, #f15a25 66%, #4f1c54 66%, #4f1c54 100%) }
div.robotics.vision.motion.ai > .signifier, div.tc-vision.tc-motionControl.tc-ai.tc-robotics > .signifier { background: #a71f23; background: linear-gradient(90deg, #a71f23 0, #a71f23 25%, #4cb74d 25%, #4cb74d 50%, #f15a25 50%, #f15a25 75%, #4f1c54 75%, #4f1c54 100%) }
#content .item h3 { padding: 0 10px; margin-top: 0; font-size: 16px; line-height: 1.2; font-weight: 400; margin-bottom: 20px }
#content .item .itemContent h3 { padding: 0 }
.item .hrContainer { padding: 0 10px }
.item hr { margin: 15px 0 10px; height: 1px; background-color: #c5d2de; border: none }
.item h3 a { color: #122f49; font-weight: 500; text-decoration: none; transition: .5s }
.item h3 a:hover { color: #0a67b1 }
.item.itemWide { width: 100% }
.item.itemWide img { float: left }
.item .itemInnerFlex { display: flex; justify-content: space-between; padding: 0 10px }
.replies { margin-bottom: 0 !important; font-size: 14px; font-weight: 600; color: #0a67b1 }
.answerLink.replies a { text-decoration: none; color: #0a67b1 }
.itemContent .itemDate { color: #000; font-weight: 400; font-size: 14px; padding-top: 3px }
.itemContent .itemCategory { color: #666; font-size: 13px; line-height: 1.2; font-weight: 400 }
.itemContent .itemArrow a { color: #051e32; text-decoration: none; transition: .5s }
.itemContent .itemArrow a:hover { color: #0b67b2 }
.replies span { background-color: #e4ecf4; border-radius: 50px; width: 24px; height: 24px; display: inline-block; text-align: center; padding-bottom: 8px }
.expertsAd { text-align: center; width: 100%; margin: 20px 0 30px }
.seeMoreContainer { text-align: center; height: 60px; margin-top: 30px }
a.seeMore { color: #1166ae; text-decoration: none; border: 2px solid #1166ae; padding: 10px; font-weight: 500; margin-top: 40px !important; transition: .5s; display: inline-block }
a.seeMore:hover { color: #0b2e4a; border: 2px solid #0b2e4a }
.expertBoxContainer .filterBox form { padding: 10px }
.expertBoxContainer .filterBox form .search-field { width: calc(100% - 90px); border: 0 solid transparent; border-bottom: 2px solid #c6d3df }
.expertBoxContainer .filterBox form .searchButton { font-size: 12px; width: 80px; margin: 0; padding: 6px 10px; border: 2px solid #c6d2de !important }
.questionDetailsBox { background-color: #f4f7fb; width: 100%; padding: 10px 15px 20px; font-size: 14px }
.questionDetailsBox .fa-question-circle { float: right; font-size: 32px; margin-top: 5px; color: #1166ae }
.questionDetailsBox p { margin-bottom: 0 !important }
.questionDetailsBox p.header { color: #122f49; font-weight: 500; margin: 5px 0 !important }
.questionDetailsBox p.lastReply { margin-top: 0 !important; margin-bottom: 10px !important }
.questionDetailsBox hr { border-left: 0 solid transparent; border-top: 2px solid #c5d2de; margin: 0 }
.meetDiv.meetDetailsDiv { height: 270px; min-height: 0; background-size: cover }
.meetDiv.meetDetailsDiv a { font-size: 17px; padding: 4px 10px }
.expertQuestion { color: #0b2e4a; line-height: 1.5; font-size: 18px; font-weight: 600 }
.expertQuestionHR { height: 1px; background-color: #c5d2de; border: none; margin-top: 20px; margin-bottom: 30px }
.expertAnswerFlex { display: flex; flex-direction: row }
.expertAnswerUser { display: flex; flex-direction: column; width: 170px; padding-right: 30px }
.expertAnswerUserInfo { border: 1px solid #e8e8e8; border-radius: 10px; display: flex; margin-top: 60px }
.expertAnswerRewards { background-color: #e8e8e8; font-family: Montserrat, Open Sans, sans-serif; width: 35%; display: table; vertical-align: middle; height: 100%; border-radius: 10px 0 0 10px; text-align: center }
.expertAnswerRewardsNumber { display: table-cell; vertical-align: middle; color: #000; font-size: 28px; font-weight: 700 }
.expertAnswerRewardsNumberText { background-color: #fff; font-family: Montserrat, Open Sans, sans-serif; width: 65%; border-radius: 10px; line-height: 12px; font-size: 12px; padding: 5px; color: #000 }
.expertAnswerText { display: flex; flex-direction: column; width: calc(100% - 170px) }
.expertAnswerText > p { color: #1f1f1f; margin-top: 0 }
.expertAnswerText > div { display: flex; justify-content: space-between }
.expertAnswerContact { display: flex; flex-direction: column; width: calc(100% - 185px) }
.expertAnswerContact > p { margin-top: 0 !important; margin-bottom: 0 !important; color: #122f49; font-size: 15px }
.expertAnswerContact a { color: #122f49; text-decoration: none; transition: .5s }
.expertAnswerContact a:hover { text-decoration: underline }
.expertAnswerHelpful { color: #122f49; position: relative; top: 20px; font-size: 14px; font-weight: 500 }
.expertQuestionsButtonFlex { display: flex; justify-content: space-between; flex-wrap: wrap }
.expertQuestionsButtonFlex p.seeMoreP { width: 320px }
.expertQuestionsButtonFlex p.seeMoreP .seeMore { margin-top: 0; padding-right: 60px }
.expertQuestionsButtonFlex .askTheExpertsButton { padding: 12px }
@media (max-width:900px) { .expertAnswerFlex {   flex-direction: column } .expertAnswerFlex > .expertAnswerText {   width: 100% !important;   margin-bottom: 20px } .expertAnswerUserInfo {   margin-top: 20px !important;   margin-bottom: 20px } }
@media (max-width:630px) { .expertAnswerText > div {   flex-direction: column } .expertAnswerContact {   width: 100% } }
#content .careerSectionHeader { color: #0b2e4a; font-size: 26px; line-height: 1.2; margin-top: 0; margin-bottom: 5px }
#content .item .careerHeader { color: #0a67b1; font-size: 20px; line-height: 1.2; font-weight: 600 !important }
#content .item .careerHeader a { color: #0a67b1; font-weight: 600 !important; transition: .5s }
#content .item .careerHeader a:hover { color: #000 }
.job-company, .job-posted-info { display: block; margin-bottom: 10px }
.job-posted { color: #666; font-size: 13px; line-height: 1.2; float: right; display: inline-block; padding-top: 5px }
.job-company { font-weight: 600 }
.posted-on { color: #666; font-size: 15px; line-height: 1.2 }
.item .careerInfo { color: #000; padding: 0 10px; font-size: 15px }
#content .job-title { font-weight: 600; font-size: 28px; line-height: 1.3; margin-bottom: 5px; color: #0d416a }
.company-name { font-weight: 400; font-size: 22px; line-height: 1.3 }
.company-name a { text-decoration: none }
.careerCenterDetails .careerBoxContainer .gridcol.three.gridcol { float: right; width: 280px; margin-right: 0 }
.careerCenterDetails .careerBoxContainer .gridcol.nine.gridcol { float: left; width: calc(100% - 340px) }
.careerCenterDetails .gridcol.two.gridcol { float: right; width: 180px; margin: 0 }
.careerCenterDetails .gridcol.ten.gridcol { float: left; width: calc(100% - 240px) }
@media (max-width:1070px) { .careerCenterDetails .careerBoxContainer .gridcol.three.gridcol {   width: 100% } .careerCenterDetails .careerBoxContainer .gridcol.nine.gridcol {   width: 100% } }
.careerCenterDetails .btn.sendButton { right: 10% }
.careerCenterDetails .smallCopy { width: 90%; display: inline-block }
@media (max-width:640px) { .careerCenterDetails .btn.sendButton {   right: 0 } .careerCenterDetails .smallCopy {   width: 100% } }
.newsFlex { display: flex; padding: 10px }
.newsFlex form { display: flex; padding: 0 !important }
.sidebarSearch.sidebarSearchNews { width: calc(100% - 90px); border: 0 solid transparent; border-bottom: 2px solid #c6d3df; margin-right: 10px }
.newsSearch { font-size: 12px; width: 80px; margin: 0; padding: 6px 10px; border: 2px solid #c6d2de !important; background-color: #fff !important; color: #0a67b1 !important; font-weight: 700; transition: .5s }
.careerBoxContainer h2 { color: #0b2e4a; font-size: 30px; margin-top: 0; margin-bottom: 0; line-height: 32px }
.careerBoxContainer h3, .careerBoxContainer h3 a { color: #0b2e4a; font-size: 22px; margin-top: 0; margin-bottom: 5px; font-weight: 600; transition: .5s }
.careerBoxContainer h3 a:hover { color: #1166ae }
#content .careerHeader { color: #1166ae !important; margin-bottom: 0 }
.careerBoxContainer li, .careerBoxContainer p { color: #000 }
.careerSeeMoreContainer { width: 320px; margin: 0 !important; margin-top: 80px !important; margin-bottom: 20px !important }
.careerSeeMoreContainer .seeMore { margin: 0 !important; margin-top: 10px !important; padding-right: 20px }
.job-opening.item { border: 2px solid #eef2f6; border-top-width: 0; padding-bottom: 10px }
.companySidebar .sidebarContainer { border: 5px solid #f4f7fb }
.companySidebar .company { padding: 10px 30px }
.companySidebar .companyInfo { background-color: #f4f7fb; padding: 15px; font-size: 12px }
.companySidebar .companyIcon { width: 40px; margin-right: 8px }
.companySidebar .companyIcon .far { color: #c6d3df; font-size: 32px }
.companySidebar .companyFlex { display: flex; margin-bottom: 5px }
.companySidebar .companySubFlex { display: flex; flex-direction: column }
#content .companySidebar .companySubFlex p { margin: 0; color: #0b2e4a; font-weight: 500; font-size: 13px; line-height: 1.4 }
#content .companySidebar .companyInfo > p { font-size: 14px; line-height: 1.4; color: #0b2e4a; margin: 8px 0 0 }
.companySidebar .socials { display: none }
.companySidebar .learnMore a { color: #92a4b6; text-decoration: none; font-size: 13px; line-height: 1; font-weight: 500; transition: .5s }
.companySidebar .learnMore a .fas { color: #92a4b6 }
.companySidebar .learnMore a:hover, .companySidebar .learnMore a:hover .fas { color: #0b2e4a }
.companySidebar form { padding: 0 15px 50px }
.companySidebar .FormRow, .companySidebar form p { display: flex; flex-direction: column; margin-top: 5px }
.companySidebar .FormInput, .companySidebar form p { padding: 0; margin: 0 }
.companySidebar form .FormRow input, .companySidebar form .FormRow select, .companySidebar form p input, .companySidebar form p select { border: 0 solid transparent; border-bottom: 1px solid #e8e8e8; padding-bottom: 5px; font-size: 16px; padding-left: 0; margin-top: 8px; font-family: Montserrat, Open Sans, sans-serif; width: 100%; max-width: none !important }
.companySidebar form .FormRow #resume { border-bottom: 0 }
.companySidebar form p input::placeholder { color: #b7c0c8 }
.companySidebar .applyForThis, .companySidebar label { color: #122f49; font-size: 14px }
.companySidebar .applyForThis { padding: 10px 15px }
.companySidebar .pleaseAttach { font-size: 12px; color: #a0a0a0 }
.companySidebar .sendButton { border: 0 solid transparent; padding: 5px 10px; font-family: Montserrat, Open Sans, sans-serif; background-color: #0a67b1; color: #fff; float: right; margin-top: 10px; text-align: center; padding-right: 0 }
.stickySidebar { position: sticky; top: 80px; align-self: flex-start; margin-top: 15px; width: 282px }
.smallTextFilterBox .byTechnology, .smallTextFilterBox .filterBoxHeader, .smallTextFilterBox .filterPadding, .smallTextFilterBox .searchContent { font-size: 12px; font-weight: 500 }
.itemFlexArticles { justify-content: flex-start; margin-left: -1%; margin-right: -1% }
.itemFlexArticles .item { margin: 0 1% 30px; width: 31%; border: 2px solid #eef2f6; border-top-width: 0 }
.itemFlexArticles.itemFlexWide .item { width: 48% }
.itemFlexArticles.itemFlexArticlesFour .item { margin: 0 1% 30px; width: 23%; border: 2px solid #eef2f6; border-top-width: 0 }
@media (max-width:1080px) { .itemFlexArticles.itemFlexArticlesFour .item {   width: 31% } }
@media (max-width:768px) { .itemFlexArticles.itemFlexArticlesFour .item {   width: 48% } }
@media (max-width:560px) { .itemFlexArticles.itemFlexArticlesFour .item {   width: 98% } }
.itemFlex.itemFlexArticles .articleImg { width: 100%; height: 156px; background-size: cover; background-repeat: no-repeat; background-position: left center }
.itemFlex.itemFlexArticles .articleImg.noStretch { background-size: auto !important }
.itemFlex.itemFlexArticles .articleImg.articleImgNoHeight { height: 0 }
.itemFlex.itemFlexArticles .articleImg.articleImg1 { background-image: url(../images/NewsImage1.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg2 { background-image: url(../images/NewsImage2.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg3 { background-image: url(../images/NewsImage3.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg4 { background-image: url(../images/NewsImage4.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg5 { background-image: url(../images/NewsImage5.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg6 { background-image: url(../images/NewsImage6.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg7 { background-image: url(../images/NewsImage7.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg8 { background-image: url(../images/NewsImage8.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg9 { background-image: url(../images/NewsImage9.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg10 { background-image: url(../images/NewsImage10.png) }
.itemFlex.itemFlexArticles .articleImg.articleImg11 { background-image: url(../images/NewsImage11.png) }
.itemFlex.itemFlexArticles img { display: block; margin: 0 }
@media (max-width:1100px) { .item, .itemFlexArticles .item {   width: 48% } }
@media (max-width:500px) { .item, .itemFlexArticles .item {   width: 99% } }
#content .itemFlex.itemFlexArticles > .item h3 { color: #122f49 !important; font-size: 16px !important; margin-bottom: 16px; line-height: 1.4; padding: 0 10px }
#content .itemFlex.itemFlexArticles > .item .dateTime { padding: 0 10px; margin-bottom: 16px; font-size: 14px }
#content .itemFlex.itemFlexArticles > .item .articleCopy { color: #000; padding: 0 10px; font-size: 14px; margin-bottom: 10px }
.itemFlex.itemFlexArticles.itemFourWide > .item h3 { min-height: 72px; font-size: 15px }
.landingPageSidebar h2 { color: #0b2e4a; font-size: 21px; margin-top: 0; font-family: Montserrat, Open Sans, sans-serif }
.techLandingInnerContent { max-width: 40%; float: right }
@media (max-width:985px) { .tech-landing-slide {   background-image: none !important;   background-color: #a71f23 } .techLandingInnerContent {   max-width: 100% } .tech-landing h2 {   margin-top: 0 } .tech-landing .inner {   padding-left: 0;   padding-right: 0 } }
.tech-landing h2 { margin-bottom: 25px }
.tech-landing h3 { margin-top: 25px }
.a3Intro .prodsAndServices.redTechnology { background-color: #a71f22 }
.roboticsBGFlex { display: flex }
.roboticsBG { padding: 30px 20px 15px; color: #fff; background-position: center; background-size: cover }
.roboticsBG h3, .roboticsBG p { text-transform: uppercase }
.roboticsBG a { color: #fff }
.roboticsBG h3 { font-size: 16px; margin-top: 10px; font-weight: 500; margin-bottom: 10px }
.roboticsBG h2 { font-size: 24px; font-weight: 600; line-height: 28px; margin-top: 0; margin-bottom: 20px }
.roboticsBG p { margin-bottom: 40px }
.roboticsBG a { border: 1px solid #fff; text-decoration: none; padding: 10px 20px; margin-bottom: 20px; font-size: 14px; transition: .5s }
.roboticsBG a:hover { color: #000 !important }
.roboticsBG1 { flex-grow: 2; background-image: url(../images/RoboticsBG1.png); border-right: 1px solid #fff }
.roboticsBG2 { flex-grow: 1; background-image: url(../images/RoboticsBG2.jpg); border-right: 1px solid #fff }
.roboticsBG3 { flex-grow: 1; background-image: url(../images/RoboticsBG3.jpg) }
.roboticsBG4 { flex-grow: 2; background-image: url(../images/RoboticsBG4.jpg); border-right: 1px solid #fff; border-top: 1px solid #fff; padding: 15px 20px 15px }
.roboticsBG5 { flex-grow: 3; background-image: url(../images/RoboticsBG5.jpg); border-top: 1px solid #fff; padding: 15px 20px 15px }
.roboticsBG1 h2 { max-width: 420px }
@media (max-width:880px) { .roboticsBGFlex {   flex-direction: column } .roboticsBG {   width: 100%;   border: 0 solid transparent !important;   border-bottom: 1px solid #fff !important } }
.masonry-wrapper { margin: 30px -.13793% 40px; display: flex; flex-wrap: wrap}
.masonry { background-color: #555; background-position: center center; background-size: cover; margin: .13793%; padding: 40px 35px 40px 40px; color: #fff;
	width: 100%;}
.masonry-wrapper.robotics .masonry { background-color: #a71f23}
.masonry-wrapper.vision .masonry { background-color: #4cb74d}
.masonry-wrapper.motion .masonry { background-color: #f15a25}
.masonry-wrapper.ai .masonry { background-color: #4f1c54}
/*.masonry:nth-child(1), .masonry:nth-child(2), .masonry:nth-child(3)*/ .masonry.masonry-3up { width: 33.0574%}
/*.masonry:nth-child(4), .masonry:nth-child(5)*/ .masonry.masonry-2up { width: 49.72413%}
.masonry-cat { text-transform: uppercase; margin-bottom: 10px; display: block}
.masonry-title { font-size: 24px; line-height: 1.2; font-weight: 600; display: block; margin-bottom: 30px}
@media (max-width:800px) {
/*  .masonry:nth-child(1), .masonry:nth-child(2), .masonry:nth-child(3), .masonry:nth-child(4), .masonry:nth-child(5)*/ 
.masonry.masonry-2up, .masonry.masonry-3up {   width: 100% }}
.sidebarContainerBlue { border: 2px solid #1166ae !important; background-color: #1166ae; color: #fff; margin-top: 20px }
.sidebarContainerBlue .requestInformation { color: #fff; padding: 20px 20px 0; font-size: 14px }
.sidebarContainerBlue form { padding: 20px 20px 50px }
.sidebarContainerBlue form label { color: #fff }
.sidebarContainerBlue form .sendButton { border: 1px solid #fff }
.sidebarContainerBlue form input, .sidebarContainerBlue form select, .sidebarContainerBlue form textarea { background-color: #1166ae; color: #fff; border: 0 solid transparent; border-bottom: 1px solid #fff }
.productTopContainer { display: flex; justify-content: space-between }
.productTopContainer > .seeMoreP > .seeMore { white-space: nowrap; margin-left: 10px }
@media (max-width:1120px) { .productTopContainer {   flex-direction: column;   align-items: flex-start; } }
#content .productTitle { color: #0d416a; font-size: 26px; font-weight: 700; line-height: 1.2; margin-bottom: 0; margin-top: 5px }
#content .productModel { color: #0d416a; font-size: 16px; margin-top: 5px; margin-bottom: 0 }
#content .productDistributor { margin-top: 5px }
.productImageFlex { display: flex; justify-content: space-between; flex-wrap: wrap }
.productCopy, .productIntro { color: #000 }
#content h3.otherProducts { margin-top: 40px }
.otherProducts-wrapper { border-top: 5px solid #f4f7fb; border-bottom: 5px solid #f4f7fb; padding: 20px 0; margin: 0 auto 30px }
.productFlex, .productFlex .productFlex-item, .productFlex > div { display: flex; justify-content: space-between }
@media (max-width:1120px) { .productFlex > div {   flex-direction: column } .productFlex > div > div {   width: 100% !important } .productFlex div.imgHalf {   text-align: left !important } }
@media (max-width:580px) { .productFlex {   flex-direction: column } }
.productFlex .productFlex-item { width: 48%; align-items: center }
.productFlex div.imgHalf { width: 200px; text-align: center }
.productFlex div.imgHalf img { display: block; margin: 0 auto }
.productFlex div.copyHalf { width: calc(100% - 220px) }
#content .productFlex div.copyHalf h4 { font-size: 18px; line-height: 1.2; color: #0d416a; margin-bottom: 10px }
#content .productFlex div.copyHalf h4 a { color: #0d416a; text-decoration: none }
#content .productFlex div.copyHalf h4 a:hover { color: #1166ae }
#content .productFlex div.copyHalf .desc { margin-bottom: 10px }
.productFlex div.copyHalf .cont a { text-decoration: none; color: #1166ae; transition: .5s; font-size: 16px; line-height: 1.2 }
.productFlex div.copyHalf .cont a:hover { color: #000 }
.productVideo-wrapper { margin: 40px auto; padding: 20px; text-align: center; background-color: #f4f7fb }
.productVideo { max-width: 640px; text-align: center; margin: auto }
.productVideo-descrip { font-size: 15px; padding-top: 15px }
.beginnersBoxes { margin: 0 -1px 40px 0; display: flex; flex-wrap: wrap }
.beginnersBoxes > div { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap }
.beginnerBoxFourWide > div { width: 25% }
.beginnerBoxThreeWide > div { width: 33.333333333333333% }
.beginnersBoxes a, .beginnersBoxes h3, .beginnersBoxes p { font-family: Montserrat, Open Sans, sans-serif }
.beginnersBoxes > div > p > a { transition: .5s }
.beginnersBoxes > div > p > a:hover { background-color: #fff; color: #0b2e4a }
.beginnersBoxes h3 { font-weight: 700; font-size: 27px; line-height: 1.2; margin-top: 5px; text-transform: uppercase }
.beginnersBoxes p { font-weight: 400; font-size: 18px; line-height: 24px }
.beginnersBoxes .beginnerBox10 p, .beginnersBoxes .beginnerBox8 p, .beginnersBoxes .beginnerBox9 p { font-size: 18px }
.beginnerBoxSml { width: 25%; border-right: 1px solid #fff; background-position: center; vertical-align: middle }
.beginnerBoxLrg { width: 33%; color: #fff; padding-bottom: 5vw !important; border-top: 1px solid #fff; border-right: 1px solid #fff }
.beginnerBoxLrg h3 { max-width: 80% }
.introBox { width: 25%; border-right: 1px solid #fff; padding: 2vw }
.introBox h3 { color: #051e32 }
.introBox p { color: #051e32 }
.doubleContentBox { width: 25%; display: flex; flex-direction: column; padding: 0 !important; border-right: 1px solid #fff }
.box2top { height: 50%; background-position: center; background-size: cover; background-color: #000; display: flex; justify-content: center; align-items: center }
.box2bottom { height: 50%; background-position: center; background-size: cover; background-color: #000; display: flex; justify-content: center; align-items: center; border-top: 1px solid #fff }
.box2bottom > p, .box2top > p { margin-bottom: 0 !important }
.beginnersBoxes > div > h3 > a, .box2bottom a, .box2top a { color: #fff; text-decoration: none; transition: .5s; text-transform: uppercase }
.beginnersBoxes > div > h3 > a:hover, .box2bottom a:hover, .box2top a:hover { color: #0a67b1 }
.doubleContentBox > div > p { color: #fff; display: table-cell; vertical-align: middle; text-align: center; font-weight: 700; font-size: 27px; line-height: 1.2; padding: 2vw }
.beginnerBox { background-color: #0b2e4a; padding-bottom: 5vw !important; color: #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; position: relative; padding: 40px 2vw 2vw; background-size: cover }
.standardBG { background-size: 110% auto !important; background-position: calc(50% - 15px) 50% !important; transition: .5s }
.standardBG:hover { background-position: calc(50% + 15px) 50% !important }
.beginnerBox h3 a { color: #fff; text-decoration: none }
.beginnerBox h3 a:hover { text-decoration: underline }
.beginnersBoxes p a i { color: #fff; transition: .5s; display: inline-block; margin-left: 3px }
.beginnersBoxes p a:hover i { color: #0b2e4a }
.topRightBox { position: absolute; top: 0; right: 0; background-color: #a71f23; color: #fff; text-transform: uppercase; font-weight: 700; padding: 3px 13px; font-size: 21px }
.beginnersBoxes.robotics .topRightBox { background-color: #a71f23 }
.beginnersBoxes.vision .topRightBox { background-color: #4cb74d }
.beginnersBoxes.motion .topRightBox { background-color: #f15a25 }
.beginnersBoxes.ai .topRightBox { background-color: #7e287b }
.absButton { position: absolute; left: 2vw; bottom: 1vw }
.absButton a, .beginnerBtn a { color: #fff; text-decoration: none; border: 1px solid #fff; padding: 10px 15px; font-weight: 400; transition: .5s; display: inline-block; text-transform: uppercase; font-size: 14px }
.absButton a:hover, .beginnerBtn a:hover { background-color: #fff; color: #0b2e4a }
.beginnerBox p.blueBtn a { color: #fff; text-decoration: none; padding: 5px 10px; font-weight: 700; transition: .5s; display: inline-block; background-color: #0b2e4a; border: 1px solid transparent }
.beginnerBox p.blueBtn a:hover { background-color: transparent; border: 1px solid #fff }
@media (max-width:1430px) { .beginnersBoxes h3 {   font-size: 1.9vw;   line-height: 2vw } .beginnersBoxes p {   font-size: 1.4vw;   line-height: 1.8vw } .doubleContentBox > div > p {   font-size: 2vw;   padding: 2vw } .topRightBox {   font-size: 1.3vw;   padding: .2vw .8vw } }
@media (max-width:900px) { .beginnersBoxes h3 {   font-size: 3vw;   line-height: 3vw } .beginnersBoxes p {   font-size: 2.2vw !important;   line-height: 2.5vw !important;   bottom: 0 } .beginnerBox10, .beginnerBox5, .beginnerBox6, .beginnerBox7, .beginnerBox8, .beginnerBox9 {   padding-bottom: 8vw !important } .beginnerBox11 h3 {   margin-top: 2vw } .topRightBox {   font-size: 2vw } }
@media (max-width:920px) { .beginnerBoxFourWide > div {   width: 50% !important } }
@media (max-width:768px) { .beginnersBoxes {   margin-top: 80px } }
@media (max-width:700px) { .beginnersBox {   padding: 20px } .beginnerBoxFourWide > div, .beginnerBoxThreeWide > div {   width: 100% !important;   min-height: 200px } .beginnersBoxes h3 {   font-size: 24px;   line-height: 24px } .beginnersBoxes p {   font-size: 16px !important;   line-height: 18px !important } .beginnerBox10, .beginnerBox5, .beginnerBox6, .beginnerBox7, .beginnerBox8, .beginnerBox9 {   padding-bottom: 60px !important } .beginnersBoxes h3 {   margin-top: 20px } .topRightBox {   font-size: 18px } .doubleContentBox > div {   min-height: 200px;   width: 100% } .doubleContentBox > div > p {   font-size: 24px !important;   line-height: 24px !important } .beginnerBox4 {   min-height: 75vw !important } p.absButton {   position: static;   margin-bottom: 0 !important } .beginnerBox11 h3 {   max-width: 100% } }
.searchPageContent { background-color: #f4f7fb; padding-top: 75px; padding-bottom: 75px }
.searchPageFlex { display: flex; max-width: 900px; margin: 0 auto }
.searchInput { border: 0 solid transparent; border-bottom: 3px solid #c6d3df; font-size: 36px; background-color: #f4f7fb; width: calc(100% - 135px) }
.searchInput::placeholder { color: #c5d2de; font-weight: 100; font-size: 24px }
.searchInput:focus { outline: 0 }
.searchButton { background-color: #fff !important; color: #0a67b1 !important; border: 1px solid #c6d2de !important; padding: 15px 35px; font-weight: 700; font-family: Montserrat, Open Sans, sans-serif; margin-left: 10px; position: relative; transition: .5s }
.searchButton:hover { background-color: #0a67b1 !important; color: #fff !important }
@media (max-width:650px) { .searchButton {   padding: 8px 20px } .searchInput {   width: calc(100% - 110px) } }
@media (max-width:550px) { .searchButton {   padding: 8px 20px } .searchInput, .searchInput::placeholder {   font-size: 20px } }
.searchOptionsFlex { display: flex; padding-top: 30px; flex-wrap: wrap; margin: 0 auto; max-width: 900px }
.searchCheckBox.custom-checkbox span { left: 0; width: 20px; height: 20px; bottom: 18px }
.searchCheckBox.custom-checkbox input + span:before { content: "" }
.searchCheckBox.custom-checkbox input:checked + span:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; color: #0a67b1; font-weight: 700 }
.searchCheckBox.custom-checkbox p { position: relative; bottom: 20px; left: 6px }
.searchResults .searchItem { padding: 0; border-top: 0 solid transparent; background-color: #fff !important }
.searchResults .searchItem img { max-height: 80px !important }
.searchResults .searchItem .memberCompanyName { padding: 0 10px }
.searchResults .searchItem .resultText { padding: 0 10px }
.numberOfResults.searchResultsPage { color: #051e32 }
.numberOfResults.searchResultsPage span { color: #1166ae }
.searchResults .searchItem.searchItemWide { border-top: 3px solid #f4f7fb }
.searchResults .searchItem.searchItemWide img { max-height: 80px !important }
.searchResults .searchItem.searchItemWide .signifier { margin-top: 10px; margin-right: 10px; float: right; width: 100px }
.searchResults .searchItem.searchItemWide a.btn-lined { display: inline-block; max-width: 100px }
.paginationFlex { display: flex; justify-content: center; margin-top: 50px }
.paginationFlex p { margin: 0 8px !important }
.paginationFlex p.current a { color: #0a67b1 }
.paginationFlex p.arrow a { color: #000 }
.paginationFlex p a { color: #92a4b6; text-decoration: none; transition: .5s }
.paginationFlex p a:hover { color: #000 }
.jcarousel-wrapper { margin: 20px auto; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: transparent !important; width: 100% !important; border-top: 0 solid transparent !important }
.jcarousel-pagination { display: none }
.jcarousel-wrapper .photo-credits { position: absolute; right: 15px; bottom: 0; font-size: 13px; color: #fff; opacity: .66 }
.jcarousel-wrapper .photo-credits a { color: #fff }
.jcarousel { position: relative; overflow: hidden }
.jcarousel ul { width: 10000em; position: relative; list-style: none; margin: 0; padding: 0 }
.jcarousel li { float: left; text-align: center }
.jcarousel-control-next, .jcarousel-control-prev { position: absolute; top: 200px; width: 30px; height: 30px; text-align: center; background: 0 0 !important; color: #fff; text-decoration: none; text-shadow: 0 0 0 #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-repeat: no-repeat !important; background-position: center !important }
.jcarousel-control-prev { left: -50px; background-image: url(../images/leftArrow.png) !important }
.jcarousel-control-next { right: -50px; background-image: url(../images/rightArrow.png) !important }
.jcarousel-control-next:hover span, .jcarousel-control-prev:hover span { display: block }
.jcarousel-control-next.inactive, .jcarousel-control-prev.inactive { opacity: .5; cursor: default }
.jcarousel-pagination { position: absolute; bottom: 0; left: 15px }
.jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4e443c; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75 }
.jcarousel-pagination a.active { background: #4e443c; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, .75) }
.job-opening .CompanyLogo { margin-left: 10px }
.nav-links { font-size: 20px; line-height: 1; margin: 0 }
.nav-links .nav-next, .nav-links .nav-previous { background-color: #0b67b2; float: none; text-align: center; position: fixed; top: 45%; z-index: 99; padding: 0 }
.nav-links .nav-next a, .nav-links .nav-previous a { background-color: #0b67b2; transition: .5s }
.nav-links .nav-next:hover a, .nav-links .nav-previous:hover a { background-color: #051e32 }
.nav-links div { width: 30px; padding: 0 }
.nav-links .nav-next a, .nav-links .nav-previous a { color: #fff; text-decoration: none; display: block; padding: 30px 2px; background-color: #0e76bc }
.nav-links .nav-next a .fas, .nav-links .nav-previous a .fas { color: #fff; font-size: 16px }
.nav-links .nav-next { right: 0 }
.nav-links .nav-previous { left: 0 }
.blog .gridcol.three { float: right !important }
.blog .gridcol.nine { float: left }
.blogsDisplay { color: #0a67b1 }
.recentContainer { background-color: #f4f7fb; padding: 40px 0 }
.recentFlex { display: flex }
.recentImg { width: calc(100% - 540px); background-image: url(../images/BigBlogImage.png); background-position: center; background-size: cover }
.recentItem { background-color: #fff !important; margin-bottom: 0; width: 540px; min-height: 350px }
.mostRecentArticle { color: #a0a0a0; margin-top: 0; text-transform: uppercase }
.recentHeader { font-weight: 700; font-size: 32px; line-height: 32px; padding: 0 !important; color: #0b2e4a }
.recentHeader a { font-weight: 700 !important; color: #0b2e4a !important }
.recentHeader a:hover { font-weight: 700 !important; color: #0a67b1 !important }
.recentBy { color: #a0a0a0 }
.recentSnippet { color: #000 }
.recentButtonContainer { margin-top: 30px }
@media (max-width:1080px) { .recentFlex {   flex-direction: column } .recentFlex .recentItem {   min-height: 0 } .recentFlex .recentImg {   min-height: 200px;   width: 100% } .recentFlex .recentItem {   width: 100% } }
.blogButton { background: #0a67b1; font-size: 15px; color: #fff !important; text-decoration: none; transition: .5s; padding: 10px; margin-right: 10px; margin-bottom: 20px }
.blogButton .far { color: #fff }
.filterSection { margin-top: 20px }
.filterByTechnology { color: #000 }
.blogThumbnail { height: 220px; background-position: center; background-size: cover }
.blogThumbnail1 { background-image: url(../images/BlogImage1.png) }
.blogThumbnail2 { background-image: url(../images/BlogImage2.png) }
.blogThumbnail3 { background-image: url(../images/BlogImage3.png.png) }
.blogThumbnail4 { background-image: url(../images/BlogImage4.png) }
.itemFlex.blogFlex .item .item-inner { padding: 0 10px 0 }
.itemFlex.blogFlex .item { border: 2px solid #eef2f6; border-top-width: 0 }
#content .itemFlex.blogFlex .item .item-inner h3 { font-size: 20px; line-height: 1.2; margin-top: 5px; margin-bottom: 15px; padding-top: 15px }
.itemFlex.blogFlex .item .item-inner h3 a { color: #122f49; font-weight: 700; transition: .5s }
.itemFlex.blogFlex .item .item-inner h3 a:hover { color: #0a67b1 }
#content .itemFlex.blogFlex .item .item-inner p.blogAuthor, .itemFlex.blogFlex .item .item-inner p.blogDate { color: #1f1f1f; padding: 0 10px; margin-top: 5px; margin-bottom: 0; font-size: 14px }
#content .itemFlex.blogFlex .item .item-inner p.blogDate { margin-bottom: 20px }
#content .itemFlex.blogFlex .item .item-inner p.blogExcerpt { color: #122f49; padding: 0 10px; font-size: 14px }
.itemFlex.blogFlex .item .item-inner p.blogButtonContainer { padding: 0 10px; margin-top: 5px }
.subscribeBox { background-color: #1166ae; color: #fff; padding: 10px; font-weight: 700 }
.formBox { background-color: #122f49; color: #fff; padding: 10px; font-weight: 400; margin-bottom: 20px; margin-top: 0 }
.categoryBox { padding: 15px; color: #0b2e4a; border: 2px solid #eef2f6 }
.categoryBox p { margin: 0 0 5px }
.categoryBox .categories { font-weight: 800 }
.categoryBox a { color: #0b2e4a; font-weight: 600; transition: .5s; text-decoration: none }
.categoryBox a:hover { color: #0a67b1 }
.recentPostsBox { border: 2px solid #eef2f6; padding: 0 15px; color: #0b2e4a; margin-bottom: 20px }
.recentPostsBox .recentPosts { color: #0b2e4a; font-weight: 700; margin-bottom: 0 !important; margin-top: 10px !important }
.recentPostsBox ul { margin-top: 5px; list-style-image: url(../images/bulletPoint.png); padding-left: 15px; margin-left: 4px }
.recentPostsBox ul li { padding-top: 8px; padding-bottom: 8px; font-size: 15px; line-height: 1.4 }
.recentPostsBox ul a { text-decoration: none; color: #0b2e4a; transition: .5s }
.recentPostsBox ul a:hover { color: #0a67b1 }
.productTop { background-image: url(../images/blogTopper.png); background-position: center; background-size: cover; margin-top: -20px; width: 100%; height: 250px }
.blog-copy h2 { color: #0b2e4a; max-width: 450px }
.blog-copy h3 { color: #a0a0a0; font-weight: 500; margin: 10px 0 }
.blog-tweets-wrapper { border-top: 5px solid #f4f7fb; border-bottom: 5px solid #f4f7fb; padding: 15px 0 0; margin: 0 auto 30px }
.blog-copy .tweetThis { color: #1166ae; font-weight: 700; margin-bottom: 5px }
.blog-copy .fa-twitter { color: #2daae1; float: left; font-size: 24px; margin-right: 12px }
.blog-copy .tweetLine { margin-top: 5px }
.blog-copy .tweetLine a { color: #757575; text-decoration: none; transition: .5s }
.blog-copy .tweetLine a:hover { color: #1166ae }
.blog-copy .blogContent { color: #122f49 }
.blog-tweets { display: flex; flex-wrap: wrap }
.blog-tweets p { width: 36px }
.blog-tweets p.tweetLine { width: calc(100% - 36px) }
.blogSeeMoreContainer { width: 320px; margin-top: 40px; margin-bottom: 20px }
.blogSeeMoreContainer .seeMore { margin-top: 10px; padding-right: 20px }
.storeCatLevel1, .storeCatLevel2 { padding: 5px 0; margin: 5px 0; border-bottom: 1px solid #c5d2de }
.storeCatFlex { display: flex }
.storeCatFlex section.left { width: calc(100% - 240px) }
.storeCatFlex section.right { width: 240px; margin-top: 75px }
@media (max-width:980px) { .storeCatFlex {   flex-direction: column } .storeCatFlex section.left {   width: 100% } .storeCatFlex section.right {   width: 100%;   margin-top: 20px;   margin-bottom: 20px } }
.floatFields br { display: none }
.AddBook, .quickLogin { background-color: #0b67b2; color: #fff; padding: 20px; font-family: Montserrat, Open Sans, sans-serif; position: relative }
.AddBook { margin: 30px 0 }
.AddBook .floatFields, .quickLogin .floatFields { position: absolute; bottom: 13px; right: 10px }
.AddBook form { position: relative; bottom: 0 }
.AddBook form input.add-btn { margin: 5px }
.AddBook .far, .AddBook .fas, .quickLogin .far, .quickLogin .fas { color: #fff }
.quickLogin a { color: #fff }
@media (max-width:1260px) { .AddBook .floatFields, .quickLogin .floatFields {   display: block;   float: none !important;   margin-top: 0;   bottom: 0 !important;   position: static } }
@media (max-width:1050px) { .quickLogin form {   max-width: 280px;   text-align: center;   margin: 0 auto } .quickLogin .floatFields {   display: flex;   flex-direction: column;   max-width: 280px } .floatFields br {   display: block } .floatFields label {   display: inline-block;   margin-top: 10px;   margin-right: 0 !important } }
.AddBook input.add-btn, .quickLogin .floatFields input.quick-btn { background-color: #122f49; border-radius: 5px; padding: 10px 30px; margin: 10px 0 0 0 }
.AddBook label, .quickLogin .floatFields label { margin-right: 20px; font-weight: 600 }
.AddBook input, .quickLogin .floatFields input { border: 0 solid transparent; border-radius: 5px }
.storeShop { background-color: #f4f7fb; padding: 15px 0 5px; position: relative }
.storeShop .inner { display: flex; justify-content: space-between }
.storeShop select { background-image: url(../images/selectDownArrow.png); background-repeat: no-repeat; background-position: 90% 55%; background-size: 15px; background-color: transparent; color: #0a67b1; font-weight: 700; height: 34px; padding: 0 10px; font-family: Montserrat, Open Sans, sans-serif; -webkit-appearance: none; -moz-appearance: none; border: 2px solid #0a67b1; padding-right: 50px; max-width: calc(100% - 5px) }
.storeShop ul { margin-top: 0 }
.store-cats { width: 100% }
.storeShop .shopping-cart { color: #1166ae; transition: .5s; font-size: 26px; position: relative; height: 40px; width: 40px }
.storeShop .shopping-cart a:hover .far { color: #122f49 }
.storeShop .shoppingInfo { background-color: #e8e8e8; display: none; position: absolute; right: -15px; top: 40px; width: 200px; font-family: Montserrat, Open Sans, sans-serif }
.storeShop .productsInCart { color: #122f49; padding: 0 10px; margin: 10px 0; font-size: 16px; font-weight: 600 }
.storeShop .currentlyInCart { color: #122f49; padding: 0 10px }
.storeShop .productButtonContainer { text-align: right; padding: 0 10px; margin: 5px 0 10px }
.storeShop hr { margin: 15px 0 10px; height: 1px; background-color: #c5d2de; border: none }
.storeShop .productButtonContainer .productButton { padding: 5px 10px }
.storeShop > div .shoppingInfo:hover, .storeShop > div:hover .shoppingInfo { display: block }
.storeShop .cartIndicator { position: absolute; top: -12px; right: -16px; height: 25px; width: 25px; border-radius: 20px; background-color: #122f49; font-size: 16px; color: #fff; text-align: center }
.BookDetails { display: flex; justify-content: space-between }
.BookDetails .content-left { width: 240px; margin-right: 35px }
.BookDetails .content-left .pricingContainer { text-align: center; border: 4px solid #f4f7fb }
.BookDetails .content-left .memberPrice { color: #1166ae; font-weight: 600; font-size: 20px; margin: 0; line-height: 30px }
.BookDetails .content-left .nonMemberPrice { color: #333; font-weight: 600; font-size: 20px; margin: 0; line-height: 30px }
.BookDetails .memberPriceBox, .BookDetails .nonMemberPriceBox { padding: 10px }
.BookDetails .memberPriceBox { background-color: #f4f7fb }
#content .BookDetails .memberPriceBox p, #content .BookDetails .nonMemberPriceBox p { margin-bottom: 0 }
.BookImage img { display: block; padding: 10px; margin: 0 auto }
.BookDetails .memberPriceBox span, .BookDetails .nonMemberPriceBox span { font-size: 32px }
.BookDetails .content-right { width: calc(100% - 275px) }
.BookDetails .content-right h1, .BookDetails .content-right h2 { line-height: 1.4; margin-top: 0 }
.AddBook { padding: 10px 20px }
.AddBook .add-btn { position: relative; top: 1px }
@media (max-width:510px) { .AddBook form {   width: 170px;   margin: 0 auto } }
.productListingBlock { border: 4px solid #f4f7fb; width: 100%; margin: 12px 0; padding: 10px; background-color: #fff; clear: both; overflow: auto; display: flex }
.productListingBlock .leftProduct { width: 200px; text-align: center; margin: 0 40px 0 0; vertical-align: top }
.productListingBlock .leftProduct img { max-width: 100%; margin: 0 auto; display: block }
.productListingBlock .rightProduct { width: calc(100% - 240px); vertical-align: middle }
@media (max-width:640px) { .productListingBlock {   display: block } }
@media (max-width:430px) { .productButton {   font-size: 12px !important } }
@media (max-width:640px) { .productListingBlock .leftProduct {   margin: 5px auto } .productListingBlock .rightProduct {   width: 100% } }
#content .productListingBlock .rightProduct h3, #content .productListingBlock .rightProduct h3 a { color: #0d416a; font-weight: 700; text-decoration: none; margin-bottom: 10px }
#content .productListingBlock .rightProduct .productCopy { color: #1f1f1f; margin-bottom: 20px; font-size: 15px }
#content .productCopy p { margin-bottom: 15px; font-size: 15px }
.productButton { background: #0a67b1; font-size: 14px; line-height: 1.2; font-weight: 600; color: #fff !important; text-decoration: none; transition: .5s; padding: 8px 15px; margin-right: 10px; margin-bottom: 10px; display: inline-block }
.productButton .fas { color: #fff }
.blogButton:hover, .productButton:hover { background-color: #051e32 !important }
.productSeeMoreContainer { width: 320px; margin-top: 40px !important; margin-bottom: 20px !important }
.productSeeMoreContainer .seeMore { margin-top: 10px !important; padding-right: 20px !important }
@media (max-width:750px) { .BookDetails {   flex-wrap: wrap } .BookDetails .content-left {   width: 100% } .BookDetails .content-right {   width: 100% } .BookDetails .content-left .pricingContainer {   margin: 0 auto;   float: none;   margin-bottom: 20px;   margin-top: 20px } }
table.bookstoreCart { margin: 0 0 24px; width: 100%; border-collapse: collapse }
table.bookstoreCart th { color: #92a4b6; padding: 5px 10px }
table.bookstoreCart td { border-top: 1px solid #c5d2de; padding: 10px }
.removeitem a, .removeitem a .fas { color: #c3363a }
.removeitem a:hover, .removeitem a:hover .fas { color: #0a67b1 }
.webinarLeft { width: calc(100% - 370px); float: left }
.webinarRight { float: right; width: 350px }
.webinarTitle { color: #0b2e4a }
.webinarLeft .subtitle { color: #a0a0a0; margin-bottom: 0; margin-top: 5px; font-weight: 600; font-size: 18px }
.webinarSection { display: flex; flex-wrap: wrap; justify-content: flex-end }
.webinarSection > p { width: 100%; text-align: right; color: #000 }
.webinarSection > div { display: flex; flex-direction: column }
.webinarSection > div { display: none; min-width: 80px; margin-left: 20px }
.webinarSection.robotics > div.robotics { display: block; color: #a71f23; font-weight: 600 }
.webinarSection.ai > div.ai { display: block; color: #4f1c54; font-weight: 600 }
.webinarSection.motion > div.motion { display: block; color: #f15a25; font-weight: 600 }
.webinarSection.vision > div.vision { display: block; color: #4cb74d; font-weight: 600 }
.prevWebLink { margin-bottom: 0 }
.prevWebLink a { color: #122f49; transition: .5s; text-decoration: none; font-weight: 600 }
.prevWebLink a:hover { color: #0b67b2 }
.sponsors { border: 2px solid #e8e8e8; padding: 15px; margin-top: 50px }
.sponsors .sponsors-title { margin-top: 0; color: #122f49 }
.multiSponsorBox a { color: #122f49; transition: .5s }
.multiSponsorBox a:hover { color: #0b67b2; transition: .5s }
.webinar .gridcol.ten.gridcol { float: left; width: calc(100% - 240px); margin: 0 }
.webinar .gridcol.two.gridcol { float: right; width: 240px; margin: 0 }
.webinarCopy { color: #1f1f1f }
.careerSeeMoreContainer.webinar { margin-top: 30px !important }
@media (max-width:950px) { .webinar .gridcol.ten.gridcol {   float: none;   width: 100%;   margin: 0 } .webinar .gridcol.two.gridcol {   float: none;   width: 100%;   margin: 0;   padding-top: 20px;   padding-bottom: 40px } }
@media (max-width:780px) { .webinarLeft {   width: 100%;   float: none } .webinarRight {   width: 100%;   float: none } }
.presenters-grid { float: left; border: 2px solid #e8e8e8; padding: 20px; width: 100%; color: #1f1f1f; margin-top: 20px }
.presenter-wrap { display: flex; flex-wrap: wrap; flex-basis: 2 }
.presenter-box { max-width: 100% }
.presenter-box.presenter-box-multiple { max-width: 50%; min-width: 25%; }
@media (max-width:768px) { .presenter-box.presenter-box-multiple {   width: 100% !important;   max-width: 100% } }
.presenter-box.presenter-box-multiple .presenter-content { padding-right: 25px }
.presenters-title { color: #122f49; margin-bottom: 15px; text-align: center; padding-bottom: 5px; border-bottom: 1px solid #E8E8E8; font-weight: bold; text-transform: capitalize; }
.presenter-box img { float: left; margin-right: 20px; margin-bottom: 10px }
.presenter-box .name { margin-top: 0 }
@media (max-width:575px) { .presenter-box img {   display: block;   margin: 0 auto 20px;   float: none } }
.restartBrowse a { color: #92a4b6; text-decoration: none; transition: .5s; font-size: 14px; font-weight: 600 }
.restartBrowse a:hover { color: #677079 }
.byRelevancy { font-size: 14px; padding: 0 11px; margin-top: 14px !important; margin-bottom: 14px !important }
.companyThumbnail { width: 100%; padding: 10px 20px 0 }
.companyThumbnail .logoContainer a { display: block }
.companyThumbnail .logoContainer img { max-height: 100px; width: auto }
#content .companyFlex .itemContent h3 { font-size: 16px; font-weight: 600; margin-bottom: 0; padding: 0 10px }
#content .companyLocation { color: #1f1f1f; padding: 0 10px; font-size: 12px; margin-top: 4px; margin-bottom: 5px }
#content .certificateBadges { padding: 0 10px; display: none }
#content .certificateBadges a { color: #1166ae; text-decoration: none; transition: .5s; position: relative; right: 10px; bottom: 3px }
.certificateBadges a:hover { color: #051e32 }
.certificateBadges .fa-certificate { color: #1166ae; font-size: 28px }
.certificateBadges .fa-check { color: #fff; position: relative; right: 21px; font-size: 14px; bottom: 5px }
.companyFlex .item-inner { height: auto }
.viewBy { color: #0b2e4a; font-weight: 600; display: flex; flex-wrap: wrap; margin-top: 20px }
.viewBy p { margin-right: 10px !important; margin-top: 15px !important }
.viewBy .viewByCategory { padding: 10px; color: #fff; cursor: pointer; height: 44px; margin-right: 10px; position: relative; top: 5px; whitespace: nowrap }
.viewBy .viewByCategory .fa-times { position: relative; top: 1px }
.viewBy .viewByCategory.manufacturer { background-color: #1166ae }
.viewBy .viewByCategory.robotics { background-color: #a71f23 }
.memberSearchIntroText { float: left; width: calc(100% - 300px); color: #122f49; font-size: 15px }
.memberSearchIntroImg { float: right; width: 208px; height: 95px; background-image: url(../images/becomeAMemberImg.png); transition: .5s; margin-top: 10px }
.memberSearchIntroImg:hover { box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .5) }
.memberSearchPage h3 { color: #1166ae; text-align: center; margin-top: 0 }
.memberSearchPage.searchPageContent { padding-top: 25px; padding-bottom: 25px }
.memberSearchPage.searchPageContent .memberSearchFlex { display: flex; justify-content: space-between }
.memberSearchPage.searchPageContent .memberSearchFlex > div { width: 32%; border: 2px solid #1166ae; padding: 0 20px 20px }
.memberSearchPage.searchPageContent .memberSearchFlex > div:first-of-type { border: none; padding: 0 }
.memberSearchPage.searchPageContent .memberSearchFlex > div:first-of-type input { border: 2px solid #1166ae; width: 100%; color: #1166ae; font-size: 18px; background-color: #f4f7fb; padding: 5px }
.memberSearchPage.searchPageContent .memberSearchFlex > div:first-of-type input::placeholder { color: #1166ae }
@media (max-width:750px) { .memberSearchIntroText {   float: none;   width: 100% } .memberSearchIntroImg {   float: none;   display: block;   margin: 0 auto 20px } .memberSearchPage.searchPageContent .memberSearchFlex {   flex-direction: column } .memberSearchPage.searchPageContent .memberSearchFlex > div {   width: 100%;   margin-bottom: 20px } }
.memberSearchPage.searchPageContent .memberSearchFlex > div h4 { text-align: center; color: #1166ae; margin: 15px; font-size: 18px }
.memberSearchPage.searchPageContent .memberSearchFlex > div .checkboxRow { display: flex; margin-bottom: 15px }
.memberSearchPage.searchPageContent .memberSearchFlex > div .checkboxRow input { width: 30px; height: 30px; margin-right: 10px }
.memberSearchPage.searchPageContent .memberSearchFlex > div .checkboxRow label { color: #122f49; font-size: 16px; position: relative; top: 5px; font-weight: 500 }
.searchPageContent.memberSearchPage .loadMoreContainer { margin-top: 40px; text-align: right }
.searchPageContent.memberSearchPage .loadMoreContainer .loadMore { padding: 15px 30px }
.companyPage .gridcol.three { width: 250px; float: left; margin: 0 }
.companyPage .gridcol.nine { width: calc(100% - 300px); float: right; margin: 0 }
.companyBGImage { width: 100%; height: 250px; background-size: cover; background-color: #0b67b2; position: relative }
.companyBGImageUpper { height: 150px }
.companyBGImageLower { background-color: rgba(0, 0, 0, .5); min-height: 102px; position: absolute; bottom: 0; width: 100% }
.companyBGImageLower .nine { color: #fff; display: flex; justify-content: space-between }
#content .companyBGImageLower .nine h1, #content .companyBGImageLower .nine h2, #content .companyBGImageLower .nine h3, #content .companyBGImageLower .nine p { font-size: 30px; margin-top: 25px; font-weight: 600; color: #fff }
.companyBGImageLower .nine .icons { display: flex; width: 140px; margin-top: 30px; justify-content: flex-end }
.companyBGImageLower .nine .icons i { background-color: transparent; border-radius: 50px; color: #fff; font-size: 20px; text-align: center; padding-top: 8px; margin-right: 15px }
.companyBGImageUpper .iconBox { width: 250px; height: 250px; background-color: #fff; position: absolute; top: 60px; text-align: center; border: 1px solid #e8e8e8; margin-top: 10px; display: flex; flex-direction: column; justify-content: center; align-content: center; z-index: 1000 }
.companyBGImageUpper .iconBox img { text-align: center; padding: 15px }
.companyPage .leftColBox { border: 1px solid #e8e8e8; padding: 10px; margin-top: 10px; background: #fff; position: relative; z-index: 99 }
.companyPage .leftColBox h3 { margin-bottom: 5px !important }
.companyPage .leftColBox .iconRow { display: flex; color: #1166ae; margin-bottom: 8px; line-height: 1.1 }
.companyPage .leftColBox .iconRow i { margin-right: 10px; padding-top: 5px; padding-left: 5px; width: 30px; text-align: center }
#content .companyPage .leftColBox .iconRow p { margin: 0; width: calc(100% - 30px); color: #a0a0a0 }
#content .companyPage .leftColBox .iconRow p.address { font-size: 14px; line-height: 1.2; color: #555 }
.companyPage .leftColBox .iconRow a { color: #1166ae; font-weight: 500; transition: .5s; font-size: 15px }
.companyPage .leftColBox .iconRow a:hover { color: #051e32; font-weight: 500; transition: .5s }
.companyPage h3 { color: #1166ae }
.companyDetailsFlex { display: flex; justify-content: space-between; margin-top: 20px }
.companyDetailsFlex.platinum { margin-top: 0 }
.companyDetailsFlex .checkmarks { color: #212121; font-size: 15px }
.companyDetailsFlex.platinum .checkmarks { width: 100%; color: #212121; margin-top: 10px }
.companyDetailsFlex .checkmarks img { width: 20px; height: 20px; margin-right: 5px }
.companyDetailsFlex .checkmarks i { display: inline-block; margin-right: 5px }
.companyDetailsFlex .checkmarks span { position: relative; bottom: 4px }
.companyDetailsFlex .certification { color: #a0a0a0; text-align: center; width: 200px }
.companyDetailsFlex .certification { color: #a0a0a0; text-align: center; width: 200px }
.certification-wrapper { margin: 30px auto }
.certification-solo { color: #a0a0a0; padding: 10px 0; display: flex; justify-content: flex-start; align-items: center }
.certification-solo .cert { max-width: 200px; max-height: 75px; margin-right: 15px }
.certification-solo .cert img { display: block; margin-right: 0 }
.certification-solo .cert.other-certs { margin-top: 15px }
.companyDetailsCopy { margin: 16px auto 24px }
.companyDetailsCopyPadding { margin: 74px auto 24px }
.companyVideo-wrapper { margin: 40px auto; padding: 20px; text-align: center; background-color: #f4f7fb }
.companyVideo { max-width: 640px; text-align: center; margin: auto }
.companyVideo-descrip { font-size: 15px; padding-top: 15px }
.coproAdditional-wrap { margin-top: 24px; padding-top: 15px; border-top: 1px solid #ccc }
.coproAdditional { margin-bottom: 20px; display: flex; flex-wrap: wrap }
.coproAdditional-item { width: 22%; margin-right: 3%; margin-bottom: 60px }
.coproAdditional-location { width: 32% }
.coproAdditional-person { width: 32% }
.companyPage .item { border: 2px solid #eef2f6 }
.companyPage .itemContent { padding: 10px 10px 0 10px }
.productThumbnail { width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat }
.companyPage .itemContent h3 { padding: 0; font-size: 18px; margin-bottom: 0 }
.companyPage .itemContent h3 a { color: #122f49; transition: .5s }
.companyPage .itemContent h3 a:hover { color: #1166ae }
.companyPage .itemContent .blogDate { margin-top: 5px; font-size: 14px }
.companyPage .itemContent .blogExcerpt { color: #1f1f1f; font-size: 15px }
.itemFlex.itemFourWide h3 { font-size: 18px; font-size: 14px; margin-bottom: 20px }
#contact-form .FormRow { display: flex; flex-direction: column; margin-top: 10px }
#contact-form form { max-width: auto; margin: 0 auto }
#contact-form .FormRow label { width: 140px; color: #122f49 }
#contact-form form #categories { max-width: auto; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap }
#contact-form .FormRow #categories label { color: #000; width: 50%; min-width: 200px }
#contact-form .FormRow .FormInput { padding-left: 0; margin-top: 0 }
#contact-form .FormRow .FormInput input { width: 100%; max-width: none !important; border: 0 solid transparent; border-bottom: 1px solid #e8e8e8 }
#contact-form .FormRow .FormInput #categories input { width: auto; max-width: none !important }
.FormRow .FormInput { float: none }
.lowerContentMobile { display: none }
.lowerContentMobile .leftColBoxFlex { display: flex; justify-content: space-around; flex-wrap: wrap }
.lowerContentMobile .leftColBox { width: 49% }
@media (max-width:880px) { .companyBGImageUpper {   height: auto } .companyBGImageUpper .iconBox {   position: static;   margin-top: 20px;   margin-bottom: 20px } .companyBGImage {   background-position: center;   height: auto } .companyBGImageLower .gridcol.three {   display: none } .companyBGImageLower .gridcol.nine {   width: 100% } .lowerContentMobile {   display: block } .companyDetailsFlex {   flex-direction: column;   width: 100% } .companyDetailsFlex .checkmarks {   width: 100% } }
@media (max-width:650px) { .lowerContentMobile .leftColBox {   width: 100% } .companyBGImageLower {   height: auto } .companyBGImageLower .gridcol.nine {   display: flex;   flex-direction: column } .companyBGImageLower .nine .icons {   margin-top: 0;   margin-bottom: 15px;   position: relative;   bottom: 15px } }
.platinumBar { background-color: #0e76bc; position: absolute; width: 100%; left: 0; z-index: 1 }
.platinumBar > .inner { z-index: 999 }
.platinumBar.lower { top: 20px }
.platinumBar.lower { margin-bottom: 20px !important }
.platinumBarFlex { display: flex; color: #fff; font-size: 16px; padding-top: 15px; padding-bottom: 15px; flex-wrap: wrap }
.platinumBarFlex.lower { padding-top: 20px }
.platinumBarFlex i { margin-right: 10px; color: #fff }
.platinumBarFlex > div { margin-right: 20px }
.platinumBarFlex a { color: #fff; text-decoration: none }
.platinumBarFlex > div.active { border-bottom: 2px solid #fff }
.platinumCopy { margin-top: 35px !important }
.platinumCopy.lower { margin-top: 50px !important }
.relativeAnchor { position: relative; bottom: 70px }
@media (max-width:992px) { .relativeAnchor {   bottom: 100px } }
.blogTechnologyFlex, .webinarPage .technologyFlex { display: flex }
.blogTechnologyFlex { flex-wrap: wrap; justify-content: space-between }
.blogTechnologyFlex > p, .webinarPage .technologyFlex > p { color: #92a4b6; font-weight: 600; width: 220px }
.blogTechnologyFlex > a, .webinarPage .technologyFlex > a { width: 100px; margin-right: 10px }
.blogTechnologyFlex > a { width: 48%; margin-right: 0 }
.blogTechnologyFlexHeader p { color: #92a4b6; font-weight: 600; width: 220px; margin-bottom: 20px !important }
.webinarPage .seeMoreContainer { text-align: left }
.webinarPage .seeMoreContainer a { padding: 10px 20px; margin-top: 0 !important; margin-bottom: 20px !important }
.signifierFlex { display: flex; margin-bottom: 10px }
.nextWebinarContent > h3 { margin-bottom: 0 !important; font-size: 24px; font-weight: 400 }
.nextWebinarContent h2 a { color: #fff; text-decoration: none; transition: .5s }
.nextWebinarContent h2 a:hover { color: #0971c5 }
.nextWebinarContent i { color: #fff }
.secondWebinarSection .nextWebinarContent { float: left }
.secondWebinarSection .upcomingWebinarContent { float: right }
.webinarPage .infoRow a { text-decoration: none; transition: .5s }
.webinarPage .signifierFlex > div { width: 60px; height: 8px }
.nextWebinarContentFlex { display: flex; margin-bottom: 50px }
.nextWebinarContentFlex > div { width: 50% }
.nextWebinarContentFlex .exclusiveSponsorContainer { display: flex }
.nextWebinarContentFlex .exclusiveSponsorContainer > div { display: flex; flex-direction: column }
.exclusiveSponsorContainer > p > span { display: block }
@media (max-width:768px) { .blogTechnologyFlex, .webinarPage .technologyFlex {   flex-wrap: wrap } .blogTechnologyFlex > p, .webinarPage .technologyFlex > p {   width: 100% } }
@media(max-width:500px) { .nextWebinarContentFlex {   flex-direction: column } .whereWhenRow:last-of-type {   margin-bottom: 0 !important } .exclusiveSponsorContainer {   margin-bottom: 50px } }
.webinarPage .exclusiveSponsorContainer i { position: relative; top: 10px; font-size: 24px }
.webinarPage .exclusiveSponsorContainer > p { position: relative; left: 10px; line-height: 20px; font-weight: 200 }
.webinarPage .exclusiveSponsorContainer > p > span { font-size: 20px; font-weight: 700; line-height: 24px }
.webinarPage .exclusiveSponsorContainer > p > span:first-of-type { font-size: 24px; font-weight: 500 }
.webinarPage .gridcol.six.nextWebinar { display: flex; flex-direction: column; justify-content: center; align-items: flex-end }
.webinarPage .upcomingWebinarContent h3 span { background-color: #0a67b1; color: #fff; padding: 0 4px; border-radius: 5px; margin-right: 5px }
.webinarPage .gridcol.six.nextWebinar.secondWebinarSection { display: flex; flex-direction: column; justify-content: center; align-items: flex-start }
@media (max-width:968px) { .webinarPage .gridcol.six.nextWebinar {   align-items: center } .webinarPage .gridcol.six.nextWebinar.secondWebinarSection {   align-items: center } .gridcol.six.upcomingWebinars {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center } .secondWebinarFlex {   flex-direction: column-reverse } .webinarPage .spacer {   display: none } }
.webinarListPage h3 { margin-bottom: 0 }
.webinarListPage .itemFlex.itemFlexArticles > .item .dateTime { margin-bottom: 0 !important; margin-top: 0 !important }
.webinarListPage .seeMoreContainer { margin-top: 10px !important; margin-left: 10px !important }
.webinarListPage .seeMoreContainer a { padding: 5px 10px }
.advertisementContainer { text-align: center; margin-bottom: 30px }
.displayContainer { text-align: center; margin-bottom: 30px }
.paginated .tablePlain td:first-of-type { display: inline-block }
.paginated .tablePlain { margin: 0 auto }
.paginated .tablePlain input { color: #92a4b6 !important; text-decoration: none; transition: .5s; background-color: transparent !important; max-width: 25px; padding: 0; margin: 0 }
.paginated .tablePlain input:hover { color: #000 !important }
.whyAutomateHeader { background-color: #0b2e4a; background: linear-gradient(270deg, rgba(11, 46, 74, .3) 0, rgba(11, 46, 74, .5) 20%, rgba(11, 46, 74, .8) 30%, #0b2e4a 50%, #0b2e4a 100%), url(../images/automateBG.jpg); background-size: cover; background-position: center; width: 100%; color: #fff }
.whyAutomateHeaderContent { width: 50%; padding-top: 1px }
.whyAutomateHeaderContent h1 { margin-top: 31px !important; margin-bottom: 12px !important; font-size: 36px }
.whyAutomateHeaderContent h2 { margin-top: 12px !important; margin-bottom: 12px !important; font-size: 24px }
.whyAutomateHeaderContent p { margin-top: 12px !important; margin-bottom: 32px !important; font-size: 20px }
.whyAutomateBox { width: 24%; height: 200px; float: left; margin-right: 1%; background: url(../images/automate.jpg); box-shadow: inset 0 0 0 1000px rgba(11, 46, 74, .9); background-size: 110%; margin-bottom: 10px; position: relative; background-position: left }
a.whyAutomateBox:first-of-type { width: 49%; height: 410px }
a.whyAutomateBox { transition: box-shadow .5s, background-position .5s }
a.whyAutomateBox:hover { box-shadow: inset 0 0 0 1000px transparent; background-position: right }
.whyAutomateBox > .content { position: absolute; bottom: 20px; color: #fff; padding: 0; left: 0; width: 100%; transition: .25s ease-in }
.whyAutomateBox:hover > .content { bottom: 0 }
.whyAutomateBox > .content p, .whyAutomateBox > .content > span { margin: 0 !important; font-size: 14px; display: inline }
.whyAutomateBox > .content p.company, .whyAutomateBox > .content span.company { display: block; margin: 0 !important; font-size: 18px; line-height: 20px; width: 100%; padding-top: 6px; padding-bottom: 6px }
.whyAutomateBox > .content p.company strong, .whyAutomateBox > .content span.company strong { position: relative; left: 10px; padding-right: 20px }
.whyAutomateBox > .content a { color: #fff; text-decoration: none; transition: .5s }
.whyAutomateBox > .content a:hover { color: #0b67b2 }
.whyAutomateBox > .content i { font-size: 24px; margin-bottom: 10px; position: relative; left: 10px }
a.whyAutomateBox:first-of-type > .content i { font-size: 48px }
a.whyAutomateBox:first-of-type > .content p, a.whyAutomateBox:first-of-type > .content > span { font-size: 16px }
a.whyAutomateBox:first-of-type > .content p.company, a.whyAutomateBox:first-of-type > .content > span.company { font-size: 24px; padding-top: 12px !important; padding-bottom: 12px !important }
a.whyAutomateBox:first-of-type > .content > span.company, a.whyAutomateBox > .content > span.company { transition: .5s; box-shadow: inset 0 0 0 1000px transparent }
a.whyAutomateBox:first-of-type:hover > .content > span.company, a.whyAutomateBox:hover > .content > .company { transition: .5s; box-shadow: inset 0 0 0 1000px rgba(11, 46, 74, .9) }
@media (max-width:920px) { .whyAutomateHeader {   background: rgba(11, 46, 74, .95) } .whyAutomateBox {   width: 32% } a.whyAutomateBox:first-of-type {   width: 65% } .whyAutomateHeaderContent {   width: 100% } }
@media (max-width:700px) { .whyAutomateBox {   width: 49% } a.whyAutomateBox:first-of-type {   width: 99% } }
@media (max-width:560px) { .whyAutomateBox {   width: 99% } }
.fad, .fal, .far, .fas { font-size: 1.125em; color: #1166ae }
.fad.larger, .fal.larger, .far.larger, .fas.larger { font-size: 2em; color: #1166ae }
.selectFlex .upperSelectRow { width: 100%; margin-bottom: 0; display: flex; justify-content: space-between }
.selectFlex .viewingArticles { display: inline-block; font-weight: 700 }
.selectFlex .nowDisplaying { float: right; display: inline-block; clear: right; margin-right: 20px; margin-bottom: 10px }
.selectFlex .showPerPageSelect { float: left }
.selectFlex .lowerSelectRow { width: 100%; display: flex; justify-content: space-between }
@media (max-width:1150px) { .selectFlex .lowerSelectRow {   flex-direction: column;   align-items: baseline } .selectFlex .lowerSelectRow .pagenumCell {   margin-top: 20px } }
@media (max-width:600px) { .selectFlex .upperSelectRow {   flex-direction: column } .selectFlex .upperSelectRow .showPerPageSelect {   margin-top: 10px;   margin-bottom: -5px } }
.selectFlex .chooseNumberSelect { margin-top: -5px; margin-bottom: 10px }
.selectFlex .pagenumCell { float: right }
.item.informational h3 { font-size: 16px; font-weight: 500 }
.item.informational h3 a { color: #122f49 }
.item.informational h3 a:hover { color: #0971c5 }
#content .item.informational .memberCompanyName { color: #666; font-size: 13px; line-height: 1.2; font-weight: 400; padding: 0 10px; margin-bottom: 14px }
.item.informational .articleCopy { font-size: 15px }
.cmsTopAd { background-color: #f4f7fb; padding: 15px 0 8px; text-align: center; margin-top: 10px }
.topDisplayAd { background-color: #f4f7fb; padding: 15px 0 8px; text-align: center; margin-top: 10px }
@media (max-width:992px) { .cmsTopAd {   margin-top: 0 } .topDisplayAd {   margin-top: 0 } }
.hideCommunities { display: none !important }
@media (max-width:991px) { .hideCommunities {   display: block !important } }
.professionalFlex { display: flex; flex-wrap: wrap }
.professionalFlex > .professional { width: 23%; margin: 10px 1% 20px }
@media (max-width:1200px) { .professionalFlex > .professional {   width: 31.33333333333333%;   margin: 10px 1% 20px } }
@media (max-width:900px) { .professionalFlex > .professional {   width: 48%;   margin: 10px 1% 20px } }
@media (max-width:600px) { .professionalFlex > .professional {   width: 100%;   margin: 10px 0 20px } }
#myBtn { position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: 0; background-color: #c85252; color: #fff; cursor: pointer; padding: 15px; border-radius: 100px; font-size: 18px; transition: .5s; height: 50px; width: 50px; opacity: 0 }
#myBtn i { color: #fff }
#myBtn:hover { background-color: #8c2c2c }
@media (max-width:700px) { #myBtn {   display: none } }
.bc { text-align: center }
.bc img { margin: auto }
.bc.bagh-01 { margin: 20px 5px }
.bc.bagh-03 { margin: 20px 0 }
.bc.bagh-04 { display: block !important; margin: 0 auto 0 }
.bc.bagh-04 > div { text-align: center; margin-bottom: 30px }
.bc.bagh-06 div { text-align: center; margin-top: 20px }
.bc-featured-container { display: flex; justify-content: center; flex-wrap: wrap }
.bc.bagh-11, .bc.bagh-29, .bc.bagh-30 { margin: 0 10px }
.bc.bagh-10, .bc.bagh-21, .bc.bagh-23, .bc.bagh-25, .bc.bagh-27, .bc.bagh-31, .bc.bagh-32, .bc.bagh-33, .bc.bagh-34, .bc.bagh-35 { margin-bottom: 15px }
.bc.bagh-10:before { content: "FEATURED PRODUCT"; background-color: #fff; letter-spacing: 1px; color: #bbb }
.bc.bagh-21:before { content: "FEATURED PRODUCT"; background-color: #fff; letter-spacing: 1px; color: #bbb }
.bc.bagh-23:before { content: "FEATURED PRODUCT"; background-color: #fff; letter-spacing: 1px; color: #bbb }
.bc.bagh-25:before { content: "FEATURED PRODUCT"; background-color: #fff; letter-spacing: 1px; color: #bbb }
.bc.bagh-27:before { content: "FEATURED PRODUCT"; background-color: #fff; letter-spacing: 1px; color: #bbb }
#rainRacing { position: fixed; bottom: 0; height: 150px; max-width: 100%; color: #fff; text-align: center; z-index: 999999; padding: 20px 20px 0 20px; width: 100%; display: none }
#rainRacing > div { margin: 0 auto; background-color: #0a67b1; width: 1330px; height: 130px; max-width: 100%; display: flex; justify-content: center; align-items: center; position: relative; padding: 20px }
#rainRacing > div > p { margin: 0 }
#rainRacing #rainRacingClose { position: absolute; top: -20px; right: -20px; color: #051e32; font-size: 32px; border: 1px solid #000; padding: 5px 10px; background-color: #fff; border-radius: 25px; cursor: pointer }
.inclNewsSection .newsArticles { min-height: 0 }
.newsSection .newsColumn .newsImgDiv { width: 100%; height: 150px; background-size: cover; background-position: center }
.newsSection.twoWideNewsSection { max-width: 48.5%; margin: 0 auto }
.newsSection.twoWideNewsSection > .newsColumn { width: 47.25% }
@media (max-width:968px) { .newsSection.twoWideNewsSection {   max-width: 100% } .newsSection.twoWideNewsSection > .newsColumn {   width: 48% } }
@media (max-width:620px) { .newsSection.twoWideNewsSection > .newsColumn {   width: 100% } }
.pagination.tablePlain td:first-of-type b, .paginationDiv .nowDisplaying b { color: #1166ae }
.pagination.tablePlain { width: 100% }
.pagination.tablePlain .pagenumCell, .paginationDiv .pagenumCell { position: relative; bottom: 10px }
.pagination.tablePlain .pagenumCell, .paginationDiv .pagenumCell { padding: 0 !important }
.pagination.tablePlain .pagenumCell input, .paginationDiv .pagenumCell input { color: #122f49; width: 30px !important; height: 30px !important; background-color: transparent !important; border: 1px solid transparent; padding-left: 9px; font-family: Montserrat, Open Sans, sans-serif; margin-left: 3px; font-size: 16px; font-weight: 500 }
.pagination.tablePlain .pagenumCell input, .paginationDiv .pagenumCell input:first-of-type { padding-left: 11px }
.pagination.tablePlain .pagenumCell input.pagenumCurrent, .paginationDiv .pagenumCell input.pagenumCurrent { border: 1px solid #1166ae; color: #1166ae !important; background-color: rgb(17, 102, 174, .04) !important }
.pagination.tablePlain .pagenumCell input:hover, .paginationDiv .pagenumCell input:hover { color: #1166ae !important }
.itemFlex.newslettersFlex { justify-content: flex-start }
.itemFlex.newslettersFlex .item { padding: 0 .5%; border: 3px solid #f4f7fb }
.itemFlex.newslettersFlex .item-inner { padding: 0 10px 25px; position: relative }
.itemFlex.newslettersFlex .item-inner .readNewsletter { color: #000; text-decoration: none }
#content .itemFlex.newslettersFlex h2 { font-size: 18px; line-height: 1.2; margin-bottom: 10px; margin-top: 10px }
.itemFlex.newslettersFlex h2 a { text-decoration: none; color: #122f49 }
.itemFlex.newslettersFlex h2 a:hover { color: #0971c5 }
.itemFlex.newslettersFlex p { margin-bottom: 0 !important; font-size: 14px; position: absolute; left: 10px; bottom: 10px }
.itemFlex.newslettersFlex .item-inner .readNewsletter span { position: relative; bottom: 2px }
.itemFlex.newslettersFlex .item-inner .readNewsletter i { font-weight: 300; position: relative; color: #000; font-size: 12px }
.itemFlex.newslettersFlex .item-inner .readNewsletter:hover { color: #0971c5 }
.subscribeSection { background-color: #f4f7fb; padding-top: 30px }
.subscribeSection h2 { text-align: center }
.subscribeSection > .inner > div { max-width: 1200px; background-color: #fff; margin: 0 auto; padding: 30px }
@media (max-width:1480px) { .itemFlex.itemFourWide.newslettersFlex .item {   width: 31% } }
@media (max-width:1170px) { .itemFlex.itemFourWide.newslettersFlex .item {   width: 49% } }
@media (max-width:860px) { .itemFlex.itemFourWide.newslettersFlex .item {   width: 100%;   padding: 0 } }
@media (max-width:640px) { .itemFlex.itemFourWide.newslettersFlex .item {   width: 49%;   padding: 0 .5% } }
@media (max-width:550px) { .itemFlex.itemFourWide.newslettersFlex .item {   width: 100%;   padding: 0 } }
#entryForm, #form { display: flex; flex-wrap: wrap }
#checkoutForm .FormRow, #entryForm .FormRow, #form .FormRow { width: 50%; display: flex; flex-direction: column }
#checkoutForm #stateZip_1 .FormInput, #checkoutForm .FormRow .FormInput, #entryForm #stateZip_1 .FormInput, #entryForm .FormRow .FormInput, #form #stateZip_1 .FormInput, #form .FormRow .FormInput { padding-left: 0; margin-top: 0 }
#checkoutForm #stateZip_1 input, #checkoutForm #stateZip_1 select, #checkoutForm #stateZip_2 input, #checkoutForm #stateZip_2 select, #checkoutForm .FormRow .FormInput > input[type=number], #checkoutForm .FormRow .FormInput > input[type=password], #checkoutForm .FormRow .FormInput > input[type=text], #checkoutForm .FormRow .FormInput > select, #checkoutForm .FormRow .FormInput > textarea, #entryForm #stateZip_1 input, #entryForm #stateZip_1 select, #entryForm #stateZip_2 input, #entryForm #stateZip_2 select, #entryForm .FormRow .FormInput > input, #entryForm .FormRow .FormInput > select, #entryForm .FormRow .FormInput > textarea, #form #stateZip_1 input, #form #stateZip_1 select, #form .FormRow .FormInput > input, #form .FormRow .FormInput > select, #form .FormRow .FormInput > textarea { display: inline-block; width: 90%; height: 40px; padding: 9px 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; color: #33475b; border: 1px solid #cbd6e2; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: #f5f8fa }
#checkoutForm .FormRow > label, #entryForm .FormRow > label, #form .FormRow > label { font-weight: 400; text-align: left; line-height: 20px; font-family: Montserrat, Open Sans, sans-serif; font-size: 12px; color: #376990; margin-bottom: 5px }
#checkoutForm .title2, #entryForm .title2, #form .title2 { color: #0b2e4a; text-align: center; width: 100%; font-size: 24px; font-weight: 500; margin-bottom: 0; margin-top: 20px }
#checkoutForm .content-left-half, #checkoutForm .content-right-half, #entryForm .content-left-half, #entryForm .content-right-half, #form .content-left-half, #form .content-right-half { display: flex; flex-wrap: wrap }
#checkoutForm .content-right-half .FormRow:first-of-type, #entryForm .content-right-half .FormRow:first-of-type, #form .content-right-half .FormRow:first-of-type { width: 100% }
#checkoutForm .tablePlain, #entryForm .tablePlain, #form .tablePlain { margin-top: 25px; width: 100% }
#checkoutForm .fsize-xsmall, #entryForm .fsize-xsmall, #form .fsize-xsmall { max-width: 999px !important; width: 80% !important }
#entryForm .fsize-small, #form .fsize-small { max-width: 999px !important }
@media (min-width:840px) { #entryForm .fsize-small, #form .fsize-small {   width: 90% !important } }
#checkoutForm .tablePlain tr, #entryForm .tablePlain tr, #form .tablePlain tr { display: flex }
#checkoutForm .tablePlain td, #entryForm .tablePlain td, #form .tablePlain td { width: 25%; display: flex; flex-direction: column; font-weight: 400; text-align: left; line-height: 20px; font-family: Montserrat, Open Sans, sans-serif; font-size: 12px; color: #376990; margin-bottom: 5px }
#checkoutForm .tablePlain td:first-of-type, #entryForm .tablePlain td:first-of-type, #form .tablePlain td:first-of-type { width: 50% }
#checkoutForm .error, #entryForm .error, #form .error { color: #f2545b }
#checkoutForm .fieldError, #entryForm .fieldError, #form .fieldError { display: none }
#checkoutForm #stateZip_1, #checkoutForm #stateZip_2, #entryForm #stateZip_1, #entryForm #stateZip_2, #form #stateZip_1, #form #stateZip_2 { width: 100% }
#checkoutForm .btn, #checkoutForm .btnRFI, #entryForm .btn, #entryForm .btnRFI, #form .btn, #form .btnRFI, input.checkoutBtn { margin: 0 5px; cursor: pointer; display: inline-block; font-weight: 700; position: relative; text-align: center; transition: all .15s linear; border-style: solid; border-width: 2px; padding: 12px 24px; background-color: #c85252; border-color: #c85252; color: #fff; font-size: 16px; line-height: 16px; font-family: Montserrat }
#checkoutForm .btn:hover, #checkoutForm .btnRFI:hover, #entryForm .btn:hover, #entryForm .btnRFI:hover, #form .btn:hover, #form .btnRFI:hover, input.checkoutBtn:hover { background-color: #0d416a; border-color: #0d416a }
#checkoutForm .btn.cancelButton, #checkoutForm .btnRFI.cancelButton, #entryForm .btn.cancelButton, #entryForm .btnRFI.cancelButton, #form .btn.cancelButton, #form .btnRFI.cancelButton { background-color: #58585b; border-color: #58585b }
.FormRowTwoWide, .fullFormRow { width: 100% !important }
.fullFormRow textarea { width: 95% !important }
form#form .fsize-med { max-width: 999px !important }
.FormRowTwoWide input { width: 45% !important }
.FormRowTwoWide input:nth-of-type(2) { float: right; margin-right: 5% }
.FormRow.buttonRow { display: block !important; Width: 100% !important; text-align: center }
form#form .FormRow.buttonRow input[type=submit] { float: none !important }
@media (max-width:840px) { #checkoutForm .FormRow, #entryForm .FormRow, #form .FormRow {   width: 100% } #checkoutForm #stateZip_1 input, #checkoutForm #stateZip_1 select, #checkoutForm #stateZip_2 input, #checkoutForm #stateZip_2 select, #checkoutForm .FormRow .FormInput > input, #checkoutForm .FormRow .FormInput > select, #entryForm #stateZip_1 input, #entryForm #stateZip_1 select, #entryForm #stateZip_2 input, #entryForm #stateZip_2 select, #entryForm .FormRow .FormInput > input, #entryForm .FormRow .FormInput > select, #form #stateZip_1 input, #form #stateZip_1 select, #form #stateZip_2 input, #form #stateZip_2 select, #form .FormRow .FormInput > input, #form .FormRow .FormInput > select {   width: 100% } #checkoutForm .tablePlain tr, #entryForm .tablePlain tr, #form .tablePlain tr {   flex-wrap: wrap } #checkoutForm .tablePlain td, #entryForm .tablePlain td, #form .tablePlain td {   width: 50% } #checkoutForm .tablePlain td:first-of-type, #entryForm .tablePlain td:first-of-type, #form .tablePlain td:first-of-type {   width: 100% } #checkoutForm .tablePlain select, #entryForm .tablePlain select, #form .tablePlain select {   width: 90% !important } #checkoutForm .fsize-xsmall, #entryForm .fsize-xsmall, #form .fsize-xsmall {   width: 100% !important } .fullFormRow textarea {   width: 100% !important } form#form .FormRow textarea {   width: 100% !important } .FormRowTwoWide input {   width: 100% !important } .FormRowTwoWide input:nth-of-type(2) {   float: none;   margin-right: 0;   margin-top: 20px } form#entryForm .fsize-full {   width: 100% !important } }
form#form > table > tbody { display: flex; flex-wrap: wrap }
form#form td { padding: 0 }
form#form > table > tbody > tr { display: flex; flex-direction: column; width: 100% }
form#form > table > tbody > tr .fieldGroup { padding-left: 0 }
form#form .error { display: none }
form#form .fieldLabel { font-weight: 400; text-align: left; line-height: 20px; font-family: Montserrat, Open Sans, sans-serif; font-size: 12px; color: #376990; margin-bottom: 5px }
form#form input, form#form select, form#form textarea { display: inline-block; width: 100%; height: 40px; padding: 9px 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; color: #33475b; border: 1px solid #cbd6e2; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: #f5f8fa }
form#form .tableplain { width: 100% }
form#form .formDropBox { margin-top: 0 }
form#form input[type=checkbox i], form#form input[type=radio i] { height: auto; display: inline-block; width: auto }
form#form .tableplain .tablePlain tr { display: flex }
form#form .tableplain .tablePlain tr td { width: 25% !important }
form#form .tableplain .tablePlain tr td input, form#form .tableplain .tablePlain tr td select { width: 90% !important; max-width: 999px !important }
form#form .tableplain .tablePlain tr td input:last-of-type { width: 100% !important }
form#form .tableplain .tablePlain tr td:first-of-type { width: 50% !important }
form#form .tableplain .tablePlain tr td:first-of-type input { width: 90% !important }
form#form input[type=button], form#form input[type=submit] { cursor: pointer; display: inline-block; font-weight: 700; position: relative; text-align: center; color: #fff; font-size: 16px; line-height: 16px; font-family: Montserrat; margin: 0 5px; transition: all .15s linear 0s; border-radius: 0; border-style: solid; border-width: 1px; padding: 12px 24px; background: #c85252; border-color: #c85252; width: auto; margin-top: 20px }
form#form.oneLineForm { width: 110% }
form#form.oneLineForm .FormRow { width: 100% }
form#form.oneLineForm .btn.floatRight, form#form.oneLineForm .btnRFI.floatRight { margin-right: 10% }
form#form.oneLineForm #stateZip_1 .tablePlain tr { flex-wrap: wrap }
form#form.oneLineForm #stateZip_1 .tablePlain td:first-of-type { width: 100% }
form#form.oneLineForm #stateZip_1 .tablePlain td { width: 50% }
form#form > table > tbody > tr .creditCard #cardIcon { display: none }
form#form > table > tbody > tr .creditCard .primaryLabel:after { display: block; content: "Accepting Visa, Mastercard, Discover, & American Express"; font-weight: 400; text-align: left; line-height: 20px; font-family: Montserrat, Open Sans, sans-serif; font-size: 12px; color: #376990; margin-bottom: 5px; font-style: italic }
form#form > table > tbody > tr .creditCard .fieldLabel { padding-top: 16px; padding-bottom: 12px }
form#form > table > tbody > tr .creditCard tr:nth-of-type(2) .fieldLabel { padding-top: 10px; padding-bottom: 12px }
form#form > table > tbody > tr .creditCard tr:nth-of-type(1) input, form#form > table > tbody > tr .creditCard tr:nth-of-type(2) input { width: 226px }
form#form > table > tbody > tr .creditCard tr:nth-of-type(3) input { width: 100px }
form#form > table > tbody > tr .creditCard tr:nth-of-type(4) td:nth-of-type(2) > div { display: flex !important; align-items: center }
form#form > table > tbody > tr .creditCard tr:nth-of-type(4) td:nth-of-type(2) > div select { width: 100px }
@media (max-width:840px) { form#form.oneLineForm {   width: 100% } form#form.oneLineForm .btn.floatRight, form#form.oneLineForm .btnRFI.floatRight {   margin-right: 0 } }
.sidebarContainerBlue form#form label { color: #fff !important; margin-bottom: 0; margin-top: 10px }
.sidebarContainerBlue form#form input { margin-top: 0 }
.sidebarContainerBlue form#form { padding-top: 0; padding-bottom: 20px }
.sidebarContainerBlue .btn.floatRight.sendButton, .sidebarContainerBlue .btnRFI.floatRight.sendButton { margin-top: 10px !important }
.sidebarContainerBlue .btn.floatRight.sendButton i, .sidebarContainerBlue .btnRFI.floatRight.sendButton i { color: #fff }
.standardSizing, .standardSizing li, .standardSizing p { font-size: 18px; line-height: 1.5 }
.a3Intro, .a3Intro li, .a3Intro p, .articleContent, .articleContent li, .articleContent p, .blogContent, .blogContent li, .blogContent p, .careerCenterDetails .gridcol.ten .gridcol.nine p, .expertAnswerText > li, .presenter-box, .roi-intro em, .roi-intro p, .storeCatFlex .mainCopy li, .storeCatFlex .mainCopy p, .storeCopy p, .webinar-box-content, .webinarCopy, .webinarCopy li, .webinarCopy p, div.productCopy, p.companyDetailsCopy, p.productCopy, p.productIntro { font-size: 18px; line-height: 1.5 }
.expertAnswerText > p { font-size: 16px; line-height: 1.5 }
@media (max-width:768px) { .hideMobile {   display: none } }
.fullBgImages a { background-size: 130% !important; background-position: 40% center }
.fullBgImages a:hover { background-position: 60% center }
.certBoxContainer { display: flex; justify-content: center; flex-wrap: wrap }
.certBox { background-color: #0b2e4a !important; width: 32.5%; padding: 35px; min-height: 265px; padding-bottom: 75px !important; margin: 0 .4% 30px }
.certBox .signifier { margin-left: -35px; margin-right: -35px; margin-top: -35px; margin-bottom: 50px }
.certBox h2 { color: #fff; font-size: 28px; margin-bottom: 32px !important }
.certBox p { display: flex; font-size: 20px }
.certBox p:before { content: "\f178"; font-family: "Font Awesome 5 Pro"; padding-right: 10px; display: block }
.certBox:first-of-type p:before { color: #a71f23 }
.certBox:nth-of-type(2) p:before { color: #4cb74d }
.certBox:nth-of-type(3) p:before { color: #f15a25 }
.certBox a, .certBox p { color: #fff; text-decoration: none; transition: .5s }
.certBox p { margin-bottom: 5px !important }
.certBox a:hover { color: #0b67b2 }
@media (max-width:992px) { .certBox {   width: 49% } }
@media (max-width:768px) { .certBox {   width: 99% } }
.selectFlex.pageBottom .pagenumCell { margin: 0 auto }
.eventsNetworking .productListingBlock { border: 3px solid #e4ecf4; padding: 20px; display: flex; margin-bottom: 24px; justify-content: space-between }
.eventsNetworking .productListingBlock .leftProduct { width: 250px; display: flex; justify-content: center; align-content: center; align-items: center }
.eventsNetworking .productListingBlock .leftProduct { padding: 0; margin: 0 }
.eventsNetworking .productListingBlock .leftProduct img { max-height: 230px }
.eventsNetworking .productListingBlock .rightProduct { width: calc(100% - 270px) }
.eventsNetworking .productListingBlock .rightProduct h2 { margin-bottom: 10px !important }
.eventsNetworking .productListingBlock .rightProduct h2 a { color: #1166ae; text-decoration: none; transition: .5s }
.eventsNetworking .productListingBlock .rightProduct h2 a:hover { color: #000; text-decoration: none }
.eventsNetworking .productListingBlock .rightProduct h3 { margin-bottom: 10px !important; font-size: 20px }
.eventsNetworking .productListingBlock .rightProduct p { font-size: 16px }
@media (max-width:880px) { .eventsNetworking .productListingBlock {   flex-wrap: wrap } .eventsNetworking .productListingBlock .leftProduct, .eventsNetworking .productListingBlock .rightProduct {   width: 100% } }
#checkoutForm .error { display: none }
#checkoutForm input { margin-bottom: 10px }
#ccBlock .FormRow:nth-of-type(3), #ccBlock .FormRow:nth-of-type(4) { width: 50%; float: left; height: 75px }
#ccBlock .FormRow:nth-of-type(4) select { display: inline-block; height: 40px; padding: 9px 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; color: #33475b; border: 1px solid #cbd6e2; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: #f5f8fa }
#checkoutForm > p:last-of-type { margin-bottom: 50px !important }
#checkoutForm .FormRow .FormInput > input[type=radio] { width: auto }
.mobileTableContainer { overflow-x: scroll }
.mobileTableMessageROI { display: none }
@media (max-width:1000px) { .mobileTableMessageROI {   display: block;   font-weight: 600 } }
@media (max-width:880px) { .companyBGImageLower {   position: static } .lowerContentDesktop .gridcol {   width: 100% !important } .lowerContentDesktop .gridcol.three {   padding-top: 0 !important } .lowerContentDesktop .gridcol.nine {   overflow: revert } .companyPage .leftColBox {   max-width: 350px;   margin: 0 auto 20px;   z-index: 1 } #theTop {   display: flex;   flex-direction: column-reverse } .platinumBar {   width: calc(100% + 120px);   position: relative;   right: 60px;   left: auto } .companyDetailsCopy, .companyDetailsCopyPadding {   margin: 20px auto 24px } }
@media (max-width:400px) { .companyBGImageUpper .iconBox {   width: auto;   height: auto } }
@media (max-width:600px) { .displayOptions {   display: none } }
.careerShowMobile { display: none }
@media (max-width:650px) { .careerShowMobile {   display: block } .careerShowDesktop {   display: none } }
@media (max-width:600px) { .job-posted {   float: left;   padding-bottom: 10px;   width: 100% } .item .careerInfo .btn.small.request-login {   float: left;   margin-bottom: 10px } }
.mobileNavLink { display: none !important }
@media (max-width:992px) { .mobileNavLink {   display: block !important } }
@media (max-width:425px) { .mobile-header .advancingAutomation br, .mobileFooterSidePieceText br {   display: block !important }}
@media (max-width:350px) { .mobile-header .advancingAutomation br, .mobileFooterSidePieceText br {   display: none !important }}
#wrapper { width: 100%; position: relative; padding-top: 137px }
@media (max-width:768px) { #content {   padding: 6px 0 0 } #wrapper {   margin-top: 0 !important;   padding-top: 147px !important } }
@media (max-width:425px) { #wrapper {   margin-top: 0 !important;   padding-top: 167px !important } }
.webinar .gridcol.two { margin-top: 90px !important; }
@media (max-width: 980px) { .webinar .gridcol.two {   margin-top: 20px !important;   margin-bottom: 20px !important; } }
.article .articleContainer .three.gridcol { position: static; }
.editorialFlex { display: flex; justify-content: space-between; }
.editorialFlex section.left { width: calc(100% - 180px) }
.editorialFlex section.right { width: 160px; }
@media (max-width:980px) { .editorialFlex {   flex-direction: column } .editorialFlex section.left {   width: 100% } .editorialFlex section.right {   width: 100%;   margin-top: 20px;   margin-bottom: 20px } }
.bc.bagh-08 { margin-top: 20px; margin-bottom: 20px; display: none; }
@media (max-width: 540px) { .bc.bagh-08 {   margin-bottom: 60px;   display: block; } .bc.bagh-03 {   display: none; } }
.limitGridNine .gridcol.nine { margin-right: 0; }
.blog .productTop { margin-top: 15px; }
.companyPage .productThumbnail { background-size: contain; }
#contentAnchor, .contentAnchor { position: relative; bottom: 80px; }
@media (max-width: 768px) { #contentAnchor, .contentAnchor {   position: relative;   bottom: 170px; } }
.loadbgimage { height: 1px; width: 1px; z-index: -99 }
#searchButton { position: relative; height: 48px; width: 130px; }
#searchButton span { position: absolute; z-index: -9; display: block; width: 34px; height: 34px; background-image: url('../images/preloader.gif'); }
#searchButton.searching { transition: none !important; background-color: #0a67b1 !important; color: #0a67b1 !important; }
#searchButton.searching span { left: 48px; top: 6px; width: 34px; height: 34px; background-size: 34px; background-position: center; background-repeat: no-repeat; z-index: 9; }
@media (max-width: 650px) { #searchButton {   width: 101px; } #searchButton.searching {   width: 101px; } #searchButton.searching span {   left: 34px; } }
@media (max-width: 550px) { #searchButton {   width: 98px;   height: 34px; } #searchButton.searching span {   left: 33px;   top: 3px;   height: 26px;   background-size: 26px; } }
.bc.bagh-04 { margin: 0 auto 20px; }
.bc.bagh-37, .bc.bagh-38, .bc.bagh-43, .bc.bagh-48, .bc.bagh-53 { margin-bottom: 30px; }
.bc.bagh-61 { margin-top: 10px; }
.bc.bagh-07 { margin-bottom: 24px; }
@media (max-width: 992px) { #fpc_corner-box {   display: none; } }
.innerIcons { top: 15px; }
.upperButtonFlex { display: inline-flex; flex-direction: column; position: relative; bottom: 20px; }
.exploreInnerDiv .upperButtonFlex a.becomeAMember { height: 37px; top: 0; margin-bottom: 10px; }
.exploreInnerDiv .upperButtonFlex a.careerCenterButton { background-color: #0b67b2; max-width: 145px; text-align: center; margin-top: 2px; font-size: 16px; color: #fff; text-decoration: none; padding: 10px; transition: .5s; position: relative; margin: 0 10px; font-family: Montserrat, Open Sans, sans-serif; line-height: 16px; display: inline-block; height: 50px; }
.exploreInnerDiv .upperButtonFlex a.careerCenterButton:hover { background-color: #051e32; }
@media (max-width: 1175px) { .exploreInnerDiv .upperButtonFlex a.careerCenterButton {   display: none; } .innerIcons {   top: 0; } }