@charset "UTF-8";
sup { font-size: 8px; line-height: 1 }
ul.arrowList { margin: 0 0 18px 10px; padding: 0 0 0 10px }
ul.arrowList li { list-style: none; margin: 0; padding: 0 0 12px 20px; position: relative }
ul.arrowList li::before { content: '\f101'; font-family: 'Font Awesome 5 Pro'; font-weight: 700; font-size: 90%; position: absolute; left: 0; color: #0b67b2 }
ol, ul { margin: 0 0 18px 18px; padding: 0 0 0 18px }
ol li, ul li { padding-bottom: 12px }
ol li { padding-left: 6px }
ol ol, ul ul { padding-top: 12px; margin-bottom: 0 }
ul.list-two-col { -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px }
ul.list-two-col li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column }
ul.list-two-col:after { content: ""; display: table; clear: both }
hr { content: ""; display: block; height: 1px; width: 100%; margin: 30px 0 40px; background-color: #333 }
.aligncenter { text-align: center }
.alignleft { text-align: left }
.alignright { text-align: right }
img.alignleft { margin: 0 40px 30px 0; float: left }
img.alignright { margin: 0 0 30px 40px; float: right }
img.imageFloatRight { float: right; margin: 0 0 20px 20px }
img.imageFloatLeft { float: left; margin: 0 20px 20px 0 }
@media (max-width:768px) { img.alignleft, img.alignright, img.imageFloatLeft, img.imageFloatRight { float: none; margin: 0 auto 20px; display: block } }
img.hoverImg { transition: .5s }
img.hoverImg:hover { opacity: .5 }
a.btn, input.btn { color: #fff; background-color: #0b67b2; padding: 17px 30px; text-decoration: none; transition: .5s; text-transform: uppercase; display: inline-block; margin-top: 2px; margin-bottom: 2px }
a.btn:hover, input.btn:hover { background-color: #0b2e4a }
a.btn .fad, a.btn .fal, a.btn .far, a.btn .fas { color: #fff }
a.btn.small, input.btn.small { font-size: 11px; padding: 5px 7px; font-weight: 500 }
a.btn.thin, input.btn.thin { padding: 10px 22px; font-size: 15px; line-height: 1.2 }
a.btn-lined, input.btn-lined { color: #0b67b2; background-color: transparent; border: 2px solid #0b67b2; padding: 15px 30px; text-decoration: none; transition: .5s; text-transform: uppercase; display: inline-block; margin-top: 2px; margin-bottom: 2px }
a.btn-lined i, input.btn-lined i { color: #0b67b2; margin-left: 5px }
a.btn-lined:hover i, input.btn-lined:hover i { color: #fff }
a.btn-lined:hover, input.btn-lined:hover { color: #fff; background-color: #0b67b2 }
a.btn-lined.thin, input.btn-lined.thin { padding: 10px 22px; font-size: 15px; line-height: 1.2 }
a.btn-lined.small, input.btn-lined.small { font-size: 11px; padding: 5px 7px; border-width: 1px }
.productTopContainer-item .btn-lined { white-space: nowrap }
a.blk:link, a.blk:visited { color: #000 }
a.blk:hover { color: #f60 }
.ArrowLink { padding-left: 14px; font-size: 12px; font-weight: 700; color: #333; text-decoration: none }
.ArrowLink:hover { color: #0083c7 }
.pageTitle, .pagetitle { color: #0b67b2; font-weight: 600; font-size: 32px; line-height: 1.2; border-bottom: 3px solid #e4ecf4 }
.title { color: #0d416a; font-weight: 700; font-size: 28px; line-height: 1.2 }
.subtitle { font-size: 22px; line-height: 1.3; font-weight: 700; color: #0b67b2 }
.alertText { color: red }
.largeCopy { font-size: 2em }
.smallCopy { font-size: .75em }
.horizontal, .horizontalClear { border-top: 1px dotted #999; margin-top: 10px; margin-bottom: 0; padding-bottom: 5px; padding-top: 0 }
.horizontalClear { clear: both }
.colorTxt, .txt-color, .txt-color-salmon { color: #c85252 }
.txt-color-drkblue { color: #0d416a }
.txt-color-blue { color: #0b67b2 }
.txt-color-robotics { color: #a71f23 }
.txt-color-vision { color: #4cb74d }
.txt-color-ai { color: #7e287b }
.txt-color-motion { color: #f15a25 }
.txt-color-white { color: #fff }
a.txt-color-salmon.btn-lined { border-color: #c85252; color: #c85252 }
a.txt-color-drkblue.btn-lined { border-color: #0d416a; color: #0d416a }
a.txt-color-blue.btn-lined { border-color: #0b67b2; color: #0b67b2 }
a.txt-color-robotics.btn-lined { border-color: #a71f23; color: #a71f23 }
a.txt-color-vision.btn-lined { border-color: #4cb74d; color: #4cb74d }
a.txt-color-ai.btn-lined { border-color: #7e287b; color: #7e287b }
a.txt-color-motion.btn-lined { border-color: #f15a25; color: #f15a25 }
a.txt-color-white.btn-lined { border-color: #fff; color: #fff }
a.txt-color-salmon.btn-lined:hover { background-color: #c85252; color: #fff }
a.txt-color-drkblue.btn-lined:hover { background-color: #0d416a; color: #fff }
a.txt-color-blue.btn-lined:hover { background-color: #0b67b2; color: #fff }
a.txt-color-robotics.btn-lined:hover { background-color: #a71f23; color: #fff }
a.txt-color-vision.btn-lined:hover { background-color: #4cb74d; color: #fff }
a.txt-color-ai.btn-lined:hover { background-color: #7e287b; color: #fff }
a.txt-color-motion.btn-lined:hover { background-color: #f15a25; color: #fff }
a.txt-color-white.btn-lined:hover { background-color: #0b67b2; border-color: #0b67b2; color: #fff }
.bkgd-color-salmon, .btn.bkgd-color-salmon { background-color: #c85252; color: #fff }
.bkgd-color-drkblue, .btn.bkgd-color-drkblue { background-color: #0b2e4a; color: #fff }
.bkgd-color-blue, .btn.bkgd-color-blue { background-color: #0b67b2; color: #fff }
.bkgd-color-lightblue, .btn.bkgd-color-lightblue { background-color: #e4ecf4; color: #0d416a }
.bkgd-color-robotics, .btn.bkgd-color-robotics { background-color: #a71f23; color: #fff }
.bkgd-color-vision, .btn.bkgd-color-vision { background-color: #4cb74d; color: #fff }
.bkgd-color-ai, .btn.bkgd-color-ai { background-color: #4f1c54; color: #fff }
.bkgd-color-motion, .btn.bkgd-color-motion { background-color: #f15a25; color: #fff }
.bkgd-color-white, .btn.bkgd-color-white { background-color: #fff; color: #0b67b2 }
a.btn.bkgd-color-salmon { background-color: #c85252 }
a.btn.bkgd-color-drkblue { background-color: #0b2e4a }
a.btn.bkgd-color-blue { background-color: #0b67b2 }
a.btn.bkgd-color-lightblue { background-color: #e4ecf4 }
a.btn.bkgd-color-robotics { background-color: #a71f23 }
a.btn.bkgd-color-vision { background-color: #4cb74d }
a.btn.bkgd-color-ai { background-color: #4f1c54 }
a.btn.bkgd-color-motion { background-color: #f15a25 }
a.btn.bkgd-color-white { background-color: #fff }
a.btn.bkgd-color-salmon:hover { background-color: #933d3d }
a.btn.bkgd-color-drkblue:hover { background-color: #0b67b2 }
a.btn.bkgd-color-blue:hover { background-color: #0b2e4a }
a.btn.bkgd-color-lightblue:hover { background-color: #cad6e2 }
a.btn.bkgd-color-robotics:hover { background-color: #671114 }
a.btn.bkgd-color-vision:hover { background-color: #195e53 }
a.btn.bkgd-color-ai:hover { background-color: #7e287b }
a.btn.bkgd-color-motion:hover { background-color: #fc8621 }
a.btn.bkgd-color-white:hover { background-color: #0b67b2; color: #fff }
.full-banner { padding: 20px 0; background-color: #e4ecf4 }
.nowrap, .tel { white-space: nowrap }
.floatRight { float: right }
.floatLeft { float: left }
.thumbnail { position: relative; z-index: 0 }
.thumbnail:hover { background-color: transparent; z-index: 500 }
.thumbnail span { position: absolute; left: -1000px; visibility: hidden; text-decoration: none }
.thumbnail span img { border: none; padding: 0; display: block }
.thumbnail:hover span { visibility: visible; top: -100px; left: 55px }
.thumbnail2 { position: relative; z-index: 0 }
.thumbnail2:hover { background-color: transparent; z-index: 50 }
.thumbnail2 span { position: absolute; padding: 3px; left: -1000px; border: 1px solid #999; visibility: hidden; text-decoration: none; background: #fff }
.thumbnail2 span img { border-width: 0; padding: 0 }
.thumbnail2:hover span { visibility: visible; top: -50px; left: -100px }
.thumbnail3 { position: relative; z-index: 0 }
.thumbnail3:hover { background-color: transparent; z-index: 50 }
.thumbnail3 span { position: absolute; padding: 3px; left: -1000px; border: 1px solid #ccc; visibility: hidden; text-decoration: none; background: #fff }
.thumbnail3 span img { border-width: 0; padding: 0 }
.thumbnail3:hover span { visibility: visible; top: -30px; left: 19px }
.thumbnail_text { position: relative; z-index: 0 }
.thumbnail_text:hover { background-color: transparent; z-index: 50; cursor: pointer }
.thumbnail_text span { position: absolute; padding: 10px; left: -1000px; border: 1px solid #ccc; visibility: hidden; text-decoration: none; background: #074158; color: #fff; font: 12px/16px Arial, Helvetica, sans-serif }
.thumbnail_text span img { border-width: 0; padding: 0 }
.thumbnail_text:hover span { visibility: visible; width: 250px; top: -30px; left: 19px }
.thumbnail_text2 { position: relative; z-index: 0 }
.thumbnail_text2:hover { background-color: transparent; z-index: 50; cursor: pointer }
.thumbnail_text2 span { position: absolute; padding: 10px; left: -1000px; border: 1px solid #ccc; visibility: hidden; text-decoration: none; background: #036; color: #fff; font: 12px/16px Arial, Helvetica, sans-serif }
.thumbnail_text2 span img { border-width: 0; padding: 0 }
.thumbnail_text2:hover span { visibility: visible; width: 250px; top: -30px; left: -269px }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% }
.embed-container embed, .embed-container iframe, .embed-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0 }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.brclear { clear: both; height: 0; margin: 0; font-size: 5px; line-height: 0 }
.data-only { display: none }
.Width100 { width: 100% }
.Width75 { width: 75% }
.Width50 { width: 50% }
.Width25 { width: 25% }
@media (max-width:767px) { .Width100, .Width25, .Width50, .Width75 { width: 100% } }
.addthis_inline_share_toolbox { min-height: 35px }
.addthis_inline_share_toolbox p { display: none }
.logoList .item { padding: 15px; text-align: center; margin-bottom: 20px }
.logoList .item img { display: block; margin: 0 auto }
.logoList .item a img { transition: .5s }
.logoList .item a:hover img { opacity: .5 }
.cmsHeader { 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(../userAssets/a3/a3Uploads/miscImages/cmsHeader-generic.jpg); background-size: cover; background-position: center; width: 100%; color: #fff }
.cmsAutomateHeaderContent { width: 50%; padding-top: 1px }
.cmsAutomateHeaderContent h1 { margin-top: 31px !important; margin-bottom: 12px !important; font-size: 36px }
.cmsAutomateHeaderContent h2 { margin-top: 12px !important; margin-bottom: 12px !important; font-size: 24px }
.cmsAutomateHeaderContent p { margin-top: 12px !important; margin-bottom: 32px !important; font-size: 20px }
@media (max-width:920px) { .cmsAutomateHeader { background: rgba(11, 46, 74, .95) } .cmsAutomateHeaderContent { width: 100% } }
.emMrkt-wrapper { text-align: left }
.emMrkt-wrapper.robotics { background-color: #a71f23 }
.emMrkt-wrapper.vision { background-color: #4cb74d }
.emMrkt-wrapper.robotics.vision { background: linear-gradient(90deg, #a71f23 50%, #4cb74d 50%) }
.emMrkt-wrapper .inner { padding-top: 0; padding-bottom: 0; margin: 0 auto; max-width: 1450px; display: flex; justify-content: flex-start }
.emMrkt { padding: 15px 20px 15px 70px; margin: 0; font-size: 14px; line-height: 1.2; width: 100%; color: #fff; background-repeat: no-repeat; background-position: 10px 10px; min-height: 70px }
.emMrkt a { color: #fff }
.emMrkt span { font-size: 18px; display: block; font-weight: 700; text-transform: uppercase }
.emMrkt span a { text-decoration: none }
.emMrkt.cobotCTA { background-color: #a71f23; background-image: url(../images/emrgMrkt-icon-cobot.png) }
.emMrkt.embVisionCTA { background-color: #4cb74d; background-image: url(../images/emrgMrkt-icon-embvis.png) }
.emMrkt.lifeSciencesCTA { background-color: #4cb74d; background-image: url(../images/emrgMrkt-icon-vils.png) }
.emMrkt.serviceRobotCTA { background-color: #a71f23; background-image: url(../images/emrgMrkt-icon-servrob.png) }
@media (max-width:1100px) { .emMrkt-wrapper.robotics.vision { background: 0 0 } .emMrkt-wrapper .inner { padding: 0 } }
@media (max-width:920px) { .emMrkt-wrapper .inner { flex-wrap: wrap } }
table { border-collapse: collapse }
table td, table th { padding: 5px }
table.cvp-table { margin: 0 0 20px; border-collapse: collapse; padding: 0 }
table.cvp-table.cvp-login { border: none }
table.cvp-table.cvp-login td { border: none; padding: 5px 15px 5px 0 }
table.cvp-table.cvp-login input[type=text] { min-width: 220px }
table.cvp-table.cvp-login .btn { margin-left: 0 }
table.cvp-table.cvp-login .btn-lined { padding-top: 5px; padding-bottom: 5px }
#content table.cvp-table.cvp-login p { margin-bottom: 5px }
#beta-flag { display: none }

/* compliance - NEW */
.complianceHS { float: right; width: 182px; height: 140px; }
body .complianceHS-sml > img, body .complianceCAMERA-sml > img, body .complianceGIGE-sml > img, body .complianceUSB-sml > img, body .complianceHS > img { width: 100% !important; height: 100% !important; padding: 0; }
.complianceHS-sml, .complianceCAMERA-sml, .complianceGIGE-sml, .complianceUSB-sml { width: 100px !important; height: 75px !important; }
#content p.complianceHS-sml, #content p.complianceCAMERA-sml, #content p.complianceGIGE-sml, #content p.complianceUSB-sml { margin-bottom: 0; }
@media (max-width: 1120px) { .productTopContainer a.btn-lined.thin, .productTopContainer input.btn-lined.thin { margin-bottom: 10px; } }
.productTopContainer .complianceUSB, .productTopContainer .complianceGIGE, .productTopContainer .complianceCAMERA, .productTopContainer .complianceHS { width: 260px; height: 189px; margin-bottom: 10px; }
.complianceGIGE, .complianceCAMERA, .complianceUSB, .complianceHS, .complianceGIGE-sml, .complianceCAMERA-sml, .complianceUSB-sml, .complianceHS-sml { background-repeat: no-repeat; background-size: 100%; background-position: center; }
.complianceGIGE { background-image: url("../images/logos/compliant-gigeVision.svg"); }
.complianceCAMERA { background-image: url("../images/logos/compliant-cameraLink.svg"); }
.complianceUSB { background-image: url("../images/logos/compliant-usbVision.svg"); }
.complianceHS { background-image: url("../images/logos/compliant-cameraLinkHS.svg"); }
.complianceGIGE-sml { background-image: url("../images/logos/compliant-mini-gigeVision.svg"); }
.complianceCAMERA-sml { background-image: url("../images/logos/compliant-mini-cameraLink.svg"); }
.complianceUSB-sml { background-image: url("../images/logos/compliant-mini-usbVision.svg"); }
.complianceHS-sml { background-image: url("../images/logos/compliant-mini-cameraLinkHS.svg"); }

/* generic cta box */
.cta-box { background: url(../images/automate.jpg); background-repeat: no-repeat; background-size: cover; box-shadow: inset 0 0 0 1000px rgb(11 46 74 / 90%); padding: 20px; margin: 0 auto 20px;}

/* broadstreet tweaks */
.bs-video-follow-popout { z-index: 20000 !important; }