@charset "UTF-8";  /* Sets the encoding of the style sheet to Unicode UTF-8. Don't move it. */

/********************************
** General
********************************/
*                                                          { -webkit-box-sizing: border-box; box-sizing: border-box;}

html, body                                                 { padding: 0; margin: 0; background: #fff; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 12px; line-height: 18px; text-align: left; min-width: 0; color: #323232;}

 h1,  h2,  h3,  h4,  h5,  h6,
.h1, .h2, .h3, .h4, .h5, .h6                               { font-style: normal; font-weight: bold; margin: 0; padding: 0;}

h1, .h1                                                    { font-size: 36px; line-height: 40px;}
h2, .h2                                                    { font-size: 30px; line-height: 32px;}
h3, .h3                                                    { font-size: 22px; line-height: 24px;}
h4, .h4                                                    { font-size: 16px; line-height: 18px; font-family: Verdana, sans-serif;}
h5, .h5                                                    { font-size: 14px; line-height: 16px; font-weight: bold;}

p, li, td, th, dd, dl                                      { font-size: 14px; line-height: 22px;}

p                                                          { margin: 15px 0;}

a, a.h1, a.h2, a.h3, a.h4, a.h5, a.h6                      { color: #ea0437; outline: none;}
a:hover, a:focus                                           { color: #980324; text-decoration: underline;}
a strong                                                   { font-size: 12px; font-weight: bold;}
a.noline                                                   { text-decoration: none;}
a.noline:hover                                             { text-decoration: underline;}

img                                                        { max-width: 100%;}
img + h4                                                   { padding-top: 12px;}

strong                                                     { font-weight: 700;}

sup                                                        { color: inherit; top: -.65em; font-size: 65%;}

 p:first-child, ul:first-child, li:first-child,
h1:first-child, h2:first-child, h3:first-child,
h4:first-child, h5:first-child, h6:first-child             { margin-top: 0;}

p:last-child                                               { margin-bottom: 0;}




/********************************
** Wrappers
********************************/
#outer-wrap                                                { width: 100%; max-width: 2000px; margin: 0 auto;}

#content                                                   { position: relative;}

[class^="container"]                                       { width: 100%; max-width: 2000px; padding: 30px 90px;}
@media screen and (min-width: 1200px) {
    [class^="container"]                                   { padding-left: 180px; padding-right: 180px;}
}
[class^="container"].noPB                                  { padding-bottom: 0;}

.row, .div[class^="col"], .inner                           { position: relative;}

.newlanding                                                { margin: 0; padding: 0 0 30px;}
.newlanding > [class^="container"]                         { margin-left: auto; margin-right: auto; width: 100%;}
.container_12 [class^="grid_"]                             { padding-left: 0; padding-right: 0; float: left; margin-left: 0; margin-right: 0;}


.section, .section.nopadding, .section .inner              { padding: 0;}


.newlanding .section,
.newlanding .section .inner                                { position: relative;}

/* .dark.section                                              { background: #eee; padding: 15px;} */
.dark .inner > .section                                    { padding: 30px 0;}
.dark .section + .section                                  { border-top: 1px solid #dbdbdb;}

.environment                                               { background: white url('/images/new_landing/environmental-bg.jpg') top left no-repeat;}
.environment h2                                            { color: white; margin-bottom: 25px;}

.col                                                       { float: left; width: 50%; padding: 0 15px;}
.col .FieldBlock                                           { margin: 0;}
.col h2, .col h3                                           { margin: 0 0 15px;}
.col textarea                                              { width: 100%;}
@media (min-width: 992px)
{
    .darkwrapper .col                                      { padding: 15px;}
}

.container_12                                              { position: relative; padding-left: 90px; padding-right: 90px;}
@media screen and (min-width: 1200px) {
    .container_12                                          { padding-left: 180px; padding-right: 180px;}
}
@media (max-width: 991px)
{
    .container_12 + .container_12                          { margin-top: 15px;}
}

.grid_1, .grid_2, .grid_3,  .grid_4,  .grid_5,  .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12    { float: left; position: relative; padding-left: 15px; padding-right: 15px;}

.grid_1                                                    { width: 8.33333333%;}
.grid_2                                                    { width: 16.66666667%;}
.grid_3                                                    { width: 25%;}
.grid_4                                                    { width: 33.33333333%;}
.grid_5                                                    { width: 41.66666667%;}
.grid_6                                                    { width: 50%;}
.grid_7                                                    { width: 58.33333333%;}
.grid_8                                                    { width: 66.66666667%;}
.grid_9                                                    { width: 75%;}
.grid_10                                                   { width: 83.33333333%;}
.grid_11                                                   { width: 91.66666667%;}
.grid_12                                                   { width: 100%; position: relative;}

@media (min-width: 992px)
{
    .container_12 .prefix_1                                { margin-left: 8.33333333%;}
    .container_12 .prefix_2                                { margin-left: 16.66666667%;}
    .container_12 .prefix_3                                { margin-left: 25%;}
    .container_12 .prefix_4                                { margin-left: 33.33333333%;}
    .container_12 .prefix_5                                { margin-left: 41.66666667%;}
    .container_12 .prefix_6                                { margin-left: 50%;}
    .container_12 .prefix_7                                { margin-left: 58.33333333%;}
    .container_12 .prefix_8                                { margin-left: 66.66666667%;}
    .container_12 .prefix_9                                { margin-left: 75%;}
    .container_12 .prefix_10                               { margin-left: 83.33333333%;}
    .container_12 .prefix_11                               { margin-left: 91.66666667%;}

    .container_12 .suffix_1                                { margin-right: 8.33333333%;}
    .container_12 .suffix_2                                { margin-right: 16.66666667%;}
    .container_12 .suffix_3                                { margin-right: 25%;}
    .container_12 .suffix_4                                { margin-right: 33.33333333%;}
    .container_12 .suffix_5                                { margin-right: 41.66666667%;}
    .container_12 .suffix_6                                { margin-right: 50%;}
    .container_12 .suffix_7                                { margin-right: 58.33333333%;}
    .container_12 .suffix_8                                { margin-right: 66.66666667%;}
    .container_12 .suffix_9                                { margin-right: 75%;}
    .container_12 .suffix_10                               { margin-right: 83.33333333%;}
    .container_12 .suffix_11                               { margin-right: 91.66666667%;}

    .container_12 .push_1                                  { left: 8.33333333%;}
    .container_12 .push_2                                  { left: 16.66666667%;}
    .container_12 .push_3                                  { left: 25%;}
    .container_12 .push_4                                  { left: 33.33333333%;}
    .container_12 .push_5                                  { left: 41.66666667%;}
    .container_12 .push_6                                  { left: 50%;}
    .container_12 .push_7                                  { left: 58.33333333%;}
    .container_12 .push_8                                  { left: 66.66666667%;}
    .container_12 .push_9                                  { left: 75%;}
    .container_12 .push_10                                 { left: 83.33333333%;}
    .container_12 .push_11                                 { left: 91.66666667%;}

    .container_12 .pull_1                                  { left: -8.33333333%;}
    .container_12 .pull_2                                  { left: -16.66666667%;}
    .container_12 .pull_3                                  { left: -25%;}
    .container_12 .pull_4                                  { left: -33.33333333%;}
    .container_12 .pull_5                                  { left: -41.66666667%;}
    .container_12 .pull_6                                  { left: -50%;}
    .container_12 .pull_7                                  { left: -58.33333333%;}
    .container_12 .pull_8                                  { left: -66.66666667%;}
    .container_12 .pull_9                                  { left: -75%;}
    .container_12 .pull_10                                 { left: -83.33333333%;}
    .container_12 .pull_11                                 { left: -91.66666667%;}
}

@media (max-width: 991px)
{
.grid_1, .grid_2, .grid_3,  .grid_4,  .grid_5,  .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12    { width: 100%; padding: 0; display: block; float: none; clear: both;}
}

[class*="grid_"] .section::after                           { content: ""; clear: both; display: table;}
[class*="grid_"] .section + .section                       { padding-top: 30px;}


.alignright                                                { text-align: right;}
.aligncenter                                               { text-align: center;}
.alignbottom                                               { position: relative; text-align: right; /* margin: 0; */}

.alpha, .alpha2                                            { margin-left: 0;}
.omega, .omega2                                            { margin-right: 0;}

.omega                                                     { text-align: right;}
.omega a[class*="visit_"]                                  { display: inline-block; margin-bottom: 10px; width: 100%; max-width: 33.3333%; min-height: 135px; padding-top: 23%; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: cover;}
@media (max-width: 991px) {
    .omega                                                 { text-align: left; margin-top: 30px;}
    .omega:first-child                                     { margin-top: 0;}
}

.alpha                                                     { text-align: left;}


.float-l                                                   { float: left; margin: 0 1em 1em 0;}
.float-r                                                   { float: right; margin: 0 0 1em 1em;}




/********************************
** Buttons
********************************/
.btn                                                       { font-size: 14px; padding: 12px 24px; line-height: 1.5; font-weight: normal; color: #ffffff; background-color: #e30039; min-width: 150px; text-align: center; border: none; background-image: none; border: 1px solid transparent; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation;}
.btn:hover                                                 { color: #ffffff; background-color: #b1042a;}
.btn:focus,
.btn.focus                                                 { color: #ffffff; background-color: #b1042a;}
.btn:active, .btn:active:focus, .btn.active,
.open > .dropdown-toggle.btn                               { color: #ffffff; background-color: #b1042a;}

.greybutton                                                { position: absolute; bottom: 0; right: 0; font-size: 11px; padding: 3px 10px;  color: #707070; text-decoration: none; font-weight: bold;}
.greybutton:hover                                          { background-color: #d2d1d2; color: #fff;}

.redbutton, .whitebutton                                   { display: inline-block; position: relative; overflow: visible; border: 0;  white-space:nowrap; text-transform: uppercase; font-weight: bold; padding: 8px 16px; text-decoration: none; behavior: url(/javascript/PIE.htc); border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;}
.redbutton:hover, .redbutton:focus, .redbutton:active,
.whitebutton:hover, .whitebutton:focus, .whitebutton:active{ text-decoration: underline;}

.redbutton                                                 { background-color: #e30039; color: #fff;}
.redbutton:hover, .redbutton:focus, .redbutton:active      { color: #fff;}
.redbutton img                                             { vertical-align: -5px; margin-right: 2px;}
.redbutton.float-r                                         { margin-top: 15px;}
button.redbutton                                           { margin-top: 15px; margin-bottom: 0; width: auto;}

a.whitebutton,
input.whitebutton,
button.whitebutton                                         { border: 1px solid #c8cacc; color: #58595b;}

form.blockform .redbutton,
form.blockform .whitebutton                                { padding: 5px 15px; margin-right: 10px; cursor: pointer;}

.redbutton + .whitebutton,
.whitebutton + .redbutton                                  { margin-left: 10px;}

.btn-primary                                               { color: #ffffff; background-color: #ea0437; border-color: #ca0430;}
.btn-primary:hover,
.btn-primary:focus                                         { color: #ffffff; background-color: #b1042a; border-color: #8e0322;}

.btn-secondary                                             { background: #666; color: #fff;}
.btn-secondary:hover,
.btn-secondary:focus                                       { background: #777; color: #fff;}

.btn-default                                               { color: #333; background: #fff; border: 1px solid #ccc;}
.btn-default:hover,
.btn-default:focus                                         { color: #333; background-color: #e6e6e6; border-color: #adadad;}

.btn-pair                                                  { width: 100%; max-width: 400px; margin: 0 auto;}
.btn-pair button                                           { width: 49%; margin-left: 2%;}
.btn-pair button:first-child                               { margin-left: 0;}

.btn.white-border                                          { border: 1px solid #fff; color: #fff; background: none; text-decoration: none;}
.btn.white-border:hover                                    { border-color: #ea0437; color: #ea0437; background: #fff;}

.btn.black-border                                          { border: 1px solid #000; color: #000; background: #fff; text-decoration: none;}
.btn.black-border:hover                                    { border-color: #ea0437; color: #fff ; background: #ea0437;}

.btn.link                                                  { border: none; color: #ea0437; background: none; text-decoration: underline; padding: 0;}
.btn.link:hover                                            { border: none; color: #980324; background: none;}


.btn.iconLarge                                             { position: relative; padding: 12px 20px; padding-left: 65px; line-height: 18px; text-align: left; font-weight: 700;}
.btn.iconLarge img                                         { position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; height: 32px;}

.btn.i-search                                              { padding-left: 40px; background-image: url('/images/molexRD/icon-search.png'); background-repeat: no-repeat; background-position: left 13px center; background-size: 16px auto;}
.btn.vam img                                               { margin-right: 5px; width: auto; max-width: 20px; max-height: 20px;}
.btn.float                                                 { border-radius: 0; padding: 10px; line-height: 12px; position: absolute; bottom: 0; right: 0;}
.btn-plain                                                 { border: none; background-image: none;}

.btn.btn-sm, .btn-group-sm > .btn                          { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px;}
.btn.btn-md                                                { padding: 6px 24px; border-radius: 3px;}

.btn.btn-blue                                              { background: #5a7e92;}
.btn.btn-blue:hover                                        { background: #6b8ea2;}
.btn.btn-blue-blank                                        { background: #fff; color: #5a7e92; border-color: #5a7e92;}
.btn.btn-blue-blank:hover                                  { background: #efefef;}

.button-icon                                               { margin-left: 5px;}
.btn i                                                     { padding-right: 10px;}


@media (max-width: 991px)
{
    a.redbutton, a.whitebutton                             { text-decoration: none; margin-bottom: 5px; width: 100%; margin: 0; box-sizing: border-box; padding: 8px 15px 8px 5px; border-radius: 24px; text-align: center; float: none;}

    .redbutton + .whitebutton,
    .whitebutton + .redbutton,
    .twolinesbutton + .twolinesbutton                      { margin: 15px 0 0;}

    a.whitebutton                                          { background-image: url(/images/product-overview/twolinebtngradient.png); background-size: auto 100%; display: block; padding: 17px 15px 17px 10px; border-radius: 24px;}
    a.redbutton                                            { display: block; padding: 15px; margin-bottom: 15px;}

    a.greybutton                                           { position: relative; display: block; font-size: 14px; line-height: 22px; padding: 13px;}

    button.redbutton                                       { width: 100%; margin: 15px 0 0; padding: 15px; font-size: 16px; -webkit-border-radius: 4px; border-radius: 4px;}

    a.twolinesbutton                                       { padding: 17px 15px 49px 10px; text-align: left;}
}

@media (max-width: 480px)
{
    .btn.vam img                                           { max-width: 15px; max-height: 15px;}

    .btn-pair .btn                                         { padding-left: 10px; padding-right: 10px;}
}

.flex-row                                                  { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.block-inline                                              { display: -webkit-box; display: -ms-flexbox; display: flex;}




/********************************
** Shading
********************************/

.shaded                                                    { background-color: #f0f0f0;}
.shaded-1                                                  { background-color: #E9E9E9;}
.shaded-2                                                  { background-color: #bfbfbf; color: #fff;}
.shaded-dark                                               { background-color: #323232; color: #fff;}

.shaded-red                                                { background-color: #e9123d; color: #fff;}
.darkened                                                  { background-color: #666666; color: #fff;}

.shaded-gradient-blue                                      { color: white;
                                                             /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00587c+0,002c3e+100 */
                                                             background: #00587c; /* Old browsers */
                                                             background: -moz-linear-gradient(left,  #00587c 0%, #002c3e 100%); /* FF3.6-15 */
                                                             background: -webkit-linear-gradient(left,  #00587c 0%,#002c3e 100%); /* Chrome10-25,Safari5.1-6 */
                                                             background: linear-gradient(to right,  #00587c 0%,#002c3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00587c', endColorstr='#002c3e',GradientType=1 ); /* IE6-9 */
                                                           }

.color-red                                                 { color: #e30039!important;}
.color-white                                               { color: #fff!important;}





/********************************
** Patterns
********************************/

/* generic */
.clear-b                                                   { clear: both;}

.noWrap                                                    { white-space: nowrap;}

.underlined                                                { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #e2e2e2;}

.featured-ribbon                                           { position: absolute; top: 0; left: 0; z-index: 1;}

.has-featured-ribbon                                       { position: relative; display: block;}

.vertical-align-wrapper                                    { display: table;}
.vertical-align                                            { display: table-cell; vertical-align: middle; white-space: normal;}

.hasImage img                                              { display: inline-block; vertical-align: -2px; margin-right: 6px; height: 15px;}

.border-right                                              { border-right: 1px solid #e2e2e2;}
.border-left                                               { border-left: 1px solid #e2e2e2;}

.extra-padding                                             { padding: 25px;}
.extra-padding-top-bottom                                  { padding-top: 25px; padding-bottom: 25px;}
.no-bootstrap-padding                                      { padding: 0;}

.view-all, .see-more, .learn-more,
.view-all-capability, .view-all-application                { font-weight: bold; font-size: 12px;}

.attn p                                                    { font-size: 20px; line-height: 1.45; font-weight: 300; color: #333;}
.attn strong                                               { color: #e9123d;}

.indent                                                    { padding-left: 30px;}

.line-through                                              { margin: 0 0 30px; position: relative;}
.line-through::before                                      { content: ""; position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background: #e2e2e2;}
.line-through span                                         { position: relative; z-index: 1; display: inline-block; background: #333; color: #fff; font-weight: 700; padding: 8px 14px;}
@media (max-width: 767px)
{
    .line-through                                          { margin-top: 30px;}
}

.max                                                       { max-width: 650px; margin-left: auto; margin-right: auto;}

.js-readmore-wrap .js-readmore                             { position: relative; overflow: hidden;}
.js-readmore-wrap .js-readmore::after                      { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto;}
.js-readmore-wrap .js-moreless                             { display: block; margin: 8px 0 0;}
.js-readmore-wrap .js-moreless span.more                   { display: inline;}
.js-readmore-wrap .js-moreless span.less                   { display: none;}

.js-readmore-wrap.inView .js-readmore                      { overflow: visible; height: auto!important;}
.js-readmore-wrap.inView .js-readmore::after               { content: none;}
.js-readmore-wrap.inView .js-moreless span.more            { display: none;}
.js-readmore-wrap.inView .js-moreless span.less            { display: inline;}

.js-readmore-wrap .js-readmore::after                      { box-shadow: inset 0px -40px 30px -4px #fff;}
.shaded .js-readmore-wrap .js-readmore::after              { box-shadow: inset 0px -40px 30px -4px #f0f0f0;}


.background                                                { background-size: cover; background-repeat: no-repeat; background-position: center;}
.background.bg-contain                                     { background-size: contain; background-position: top center;}
.background.darken::before                                 { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5);}
.background.assets                                         { position: relative;}
.background.assets img                                     { position: absolute;}

.custom-select                                             { position: relative; z-index: 0; display: inline-block; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; overflow: hidden; cursor: pointer;}
.custom-select select                                      { position: relative; z-index: 1; width: 100%; color: #323232; padding: 12px; font-size: 14px; font-weight: bold; line-height: 1.25; border: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.custom-select select::-ms-expand                          { display: none!important; border: 0; background-color: transparent}
.custom-select select:focus                                { border: none; outline: none;}
.custom-select::after                                      { content: ""; position: absolute; z-index: 0; top: 0; right: -1px; bottom: 0; z-index: 0; background: url('/images/molexRD/icon-select-arrows-white.png') no-repeat center #333; background-size: 8px auto; width: 40px; height: 100%; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-pointer-events: none; pointer-events: none;}
.custom-select.red::after                                  { background-color: #e31b39;}


/* Lists */
ul.styled,    ul.simple-list,
ul.styled li, ul.simple-list li                            { list-style-type: none; margin: 0; padding: 0;}

ul.bulleted-list                                           { margin: 0 0 10px 15px; padding: 0; list-style-type: disc;}
ul.bulleted-list li                                        { list-style-type: disc;}

ul.simple-list                                             { margin-bottom: 15px;}
ul.simple-list li                                          { color: #797979; margin-bottom: 5px;}
ul.simple-list li::marker                                  { top: 0;}
ul.simple-list p                                           { font-size: 13px; line-height: 16px; font-weight: normal; color: #323232; margin-top: 5px;}

ul.simple-list-bold li,
ul.simple-list-bold li a                                   { font-weight: bold;}

ul.download-list                                           { padding: 0; margin: 0; list-style-type: none;}
ul.download-list li                                        { position: relative; background: #f5f5f5; font-size: 14px; font-weight: 700; padding: 10px 15px; padding-right: 55px; color: #333; margin-top: 5px; line-height: 20px;}
ul.download-list li:first-child                            { margin-top: 0;}
ul.download-list li a                                      { font-weight: 400;}
ul.download-list li span.vam                               { font-weight: 400; color: #cdcac9;}
ul.download-list li span.vam span                          { font-size: 14px; line-height: 14px; padding: 0 10px;}
ul.download-list li span.vam a                             { display: inline-block; line-height: 1;}
ul.download-list li span.vam a img                         { margin: 0 0 0 10px; display: inline; vertical-align: middle;}
ul.download-list li span.vam a span                        { padding: 0;}
ul.download-list li span.icon                              { position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: #ea0437; text-align: center; font-size: 0;}
ul.download-list li span.icon:hover                        { background: #980324;}
ul.download-list li span.icon img                          { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 15px;}
@media (max-width: 667px)
{
    ul.download-list li a                                  { display: block;}
    ul.download-list li span.vam                           { display: block; position: relative; width: 100%; margin: 10px 0 0;text-align: center; float: none!important; background: #fff;}
    ul.download-list li span.vam > a                       { width: 49%; padding: 10px;}
    ul.download-list li span.vam > span                    { display: none;}
}

/* button menus */
/* horizontal */
ul.menu_1 {margin:0;padding:0;list-style-type:none;}
ul.menu_1,ul.menu_1 li {height:20px;}
ul.menu_1 li {float:left;margin-left:5px;}
ul.menu_1 li.first {margin-left:0;}
ul.menu_1 li,ul.menu_1 li a {width:auto;} /* this sets the width of the links */
ul.menu_1 li a,ul.menu_1 li a span {display:block;white-space:nowrap;line-height:20px;height:20px;text-align:center;}
ul.menu_1 li a span {color:#fff;padding:0 10px 0 0;margin:0 0 0 10px;background:#999 url("/images/products/link_1_bg_right.gif") no-repeat right center;}
ul.menu_1 li a {color:#fff;text-decoration:none;background:url("/images/products/link_1_bg_left.gif") no-repeat left center;}
ul.menu_1 li a:hover span {color:#000;background:#333 url("/images/products/link_1_bg_right_hover.gif") no-repeat right center;}
ul.menu_1 li a:hover {cursor:pointer;color:#fff;background:url("/images/products/link_1_bg_left_hover.gif") no-repeat left center;}
ul.menu_1 li a:hover,ul.menu_1 li a:hover span {color:#fff;cursor:pointer;}
	* html ul.menu_1 li a,* html ul.menu_1 li a span {display:inline-block;}
/* vertical */
ul.menu_2 {margin:0;padding:0;list-style-type:none;height:auto;}
ul.menu_2 li {display:block;height:20px;margin-top:4px;}
ul.menu_2 li.first {margin-top:0;}
ul.menu_2 li,ul.menu_2 li a {width:auto;} /* this sets the width of the links (usually defined by the menus containing element) */
ul.menu_2 li a,ul.menu_2 li a span {display:block;white-space:nowrap;line-height:20px;height:20px;text-align:center;}
ul.menu_2 li a span {color:#fff;padding:0 10px 0 0;margin:0 0 0 10px;background:#999 url("/images/products/link_1_bg_right.gif") no-repeat right center;}
ul.menu_2 li a {color:#fff;text-decoration:none;background:url("/images/products/link_1_bg_left.gif") no-repeat left center;}
ul.menu_2 li a:hover span {background:#333 url("/images/products/link_1_bg_right_hover.gif") no-repeat right center;}
ul.menu_2 li a:hover {background:url("/images/products/link_1_bg_left_hover.gif") no-repeat left center;}
ul.menu_2 li a:hover,ul.menu_2 li a:hover span {color:#fff;cursor:pointer;}
	* html ul.menu_2 li a,* html ul.menu_2 li a span {display:block;}
/* link menus */
/* horizontal */
ul.menu {margin:0;padding:0;}
ul.menu li {list-style-type:none;display:inline;font-size:11px;font-weight:bold;color:#18282d;}
ul.menu li a {text-decoration:none;font-size:11px;color:#18282d;}
ul.menu li a.focus {color:#e30039;font-weight:bold;}
ul.menu li ul li.focus {color:#000;background:url("/images/en/menu_arrow.gif") no-repeat left top;}
ul.menu li.title {font-size:11px;color:#525d60;}
/* vertical */
ul.menu_v {overflow:hidden;}
ul.menu_v li {display:block;margin-top:6px;}
ul.menu_v li.first {margin-top:0;}
ul.menu_v li a {color:#000;}
ul.menu_v li ul li {padding-left:10px;}

ul.page_menu li a:hover {color:#e30039;}


ul.linklist li:not(:first-child) { margin-top: 10px;}
ul.linklist a { font-weight: bold; font-size: 14px; line-height: 18px; padding: 0;}
@media (max-width: 767px) {
    ul.linklist li:not(:first-child) { margin-top: 15px;}
    ul.linklist a { font-size: 20px;}
}


/* inline list */
ul.list-inline { margin: 0 -15px; padding: 0;}
ul.list-inline li { margin: 10px 0; padding-left: 15px; padding-right: 15px;}



/* lists */
ul.strip,ol.strip {margin:0;padding:0;list-style-type:none;}
dl.strip,dl.strip dt,dl.strip dd {margin:0;padding:0;}

/* definition (titled) menus */
dl.menu, dl.menu dt, dl.menu dd {margin:0;padding:0;}
dl.menu dt {font-size:12px;font-weight:bold;color:#e30039;margin-top:30px;padding:0;}
dl.menu dt.need {border:none;margin-top:0px;}
dl.menu dt.first {margin-top:0;border:0;}
dl.menu dt.empty {font-size:0;height:0;line-height:0;}

dl.menu dd {font-size:11px;padding:0;}
dl.menu dd li,
dl.menu dd li a {font-size:inherit;}
dl.menu dd.empty {padding:4px 0 0 0;}
dl.menu dd ul {margin:0;padding:0;}
dl.menu dd ul li {list-style-type:none; margin:5px 0 0;}
dl.menu dd ul li a {color:#000;text-decoration:none;}
dl.menu dd ul li a:hover {color:#e30039;}

dl.menu2 dt {margin-top:0;border:0;}

/* ------------ TABLE STYLE ------------ */
dl.mx_table,dl.mx_table dt,dl.mx_table dd {margin:0;padding:0;position:relative;top:0;left:0;}
dl.mx_table dt {color:#000;font-weight:bold;font-size:14px;border-bottom:1px dashed #525d60; padding-bottom: 4px; margin-bottom: 4px;}
dl.mx_table li { list-style: outside disc; position: relative; left: 15px; margin: 2px 0 0; padding: 0; font-size: 12px;}
dl.mx_table dt_no_dash {color:#000;font-weight:bold;font-size:14px;padding-bottom:2px;}
/* dl.mx_table dt a {font-size:10px;margin-left:10px;} */
dl.mx_table dd {margin:4px 0 10px 0;}
dl.mx_table dd table th {text-align:left;font-size:10px;padding-bottom:4px;color:#525d60;}
dl.mx_table dd table th.w10 {width:10%}
dl.mx_table dd table th.w15 {width:15%}
dl.mx_table dd table th.w17 {width:17%}
dl.mx_table dd table th.w20 {width:20%}
dl.mx_table dd table th.w25 {width:25%}
dl.mx_table dd table th.w50 {width:50%}
dl.mx_table dd table th.w65 {width:65%}
dl.mx_table dd table th.w75 {width:75%}
dl.mx_table dd table th.w85 {width:85%}
dl.mx_table dd table th.w100 {width:100%}
dl.mx_table dd table tr.odd_row {background-color:#eee;}
dl.mx_table dd table td {padding:1px 0;}
dl.mx_table dd table td a {color:#525d60;}
dl.mx_table dd table td a.button {display:block;color:#fff;background-color:#e30039;font-size:10px;line-height:12px;font-weight:bold;text-decoration:none;width:70px;text-align:center;margin-left:auto;margin-right:auto;}
dl.mx_table dd table td a.button:hover {color:#e30039;background-color:#fff;}
@media (max-width: 991px) {
    dl.mx_table { background-color: #f0f0f0; padding: 15px;}
    dl.mx_table li { list-style-type: none; padding: 0; left: auto; margin: 0;}
    dl.mx_table li a { font-size: 14px; line-height: 28px; padding: 10px 0; display: block;}

    dl.mx_table dt { border-bottom: 1px solid #cccccc; margin-bottom: 10px;}
    dl.mx_table dt a { color: #e30039; font-weight: bold; font-size: 18px; line-height: 24px; margin-left: 0; text-decoration: none;}

    .OneLinkTx .desktop-index { display: none;}
	.OneLinkTx .mobile-index { display: block !important;}
	.OneLinkTx .mobile-index a { display: inline-block; color: #323232; font-weight: bold; padding: 12px 0; text-align: center; width: 50px; border: 1px solid #cccccc; margin: 0 0 10px 0; border-radius: 2px; text-decoration: none; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e4e4e4) ); background:-moz-linear-gradient( center top, #ffffff 5%, #e4e4e4 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e4e4'); background-color:#ffffff;}
	.OneLinkTx .mobile-index a b { font-weight: bold;}
	.OneLinkTx>div { margin-left: 0 !important; padding: 0;}
	/* .OneLinkTx p, .OneLinkTx td b { font-weight: normal; font-size: 14px; line-height: 22px; margin: 0 0 20px;} */
	.OneLinkTx>div>table { padding: 0 24px;}
}




.gradient_bg
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,000000+100&1+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.gradient_bg-oppo, .whitebutton
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,eeeeee+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.gradient_bg                                                { padding: 15px 15px 0;}
.gradient_bg h3                                             { margin-top: 15px;}


.padded-box                                                 { padding: 30px;}
@media (max-width: 767px)
{
    .padded-box                                             { padding: 15px; margin-bottom: 30px;}
}

/* Select styles */
.select-wrap.redArrow                                       { display: inline-block; position: relative; overflow: hidden; background: #E7E6E7; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer;}
.select-wrap.redArrow::after                                { content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; right: 15px; left: auto; margin: auto; height: 10px; width: 10px; background: none; border-left: 8px solid #ea0437; border-top: 5px solid transparent; border-bottom: 5px solid transparent; pointer-events: none;}
.select-wrap.redArrow select                                { position: relative; z-index: 0; display: block; width: 100%; font-size: 14px; font-weight: 700; min-width: 150px; background: #E7E6E7; color: #333; border: none; height: 40px; padding: 0 10px; margin: 0; padding-right: 40px; line-height: 1; -webkit-appearance: none; appearance: none; cursor: pointer;}
.select-wrap.redArrow select:focus                          { outline: 0; background: #ccc; color: #333;}
.select-wrap.redArrow select::-ms-expand                    { display: none!important; border: 0; background-color: transparent; opacity: 0; visibility: hidden;}
.select-wrap.redArrow option                                { font-weight: 400;}


/* Pagination */
.pagination                                                 { margin: 0; padding: 0; white-space: nowrap;}
.pagination::after                                          { content: ""; display: table; clear: both;}
.pagination > li                                            { float: left;}
.pagination > li > a,
.pagination > li > span                                     { display: block; color: inherit; padding: 8px 16px; text-decoration: none; float: none; background: none; font-weight: 700;}
.pagination > li > span                                     { border: 0;}
.pagination > li > span:hover                               { background: none;}
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus                           { background: none; color: #ea0437; border-color: #ea0437; cursor: default;}

.pagination.simple                                          { }
.pagination.simple .arrow                                   { color: #ea0437;}
.pagination.simple > li > a,
.pagination.simple > li > span                              { border: 0; padding: 8px 12px;}
.pagination > li > a:hover,
.pagination > li > a:focus                                  { text-decoration: underline; background: none; border: 0;}
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus                           { text-decoration: none;}


/* Body text styles */
.contain                                                    { max-width: 600px; margin-left: auto; margin-right: auto; display: block;}
.contain.extend                                             { max-width: 800px;}

.body-text + .body-text                                     { margin-top: 30px;}

.body-text .video-wrap                                      { margin-bottom: 30px;}

.body-text h1                                               { margin: 0 0 30px;}
.body-text  * + h2                                          { margin-top: 45px;}
.body-text h4 + h2                                          { margin-top: 15px;}
.body-text  * + h3                                          { margin-top: 45px;}

.body-text p                                                { margin: 20px 0;}
.body-text p[align="center"]                                { margin-top: 45px;}

.body-text small                                            { text-transform: uppercase; color: #999999; font-weight: 700; display: block; margin-bottom: 5px;}
.body-text small + h2                                       { margin-top: 0;}

.body-text sup small                                        { display: inline; color: inherit; margin: 0; font-weight: 400;}

.body-text ul                                               { margin: 10px 0 20px; padding-left: 20px;}
.body-text ul li                                            { font-size: 14px; line-height: 22px; margin-top: 4px;}

.body-text ul.no-list                                       { margin: 20px 0; padding: 0;}
.body-text ul.no-list > li                                  { list-style-type: none;}
.body-text ul.noList                                        { padding: 0; margin: 0;}
.body-text ul.noList li                                     { list-style: none;}

.body-text ul.download-list                                 { padding: 0; margin: 0; list-style-type: none;}
.body-text ul.download-list li                              { margin-top: 5px;}
.body-text p + ul.download-list                             { margin-top: 30px;}

#inner-content .body-text h1:last-child,
#inner-content .body-text h2:last-child,
#inner-content .body-text h3:last-child,
#inner-content .body-text p:last-child                      { margin-bottom: 0;}

.body-text img                                              { display: block; margin: 30px auto;}
.body-text img:first-child                                  { margin-top: 0;}
.body-text p img                                            { margin: 0;}

.text-blurb                                                 { margin-bottom: 30px;}
.text-blurb > :not(:first-child)                            { margin-top: 15px; padding: 0;}
.text-blurb img                                             { display: block;}

@media (max-width: 767px)
{
    .body-text img                                          { margin: 15px auto;}

    .text-blurb, .match-height, [data-mh]                   { height: auto!important;}
}




/* lead section */
.lead-section                                               { padding-top: 30px; padding-bottom: 30px;}




/* Forms */
.form-check-inline label                                    { margin-right: 10px;}

form[name="rohsCoC"] > div + div                            { margin: 15px 0 0;}
form[name="rohsCoC"] > div:last-child                       { margin-top: 30px;}




/*
#inner-content h1                                          { font-size: 52px; line-height: 0.95; margin-bottom: 30px;}
#inner-content h2, #inner-content .h2                      { font-size: 30px; line-height: 32px; font-weight: bold; margin: 0;}
#inner-content h3, #inner-content .h3                      { margin: 0 0 20px;}
*/


.section                                                   { position: relative;}
.section.padd-sm, .section.padding-sm                      { padding: 20px 0;}
.section.padd-md                                           { padding-top: 60px; padding-bottom: 60px;}
.section.background                                        { color: #fff;}

.section.hasBG                                             { position: relative;}
.section.hasBG .background                                 { opacity: 1; z-index: 0;}
.section.hasBG [class*="container"]                        { position: relative; z-index: 1;}

.section.no-gutter,
.section.no-gutter > [class*="container"],
.section.no-gutter > [class*="container"] > .row > div     { padding-left: 0; padding-right: 0;}
.section.no-gutter > [class*="container"] > .row           { margin-left: auto; margin-right: auto;}

[class*="container"].no-gutter > .row                      { margin-left: auto; margin-right: auto;}
[class*="container"].no-gutter > .row > div                { padding-left: 0; padding-right: 0;}

.section.add-column-border .row > div                      { padding-top: 30px; padding-bottom: 30px;}
.section.add-column-border .row > div:first-child::before,
.section.add-column-border .row > div:last-child::after    { content: none;}
.section.add-column-border .row > div::before,
.section.add-column-border .row > div::after               { content: ""; position: absolute; top: 0; bottom: 0; right: auto; left: auto; margin: auto; width: 1px; height: auto; background: #ccc;}
.section.add-column-border .row > div::before              { left: 0;}
.section.add-column-border .row > div::after               { right: -1px;}

@media (min-width: 1200px)
{
    .section.hasBG .row                                    { display: table; height: 550px; width: 100%}
}
@media (min-width: 768px)
{
    .section.add-gap .row                                  { margin: 0 -30px;}
    .section.add-gap .row > div                            { padding: 0 30px;}

    .section.add-gap-lg .row                               { margin: 0 -60px;}
    .section.add-gap-lg .row > div                         { padding: 0 60px;}
}
@media (max-width: 767px)
{
    .section.padd-md                                        { padding-top: 30px; padding-bottom: 30px;}

    .section.hasBG                                          { padding: 0; color: #000;}
    .section.hasBG:not(.float) .background                  { position: relative; padding-top: 50%;}
    .section.hasBG .block-wrap.bg-white                     { background: none; padding: 15px 0;}

    .section.add-column-border .row > div::before,
    .section.add-column-border .row > div::after            { top: auto; bottom: auto; right: 15px; left: 15px; width: auto; height: 1px;}
    .section.add-column-border .row > div::before           { top: -1px;}
    .section.add-column-border .row > div::after            { bottom: 0;}

    .section.add-column-border .row > div:first-child       { padding-top: 0;}
    .section.add-column-border .row > div:last-child        { padding-bottom: 0;}
}

#inner-content                                             { background: #fff;}
#inner-content .section                                    { margin-top: 90px; margin-bottom: 90px; position: relative;}
#inner-content .section .row + .row                        { margin-top: 45px;}
#inner-content .section.space-sm                           { margin-top: 45px; margin-bottom: 45px;}
#inner-content .section.space-sm .row + .row               { margin-top: 20px;}
#inner-content .section.space-nn                           { margin-top: 0; margin-bottom: 0;}
#inner-content .section.mt0                                { margin-top: 0;}
#inner-content .section.mb0                                { margin-bottom: 0;}

#inner-content .section:first-child,
#inner-content .section.plain + .plain                     { margin-top: 0;}

#inner-content .section.padd-in                            { padding-top: 60px; padding-bottom: 60px;}
#inner-content .section.padd-in-md                         { padding-top: 75px; padding-bottom: 75px;}
#inner-content .section.padd-in-lg                         { padding-top: 90px; padding-bottom: 90px;}
#inner-content .section.pt0                                { padding-top: 0;}
#inner-content .section.pb0                                { padding-bottom: 0;}

#inner-content .section.hasSideCta                         { padding-right: 33.3333%; margin: 0;}

#inner-content .section.bg-lite-blue-binary                { padding-top: 120px; background: url(/images/connected-mobility/bg-blue-bars-pattern.jpg) repeat-x top center; background-size: auto 120px;}
/*#inner-content .section.bg-dark-blue-binary                { background: url(/images/connected-mobility/bg-blue-digital-pattern.jpg) repeat-x center; background-size: 950px auto;} */
#inner-content .section.bg-binary-lg::before               { content: ""; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 343px; background: url(/images/connected-mobility/bg-code-pattern-lg.png) repeat-y top center; background-size: 474px auto;}

#inner-content .section.overlap                            { z-index: 1;}
#inner-content .section.half-wrap.min-height > div         { min-height: 420px;}

#inner-content .section [class^="container"]               { padding-top: 0; padding-bottom: 0;}

@media screen and (min-width: 768px)
{
    #inner-content .section.pull-up                        { margin-bottom: 0;}
    #inner-content .section.pull-up.half-wrap .body-text   { padding-top: 30px; padding-bottom: 30px;}
    #inner-content .section.pull-up + .section             { margin-top: 0;}
    #inner-content .section.pull-up + .section > div       { margin-top: -30px; display: inline-block; width: 100%;}
    #inner-content .section.pull-up + .section.columns > div { margin-top: -60px;}
    #inner-content .section.pull-up.overlap + .section     { margin-top: -33px; padding-top: 33px;}
}
@media screen and (max-width: 767px)
{
    #inner-content .section                                { margin-top: 45px; margin-bottom: 45px;}
    #inner-content .section .row + .row                    { margin-top: 30px;}

    #inner-content .section.padd-in,
    #inner-content .section.padd-in-md,
    #inner-content .section.padd-in-lg                     { padding-top: 30px; padding-bottom: 30px;}

    #inner-content .section.bg-lite-blue-binary            { padding-top: 60px; background-size: auto 80px;}
	#inner-content .section.bg-lite-blue-binary.bg-info    { background-size: 100% auto;}

    #inner-content .info-box                               { padding-left: 0;}
}



/********************************
** Header
********************************/
#new-header                                                { padding-top: 15px; padding-bottom: 15px; background: #fff;}

#new-header2                                               { background-color: #2b2b2b; border-bottom: 1px solid #454545; padding-top: 0; padding-bottom: 0;}

@media (min-width: 992px) {
    #new-header2                                           { display: block!important;}
    #new-header2 .action-link,
    #new-header2 #search-form,
    #new-header2 .search-buttons                           { display: none;}
}

.languages { clear: both; margin-top: 15px;}
.languages li { float: left;}
.languages li a { font-size: 11px; color: #888; padding: 5px 0 5px 15px; display: block;}




/********************************
** Breadcrumbs
********************************/
[id^="breadcrumb"]                                                 { margin: 0; padding: 15px 90px; border-bottom: 1px solid #ededed;}
@media screen and (min-width: 1200px) {
    [id^="breadcrumb"]                                             { padding-left: 180px; padding-right: 180px;}
}
[id^="breadcrumb"] h1,
[id^="breadcrumb"] h2                                              { font-size: 30px; line-height: 32px; font-weight: bold; margin: 0 0 10px; padding: 0;}
[id^="breadcrumb"] ul                                              { margin: 0!important; padding: 0; list-style-type:none;}
[id^="breadcrumb"] ul li                                           { position: relative; display: inline-block; padding-left: 16px; margin-left:8px; font-size: 12px;}
[id^="breadcrumb"] ul li::before                                   { content: ">"; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; height: 0; line-height: 0; font-size: 11px; font-weight: 400;}
[id^="breadcrumb"] ul li:first-child                               { padding-left: 0; margin-left: 0; background-image: none;}
[id^="breadcrumb"] ul li:first-child::before                       { content: none;}

[id^="breadcrumb"] ul li a                                         { font-size:12px; font-weight: 700; background: none; padding: 0; font-size: inherit; color: #e30039;}
[id^="breadcrumb"] ul li a[href="#"],
[id^="breadcrumb"] ul li a[href="#"]:hover,
[id^="breadcrumb"] ul li a[href^="javascript"],
[id^="breadcrumb"] ul li a[href^="javascript"]:hover               { color: #323232; cursor: default; text-decoration: none;}

[id^="breadcrumb"] ul li a:hover                                   { text-decoration: underline;}
[id^="breadcrumb"] ul li a.focus                                   { color: #e30039;}
[id^="breadcrumb"] ul li.url                                       { display: block;}
[id^="breadcrumb"] ul li.url a                                     { padding-left:0;background-image:none;}


/* Breadcrumbs VIP */
/*
div#breadcrumb_vip                                          { margin-bottom: 14px; padding-left: 10px;}
div#breadcrumb_vip select                                   { margin: 0 0 0 10px; padding: 0;}
div#breadcrumb_vip ul                                       { margin: 0; padding: 0; list-style-type: none;}
div#breadcrumb_vip ul li                                    { display: inline;}
div#breadcrumb_vip ul li,
div#breadcrumb_vip ul li a                                  { font-size: 11px;}
div#breadcrumb_vip ul li a                                  { padding-left: 8px; background:url("/images/en/breadcrumb_dash.gif") no-repeat left center;}
div#breadcrumb_vip ul li a:hover                            { text-decoration: underline;}
div#breadcrumb_vip ul li a.focus                            { color: #e30039;}
div#breadcrumb_vip ul li.first a                            { padding-left: 0; background-image: none;}
div#breadcrumb_vip ul li.url                                { display: block;}
div#breadcrumb_vip ul li.url a                              { padding-left: 0;background-image: none;}
*/

/* search-results-filtered.php */
#search-results #breadcrumb                                 { margin: 15px 0 45px; padding: 0; border: none;}
#search-results #breadcrumb h1,
#search-results #breadcrumb h2                              { display: inline-block; vertical-align: bottom; margin: 0 15px 0 0;}
#search-results #breadcrumb ul                              { display: inline-block; vertical-align: bottom; margin: 0; padding: 0; list-style-type:none;}
#search-results #breadcrumb ul li                           { display:inline-block;}
#search-results #breadcrumb ul li::after                    { left: -12px;}
#search-results #breadcrumb ul li a                         { position: relative; display:inline-block; font-size:11px; padding: 2px 10px; color: #323232; background: #f0f0f0; text-decoration: none; font-weight: normal; transition: background 0.25s ease;}
#search-results #breadcrumb ul li a::before                 { content: 'x'; position: absolute; top: 2px; right: 2px; line-height: 5px; color: #323232; transition: color 0.25s ease;}
#search-results #breadcrumb ul li a:hover                   { text-decoration: none; background: #d8d8d8;}
#search-results #breadcrumb ul li a:hover::before           { color: #ea0437;}
#search-results #breadcrumb ul li a.focus                   { color:#e30039;}


/* Breadcrumbs 1 */
#breadcrumb1                                                { text-transform:uppercase; color:#666666; font:bold 10px Verdana, Geneva, sans-serif;}
#breadcrumb1 a                                              { font:normal 10px Verdana, Geneva, sans-serif; color:#666666; text-decoration:none;}
#breadcrumb1 a:hover                                        { text-decoration:underline;}


@media (max-width: 991px)
{
    #breadcrumb                                             { border-top: 1px solid #ccc;}
    #breadcrumb ul                                          { padding-left: 0;}

    #search-results #breadcrumb h2,
    #search-results #breadcrumb ul                          { display: block;}
}




/********************************
** Banner
********************************/
#banner                                                    { position: relative; text-align: center; color: #fff; padding: 75px 0; font-size: 14px; margin: 0; z-index: 1;}

#banner h1                                                 { margin: 0 0 15px;}
#banner h1:last-child                                      { margin-bottom: 0;}
#banner p                                                  { margin: 0; line-height: 1.75;}
#banner .btn                                               { margin-top: 30px;}

#banner.title                                              { text-align: left; background: #2b2b2b; padding-top: 15%; padding-bottom: 45px; font-weight: bold;}
#banner.carousel                                           { padding: 0;}
#banner.bg-image                                           { padding-top: 30%; border-bottom: 0; color: #fff;}
#banner.has-scrollTo                                       { padding-bottom: 115px;}

#banner .custom-select                                     { margin-top: 45px; min-width: 300px;}

#banner .float-b                                           { position: absolute; top: auto; bottom: -20px; left: 0; right: 0; margin: auto; line-height: 0;}
#banner .float-b .custom-select                            { margin: 0; -webkit-box-shadow: 1px 0px 6px rgba(0,0,0,0.35); -moz-box-shadow: 1px 0px 6px rgba(0,0,0,0.35); box-shadow: 1px 0px 6px rgba(0,0,0,0.35);}

#banner .background                                        { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;}
#banner .background.dropdown                               { top: auto; height: 40px; background-position: center bottom; background-size: auto 100%;}
#banner .background.dropdown::before                       { content: ""; position: absolute; top: auto; right: auto; bottom: 0; left: 0; margin: auto; background: #fff; width: 25%; height: 26px;}
#banner .background.dropdown::after                        { content: ""; position: absolute; top: auto; right: 0; bottom: 0; left: auto; margin: auto; background: #fff; width: 25%; height: 26px;}
#banner .background.dropdown .js_scroll                    { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 75px; height: 100%; cursor: pointer;}

#banner.section .background::before                        { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; background: rgba(0,0,0,0.4);}
#banner.section .background::after                         { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;
                                                            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+50,0.34+100 */
                                                            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.34) 100%); /* FF3.6-15 */
                                                            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.34) 100%); /* Chrome10-25,Safari5.1-6 */
                                                            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.34) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#57000000',GradientType=0 ); /* IE6-9 */
}
#banner.half-wrap .background::before,
#banner.half-wrap .background::after                       { content: none;}


#banner.partial-overlay                                    { text-align: left; padding-top: 60px; padding-bottom: 60px;}
#banner.partial-overlay h1 small                           { display: block; font-size: 28%; text-transform: uppercase; margin-bottom: 5px;}
#banner.partial-overlay p                                  { margin-top: 20px;}
#banner.partial-overlay p > a                              { text-decoration: underline; display: block; margin-top: 10px;}
#banner.partial-overlay .background::before                { width: 58.33333333%; right: auto;}
#banner.partial-overlay .background::after                 { content: none;}


/* Generic top area */
#top-banner                                                { width: 100%; /* previously 960px */ padding: 70px 0;}
#top-banner .banner-text                                   { padding: 5px 70px 0 132px;}
#top-banner .arrow                                         { position: absolute; z-index: 9; top: 70px; left: 44px;}
#top-banner h1                                             { text-transform: uppercase; margin-top: 0; font-size: 36px; line-height: 41px; font-weight: bold; color: #666; margin-bottom: 20px;}
#top-banner h1 strong                                      { color: #333;}
#top-banner p                                              { font-size: 14px; line-height: 22px; color: #666;}
#top-banner #banner-right p                                { font-size: 12px; line-height: 18px;}

#top-banner .overlay                                       { position: absolute; top: 0; left: 0; width: 100%; /* previously 960px */ height: 350px;}
#top-banner .overlay-text                                  { padding-top: 75px;}
#top-banner .bg-image                                      { width: 100%; /* previously 960px */ margin: -70px 0 0;}
#top-banner .bg-image img                                  { width: 100%;}
#top-banner.has-bg-image                                   { height: 350px; padding-bottom: 0;}
#top-banner.has-bg-image h1                                { width: 70%; color: #fff; font-weight: normal;}
#top-banner.has-bg-image p                                 { width: 60%; color: #fff;}

#top-banner-small                                          { position: relative; padding: 0;}
#top-banner-small .bg-image                                { width: 100%; /* previously 960px */}
#top-banner-small .bg-image img                            { width: 100%;}
#top-banner-small h1                                       { margin: 0; position: absolute; left: 0; bottom: 0; font-size: 21px; line-height: 1.15; padding: 30px 45px; padding-left: 90px; background: transparent url("/images/molexRD/overlay-bg.png") top left repeat; color: #fff; text-shadow: 1px 1px 1px #000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; display: inline-block;}
@media screen and (min-width: 1200px) {
    #top-banner-small h1                                   { padding-left: 180px;}
}

#banner-left                                               { width: 685px; float: left;}
#banner-right                                              { width: 275px; padding: 10px 23px 55px; border-left: 1px solid #e2e2e2; float: right;}

@media screen and (min-width: 768px)
{
    #banner.section                                        { padding-top: 120px; padding-bottom: 120px;}
    #banner.section.carousel                               { padding-top: 0; padding-bottom: 0;}

    #banner.half-wrap                                      { text-align: left;}
    #banner.half-wrap .background.left                     { right: auto;}
    #banner.half-wrap .background.right                    { left: auto;}

    #banner.partial-overlay *                              { color: #fff;}
    #banner.partial-overlay .copy                          { padding-right: 60px;}
}
@media screen and (max-width: 767px)
{
    #banner                                                { padding: 30px 0;}
    /* #banner.section                                        { padding: 60px 0;} */
    #banner.section.carousel                               { padding-top: 0; padding-bottom: 0;}

    #banner.has-scrollTo                                   { padding-bottom: 75px;}

    #banner.half-wrap                                      { padding: 0;}
    #banner.half-wrap .background                          { position: relative; padding-top: 60%;}

    #banner.partial-overlay                                { padding: 0;}
    #banner.partial-overlay .background                    { position: relative; padding-top: 38%; margin-bottom: 30px;}
    #banner.partial-overlay .background::before            { content: none;}
    #banner.partial-overlay .copy                          { color: #333;}

    #banner h1                                             { font-size: 32px; line-height: 1.05; margin: 0;}

    #banner .slick                                         { background: #323232;}
    #banner .slick .slick-slide                            { height: auto;}
    #banner .slick .slick-arrow                            { display: none;}
    #banner .slick .slick-dots                             { bottom: 20px;}
    #banner .slick .slick-dots li                          { padding: 5px 8px;}
    #banner .slick .slick-dots li button                   { width: 25px; height: 25px; border: 1px solid #ccc;}
    #banner .slick .slick-dots li.slick-active button      { border: none;}
    #banner .slick.slick-dotted                            { padding-bottom: 80px;}
    #banner .slick.slick-dotted .copy                      { padding-bottom: 0;}
    #banner .slick .background                             { position: relative; padding-top: 40%; right: auto; bottom: auto; width: 100%;}
    #banner .slick .background::before,
    #banner .slick .background::after                      { content: none;}
    #banner .slick .copy                                   { padding: 30px 15px; width: 100%;}
    #banner .slick .copy .h1                               { font-size: 35px; line-height: 0.95; margin-bottom: 30px;}
    #banner .slick .fill                                   { height: auto;}

    #banner-2 div[class^="col-"]                           { min-height: 0;}
}


/* press-release.php */
#banner.pressroom { text-align: left;}
#banner.pressroom .copy { padding: 15px 60px; max-width: 600px;}
#banner.pressroom .copy .h1 { margin-bottom: 45px;}
#banner.pressroom .copy .h2 { font-weight: 400;}
#banner.pressroom .slick-arrow { display: none!important;}
#banner.pressroom .slick-dots li {  font-size: 0; line-height: 0; padding: 10px 7px;}
#banner.pressroom .slick-dots li button { background: white; height: 6px; width: 55px; margin-left: 7px; margin-right: 7px; border: none; border-radius: 0; margin: 0;}
#banner.pressroom .slick-dots li.slick-active button,
#banner.pressroom .slick-dots li.slick-active:hover button{ background: #e9123d;}
@media screen and (min-width: 768px) {
	#banner.pressroom .slick .copy.dark {  color: #58595B;}
}
@media screen and (max-width: 767px) {
	#banner.pressroom .copy { padding: 15px;}
}





/********************************
** Main Products
********************************/
#products-page  { padding: 30px 0;}
#products-page #products-page { padding: 0;}
#products-page #search { padding-top: 45px; padding-bottom: 45px;}
#products-page #search input { font-size: 14px; padding-left: 30px; height: 42px; color: #666; border-radius: 3px 0 0 3px; background-color: #f5f5f5; border-color: #dfdfdf;}
#products-page #search .btn { padding: 10px 24px; border-radius: 0 3px 3px 0; font-size: 14px; line-height: 20px; font-weight: normal;}

#products-page h6 { font-size: 14px; font-weight: bold; border-left: 4px solid #e30039; padding: 0 0 0 15px; margin: 0; color: #323232;}

#products-page ul { margin: 0; padding: 10px 42px 10px 18px; border-left: 1px solid #e2e2e2;}
#products-page ul li { font-weight: bold; list-style-type: none; margin: 0; padding: 0;}
#products-page ul li a { color: #797979; line-height: 16px; padding-bottom: 10px; display: block;}
#products-page ul li a:hover { color: #e30039; text-decoration: none;}

#products-page ul.icon-tabs { padding: 0; border: none; border-bottom: 1px solid #e2e2e2;}
#products-page ul.icon-tabs li { float: left; border-radius: 3px 3px 0 0; overflow: hidden; margin-left: 5px;}
#products-page ul.icon-tabs li:first-child { margin: 0;}
#products-page ul.icon-tabs li .selected { color: #fff;}
#products-page ul.icon-tabs li > a { display: inline-block; border-radius: 0; padding: 0; outline: none;}
#products-page ul.icon-tabs li > a img { width: 15px; margin: 0 5px 0 0;}
#products-page ul.icon-tabs li > a span { display: inline-block; padding: 12px 15px 12px 10px; border: 1px solid transparent;}
#products-page ul.icon-tabs li > a .sub { position: relative; background: #fff; color: #323232; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-radius: 0 3px 0 0; padding-right: 26px; padding-left: 14px;}
#products-page ul.icon-tabs li > a .sub::after { content: "x"; position: absolute; top: 0; bottom: 0; right: 8px; color: #e30039; line-height: 0; font-size: 13px; width: 10px; height: 0; margin: auto;}

#products-page ul.icon-tabs .lite,
#products-page ul.icon-tabs a:hover .dark,
#products-page ul.icon-tabs .selected .dark { display: none;}
#products-page ul.icon-tabs .dark,
#products-page ul.icon-tabs a:hover .lite,
#products-page ul.icon-tabs .selected .lite { display: inline;}

@media (max-width: 992px)
{
    #products-page ul.icon-tabs li,
    #products-page ul.icon-tabs li > a,
    #products-page ul.icon-tabs li > a span,
    #products-page ul.icon-tabs li > a .sub { display: block; width: 100%; border-radius: 0; margin: 0; border: 0;}

    #outer-wrap #products-page ul.icon-tabs li > a img { display: none;}
}




div#cross_family_results {position:relative; z-index: 1; float: left; width: 770px;}
div#cross_family_results h2.sect_title {background-color:#ccc;color:#333;font-size:14px;line-height:20px;padding-left:10px;}
div#cross_family_results h3 {font-size:14px;line-height:20px;padding-left:10px;padding-top:10px;}
div#cross_family_results h3 span {background:url("/images/en/menu_arrow.gif") no-repeat left center;color:#ea0437;padding-left:10px;text-transform:uppercase;font-weight:bold;}
div#cross_family_results table tr td {vertical-align:top;}
div#cross_family_results table tr td.alt {padding:6px;font-size:12px;width:250px;}
div#cross_family_results table tr td ul {margin:0;padding:0;list-style-type:none;}
div#cross_family_results table tr td ul li {margin-top:4px;}
div#cross_family_results table tr td ul li a {font-size:12px;}
div#cross_family_results div#relprod_results {display:block;margin-top:10px;}





.account-links a { font-weight: bold;}
.account-links #my-parts { color: #666; margin-left: 10px; font-weight: normal;}
.account-links .vip-services { float: right; position: relative;}
.account-links .vip-services a { margin-left: 20px; font-weight: bold;}
.account-links .password-warning { float: left; position: relative;}
.account-links .password-warning a { font-weight: bold;}
.account-links .password-profile-warning { float: left; position: relative;}
.account-links .password-profile-warning a { font-weight: bold;}
/**/
.vip .account-links a { font-weight: normal;}

#vip-dropdown { display: none; background:#2b2b2b none repeat scroll 0 0; padding:0 0 7px 0; padding: 0; position:absolute; top: 20px; right: 0; z-index:999;}
#vip-dropdown li { list-style-type: none; padding: 0; margin: 0;}
#vip-dropdown li a:link, #vip-dropdown li a:visited, #vip-dropdown li a:hover, #vip-dropdown li a:focus { margin: 0; min-width: 350px; text-transform: uppercase; text-align: left; color: #fff; border-bottom:1px solid #454545;display:block;font-size:11px;padding:9px 20px;text-decoration:none;}
#vip-dropdown li a:hover, #vip-dropdown li a:focus { color: #fff; background-color: #4d4d4d;}

#password-warning-dropdown { display: none; background:#2b2b2b none repeat scroll 0 0; padding:0 0 7px 0; padding: 0; position:absolute; top: 20px; right: 0; z-index:999;}
#password-warning-dropdown li { list-style-type: none; padding: 0; margin: 0;}
#password-warning-dropdown li a:link, #password-warning-dropdown li a:visited, #password-warning-dropdown li a:hover, #password-warning-dropdown li a:focus { margin: 0; min-width: 350px; text-transform: uppercase; text-align: left; color: #fff; border-bottom:1px solid #454545;display:block;font-size:11px;padding:9px 20px;text-decoration:none;}
#password-warning-dropdown li a:hover, #password-warning-dropdown li a:focus { color: #fff; background-color: #4d4d4d;}

#password-warning-profile-dropdown { display: none; background:#2b2b2b none repeat scroll 0 0; padding:0 0 7px 0; padding: 0; position:absolute; top: 20px; right: 0; z-index:999;}
#password-warning-profile-dropdown li { list-style-type: none; padding: 0; margin: 0;}
#password-warning-profile-dropdown li a:link, #password-warning-profile-dropdown li a:visited, #password-warning-profile-dropdown li a:hover, #password-warning-profile-dropdown li a:focus { margin: 0; min-width: 350px; text-transform: uppercase; text-align: left; color: #fff; border-bottom:1px solid #454545;display:block;font-size:11px;padding:9px 20px;text-decoration:none;}
#password-warning-profile-dropdown li a:hover, #password-warning-profile-dropdown li a:focus { color: #fff; background-color: #4d4d4d;}



.nav li { float: left;}
.nav li a { display: block; padding: 14px; color: #fff; text-transform: uppercase; font-size: 12px;}
.nav li:first-child a { border-left: none;}
.nav li a:hover { text-decoration: none;}

#nav-left { width: 65%; float: left;}
#nav-left li a:hover { background-color: #4d4d4d;}
#nav-left li a { border-right: 1px solid #232323; border-left: 1px solid #3c3c3c;}
#nav-left .search-icon a { text-align: center; background-color: #e30039;}
#nav-left .current { color: #888;}

#nav-right li a:hover { background-color: #d90a28;}
#nav-right  { width: 35%; float: right;}
#nav-right li { float: right;}
#nav-right li a { background-color: #e30039; color: #fff; border-right: 1px solid #bf0030; border-left: 1px solid #e6426a;}

/* search */
#new_homepage { position: relative;}
#new_homepage #search { padding: 30px 30px 30px 90px; color: #fff; position: absolute; top: 0; left: 0; width: 100%; z-index: 99; margin: auto; overflow: hidden;}
#new_homepage #search .row {/* width: 960px; height: 128px;  margin: 0; padding: 30px;*/}
#new_homepage #search .search-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; background-color: #333; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#new_homepage #search form { position: relative; padding: 0;}
#new_homepage #search input { padding-left: 25px; font-size: 18px; color: #666; border-radius: 5px 0 0 5px; height: 50px;}
#new_homepage #search .btn { padding: 0 30px; border-radius: 0 5px 5px 0; line-height: 50px; font-size: 18px; font-weight: normal;}


.search-icon { width: 52px;}
.fancybox-overlay * { box-sizing: border-box;}
/* .fancybox-overlay .fancybox-close { background: transparent url('../images/molexRD/icon-close-white.png') top left no-repeat; top: -20px; right: -20px; width: 16px; height: 16px;} */
.fancybox-overlay .fancybox-close {top: -20px; right: -20px;}
.fancybox-overlay #search-form form { display: block;}
.fancybox-overlay #search-form button { display: none;}
.fancybox-overlay #search-form input { font-size: 42px;  font-weight: 700; border: 0; outline: 0; padding: 20px; width: 800px;}
.fancybox-overlay ::-webkit-input-placeholder { color: #5f6062;}
.fancybox-overlay :-moz-placeholder { /* Firefox 18- */ color: #5f6062;  }
.fancybox-overlay ::-moz-placeholder {  /* Firefox 19+ */ color: #5f6062;  }
.fancybox-overlay :-ms-input-placeholder {   color: #5f6062;  }

.newmolex-search-popup * { box-sizing: border-box;}
.newmolex-search-popup .fancybox-skin { background-color: #333;}
.newmolex-search-popup .fancybox-close { background: transparent url('/images/molexRD/fancybox_sprite.png') top left no-repeat; top: -18px; right: -18px; width: 36px; height: 36px;}
/*.newmolex-search-popup .fancybox-close { background: transparent url('../img/icon-close-white.png') top left no-repeat; top: -20px; right: -20px; width: 16px; height: 16px;}*/
/*.newmolex-search-popup .fancybox-close { background: none; top: 3px; right: 20px; width: auto; color:#57789C;}*/
.newmolex-search-popup #search-form { height: 56px; margin: 16px;}
.newmolex-search-popup #search-form form { display: block; position: relative;}
.newmolex-search-popup #search-form button { border-radius: 0 4px 4px 0; cursor: pointer; display: block; position: absolute; right: -1px; top: 0; bottom: 0; background: #ea0437; color: #fff; border: 0; padding: 0 30px; line-height: 1; font-size: 18px; font-weight: normal;}
.newmolex-search-popup #search-form input { border-radius: 4px; font-size: 22px; font-weight: normal; border: 0; outline: 0; padding: 20px 32px; width: 100%;}
.newmolex-search-popup ::-webkit-input-placeholder { color: #5f6062;}
.newmolex-search-popup :-moz-placeholder { /* Firefox 18- */ color: #5f6062;  }
.newmolex-search-popup ::-moz-placeholder {  /* Firefox 19+ */ color: #5f6062;  }
.newmolex-search-popup :-ms-input-placeholder {   color: #5f6062;  }

a.popup-close { line-height: 18px; text-decoration: none; position: absolute; display: inline-block; top: 23px; right: 23px; color: #fff; font-size: 40px; font-weight: bold; border: 2px solid #393939; border-radius: 3px; padding: 12px; font-family: Arial, sans-serif;}

.search-links { text-align: right; /*padding-top: 10px; padding-bottom: 10px; margin-top: 5px; padding-right: 0;*/}
.search-links:first-child { padding-right: 15px;}
.search-links a { color: #fff; /*display: table;*/ height: 50px; display: block;}
.search-links a::before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.search-links img { display: inline-block; margin-right: 10px;}
.search-links span { font-size: 11px; line-height: 1; display: inline-block; vertical-align: middle;}
.search-links.border-left { border-left: 1px solid #565656; text-align: left;}
.search-links a:hover,
.search-links a:focus { text-decoration: none;}
.search-links a:hover span,
.search-links a:focus span { text-decoration: underline;}
@media (max-width: 1199px) {
    .search-links,
    .search-links.border-left { text-align: center;}

    .search-links a { height: auto;}
    .search-links a::before { content: none;}
    .search-links img { display: block; margin: 0 auto 5px;}
}

/* slideshows */
#slideshow { padding: 0; position: relative; width: 100%; /* previously 960px */ margin: auto; min-height: 100px;}
#slideshow img { width: 100%;}
#slideshow .details { position: absolute; height: 460px;}
#slideshow .slide { width: 960px; height: 460px; position: relative;}
#slideshow .slide-copy { position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; text-align: center; /* display: table; position: absolute; top: 231px; left: 80px; width: 300px; height: 332px; */}
/* #slideshow .slide-copy-inner { vertical-align: middle; display: table-cell;} */
#slideshow .slide-copy p { margin: 0;}
#slideshow .slide-copy h2 { text-transform: uppercase; font-weight: bold; font-size: 30px; line-height: 31px; color: #333;}
#slideshow .slide-copy h2 em { color: #666; font-style: normal;}
#slideshow .slide .btn { margin-top: 10px; padding: 10px 15px;}

#featured-products h5 { text-transform: uppercase;}
#products-slideshow { margin-top: 20px;}
#products-slideshow .slide span { color: #333; font-weight: bold; display:block; margin: 10px 0;}
#products-slideshow .owl-wrapper-outer { width: 869px;}
#products-slideshow .slide a:hover { color: #333;}

.owl-theme .owl-controls { /*margin-top: -27px; margin-bottom: 8px; */ margin: 0; z-index: 999; position: relative;}
.owl-theme .owl-controls .owl-page span { width: 22px; height: 8px; border-radius: 0; margin: 5px 2px; background-color: #aaa; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #595959;}

/* Generic overlays */
.overlay-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; z-index: 2;}
.overlay-text { text-shadow: 1px 1px 1px #000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; color: #fff; display: block; width: 100%; height: 100%; text-decoration: none; position: absolute; top: 0; left: 0; z-index: 3; padding: 0 20px;}

button.simple-overlay { display: block; background: url('../images/molexRD/bg-gray-transparent.png'); border: none; outline: none; vertical-align: middle; position: absolute; top: 0; width: 100%; height: 100%; color: #fff; font-size: 16px; line-height: 19px; font-weight: bold; padding: 15px;}
button.simple-overlay:hover { border: 5px solid #333;}


/* Generic page features */
.page-feature { min-height: 177px;}
.page-feature .overlay-text span { display: block;}
.page-feature .circle { margin: 40px auto 10px; position: relative; width: 77px; height: 77px; padding: 18px;}
.page-feature .circle .circle-bg { position: absolute; left: 0; top: 0; background-color: #272727; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; padding: 5px; border-radius: 38px; height: 76px; width: 76px;}
.page-feature .overlay-text .circle img { position: relative; margin: auto; display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.page-feature .overlay-text { font-size: 16px; color: #fff; font-weight: bold;}
.page-feature .overlay:hover .overlay-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.page-feature .overlay:hover .circle .circle-bg { background-color: #e30039;}

/* Industry popover */
.contains-popover { position: relative; width: 100%; /* previously 960px */ margin: auto;}
.popover { display: none; background-color: #323232; padding-top: 30px; padding-bottom: 30px; position: absolute; z-index: 8; top: 0; left: 0; border: 0; -webkit-border-radius: 0; border-radius: 0;}
.popover h4, .popover p { color: #fff;}
.popover h4 { font-size: 16px; margin-top: 0; font-family: Arial, sans-serif;}
.popover p { font-size: 12px; line-height: 18px;}
.popover a:hover { color: #fff;}
.popover .close { position: absolute; top: 20px; right: 27px; float: none; cursor: pointer; z-index: 10;}
.popover .vertical-align-wrapper { height: 275px;}

/* Video */
.video { display: block; width: 100%; /* max-width: 500px;height: 275px;*/ position: relative; cursor: pointer;}
.video img { width: 100%;}
.video .play { top: 50%; left: 50%; position: absolute; z-index: 9; margin-top: -45px; margin-left: -45px; width: auto;}

.bg-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height:auto; z-index:0; background-color: #000; background-size: cover; background-position: center; overflow: hidden;}
.bg-video video { opacity: 0; transition: opacity 0.25s ease;}
.bg-video video.loadIn { opacity: 1;}
/*
@media (max-width: 991px)
{
    .bg-video                                              { position: relative; top: auto; left: auto; padding-top: 40%;}
    .bg-video video                                        { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
}
*/

/* Popover */
.popover ul { list-style-type: none; padding: 0; margin: 0 0 20px;}
.popover ul li { line-height: 22px;}
.popover ul li a { color: #fff;}

/* Tabs */
.tabs { list-style-type: none; margin: 0; padding: 0; z-index: 99; position: relative;}
.tabs li { display: inline-block; /* background-color: #fff; */ margin: 0 2px 10px 2px;}
.tabs li a { border-radius: 3px 3px 0 0; font-weight: bold; display: block; color: #fff; background-color: #f5f5f5; font-size: 11px; line-height: 12px; color: #797979; padding: 12px 15px;}
.tabs li a:hover, .tabs li a:focus, .tabs li a:active{ background: #cecdcd; color: #323232; text-decoration: none;}
.tabs li a.selected { background-color: #323232; color: #fff; text-decoration: none; cursor: default;}

.tabs.inline { margin: 0 -15px;}
.tabs.inline li { margin: 0 15px; font-size: 0; display: inline-block;}
.tabs.inline li a { background: none; padding: 5px 0; color: #58595B; text-decoration: none; font-size: 16px; font-weight: 700; border-bottom: 2px solid #fff; -webkit-border-radius: 0; border-radius: 0;}
.tabs.inline li a:hover { color: #ea0437; text-decoration: none;}
.tabs.inline li a.selected, .tabs.inline li a.selected:hover { color: #58595B; cursor: default; border-color: #ea0437}
@media (max-width: 991px) {
    .tabs.inline li a { padding: 10px; border: 0;}
    .tabs.inline li a.selected, .tabs.inline li a.selected:hover { color: #fff; background: #ea0437; cursor: default; border: 0}
}

.tabs.block-nav { display: flex; align-items: stretch; margin: 0; min-height: 65px;}
.tabs.block-nav li { margin: 0; width: 100%; min-height: 100%;}
.tabs.block-nav li a { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 100%; background-color: #e6e6e6; color: #58595b; font-size: 17px; line-height: 25px; padding: 10px; -webkit-border-radius: 0; border-radius: 0;}
.tabs.block-nav li a.selected { background-color: white; color: #ea0437; }
.tabs.block-nav li a.link,
.tabs.block-nav li a.standout { background-color: #ea0437; color: white; min-width: 200px;}
@media (max-width: 991px) {
    .tabs.block-nav, .tabs.block-nav li a { height: auto; }
    .tabs.block-nav li a { padding: 12px 15px; display: block; }
}


@media (min-width: 992px)
{
    #content .tabs { display: block!important;}
    #content .tabs.block-nav { display: flex!important;}
}
@media (max-width: 991px)
{
    #content .tabs { display: none; border: 1px solid #8c8c8c; border-top: none; margin: 0;}
    #content .tabs li { width: 100%; margin: 0;}
    #content .tabs li a { text-align: left; border-radius: 0;}
}


.tabs-wrapper { border-top: 1px solid #e2e2e2; margin: 30px 0 0;}
.tabs-wrapper .tabs { margin-top: -20px;}
@media (min-width: 992px) {
    .tabs-wrapper .tabs { display: block!important;}
}
@media (max-width: 991px) {
    .tabs-wrapper { border: none; margin: 0;}
}

.selected-tab-mobile { display: none; text-align: left; margin: 10px 0 0; background: white url('/images/molexRD/icon-select-arrows.png') right center no-repeat; border: 1px solid #797979; padding: 5px 10px; color: #797979; font-size: 14px; line-height: 38px;}
.selected-tab-mobile,
.selected-tab-mobile:focus,
.selected-tab-mobile:hover,
.selected-tab-mobile:active { color: #797979; border: 1px solid #797979; text-decoration: none; outline: none;}
@media (max-width: 991px)
{
    .selected-tab-mobile                                   { display: block;}
}



.toggle-section span.plusorminus  { display: none; text-align: center; position: absolute; right: 0; top: 0; z-index: 9; font-size: 30px; line-height: 48px; width: 48px;}

@media (min-width: 992px) {
    .reveal-wrap ul { display: block!important;}
}

.bg-red { background: #ec0637; padding: 15px;}
.bg-red * { color: #fff; margin: 0;}
.bg-red p { margin: 10px 0 0;}
.bg-red a:hover { color: #fff;}

.col-text { padding: 25px 20px;}
.col-text .cat-title { padding: 0; margin-bottom: 10px}
.col-text .cat-features { padding: 0; color: #323232;}
.col-text ul { padding: 0 0 0 20px;}
.col-text .btn { white-space: normal; margin: 20px 0 0;}

.border-top { border-top: 1px solid #e2e2e2;}
.cta { text-align: center; color: #000; font-size: 18px; max-width: 700px; line-height: 24px; font-weight: bold; margin: 40px auto;}
.tab-content, .multi-tab-content { /* margin: 0;*/ padding: 0; display: none;}
.tab-content.selected, .multi-tab-content.selected { display: block;}


@media (max-width: 767px) {
    .noPB + .darkened { margin-top: 14px;}
}
/* CLOSE MODIFIED */

/* UPDATED 1.5.16 */
#product-landing .section.tab-content { padding: 0 44px 20px 44px;}
/* CLOSE UPDATED */

/* UPDATED 5.17.16 */
#industry-data-center .shaded .tabs li a { background: #fff;}
#industry-data-center .shaded .tabs li a:hover, #industry-data-center .shaded .tabs li a.selected { background-color: #323232; color: #fff; text-decoration: none;}
/* CLOSE UPDATED */


/* Filters */
ul.filters { list-style-type: none; margin: 0; padding: 0;}
ul.filters li { display: inline; border-left: 2px solid #e2e2e2; margin-left: 5px; padding-left: 10px;}
ul.filters li:first-child { margin-left: 0; padding-left: 0; border: none;}
ul.filters li a { font-weight: bold ;}
ul.filters li a.selected, ul.filters li a:hover { color: #323232; text-decoration: none;}
ul.filters li a.selected { color: #323232;}

/* Rollovers */
.rollover-wrap .item, .rollover { cursor: pointer;}
.rollover { display: none; position: absolute; top: 0; left: 0; z-index: 9; background-color: #e30039; color: #fff; text-decoration: none; width: 100%; padding: 9px 20px 20px; text-align: left;}
.rollover a { color: #fff;}
.rollover a:hover { text-decoration: none;}
.rollover img.white-arrow { position: absolute; bottom: 15px; right: 15px;}

.rollover-wrap:hover .rollover { display: block;}


/* Gray boxes */
.gray-box { white-space: nowrap; color: #323232; display: block; border-radius: 5px;text-align: center; font-weight: bold; padding: 16px; margin-bottom: 20px; overflow: hidden; border-right: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb; background-color: #f5f5f5;}
.gray-box span { font-weight: bold; font-size: 12px; margin: 5px 0 0; display: block;}
.gray-box:hover { text-decoration: none;}
.gray-box:hover span, .red-text span { color: #e30039;}

/* Resources */
.resource-box .item { border-radius: 5px;text-align: center; font-weight: bold; padding: 25px; height: 185px; margin-bottom: 20px; overflow: hidden; border-right: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb; background-color: #f5f5f5;}
.resource-box .rollover { border-radius: 5px; height: 185px; overflow: hidden;}
.resource-box h6 { font-weight: bold;}
@media (min-width: 768px)
{
    #resources .container { padding-top: 60px; padding-bottom: 60px;}
}

/* Industries */
#industries  { padding: 90px;}
@media screen and (min-width: 1200px) {
    #industries { padding-left: 180px; padding-right: 180px;}
}
#industries #industry-boxes { padding: 0; background-color: #333;}
#industries #select { width: 25%; color: #fff; padding-top: 25%; font-size: 0;}
#industries #select h3 { position: absolute; top: 50%; left: 0; width: 100%; color: #fff; margin: 0; text-transform: uppercase; padding: 0 15px; text-align: center; font-size: 20px; line-height: 23px; font-weight: normal; font-style: italic; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);}

.industry-box                                   { /*height: 240px;*/ width: 25%; float: left; position: relative; overflow: hidden;}
.industry-box img.bg-image                      { max-width: none; width: 100%;}
.industry-box .item                             { text-align: center; margin-bottom: 0;}
.industry-box .item .overlay-text               { font-size: 24px; line-height: 30px; top: 50%; color: #fff; font-weight: bold; height: auto; text-align: center; padding: 0 30px; margin: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);}
.industry-box .rollover                         { /*height: 240px;*/ height: 100%; padding: 20px 25px;}
.industry-box .rollover h6                      { font-weight: bold;}
@media (max-width: 1199px)
{
    .industry-box .item .overlay-text           { font-size: 16px; line-height: 20px;}
    .industry-box .rollover  p                  { font-size: 12px; line-height: 14px;}
}
@media (max-width: 767px)
{
	.industry-box                               { width: 50%;}
	.industry-box:hover .rollover               { display: none;}
}


#industry-detail .tab-content { height: auto; overflow: hidden;}


.number-indicator { position: absolute; z-index: 2;color: #fff; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 16px; background-color: #e30039; color: #fff; font-size: 14px; font-weight: bold;}
.number-indicator:hover,
.number-indicator:focus   { text-decoration: none; background-color: #dc002a; color: #fff; outline: none;}

#products  { font-size: 0; padding-top: 30px; padding-bottom: 30px;}
#products .product { float: none; display: inline-block; vertical-align: top; margin-top: 30px; font-size: 12px;}
#products .product a span { display: block; margin: 15px 0px 0px; font-weight: bold; color: #323232;}
#products .product a.number-indicator { top: -16px !important; left: 0 !important;}
#products .product h4 { padding-top: 35px;}
#products .product p.underlined { padding-bottom: 35px;}
@media (max-width: 767px)
{
    #products .product { margin: 30px 8px 0;}
}

.featured-product h3 a { font-size: 16px; color: #323232; margin: 20px 0 10px;}
.featured-product p { color: #666; font-size: 12px; line-height: 18px;}


/* home main */
#home-features { padding: 15px 0; /*margin-top: 12px; margin-bottom: 20px;*/}
#home-features ul.simple-list li a { color: #999;}
#home-features .feature { /*padding-left: 20px;*/ padding-top: 10px; padding-bottom: 10px;}
#home-features .feature:first-child { padding-left: 15px;}
.feature img { width: 100%; margin-bottom: 30px;}
.feature h5 { margin: 0; text-transform: uppercase; font-style: italic; color: #999;}
.feature h4 { margin-top: 2px; margin-bottom: 11px;}
.feature h4 a { color: #323232; font-size: 16px;}
.feature p { color: #666;}


/* Company info main */
#watch-video { padding-bottom: 50px;}
#watch-video .col-xs-12 { top: -52px; position: absolute; z-index: 9;}
#watch-video h5 { font-size: 12px; font-style: italic; color: #999; text-transform: uppercase;}
#quote { padding: 35px 44px 30px;}
#quote p { font-size: 20px; line-height: 26px; font-style: italic; color: #999; padding: 5px 40px 20px;}

/* toolbox */
#toolbox { background-color: #272727; text-align: center; font-size: 0; padding-top: 0; padding-bottom: 0; /* padding-bottom: 10px; padding-left: 24px;*/}
#toolbox a.toolbox-item { /*height: 78px; float: left;*/ display: inline-block; vertical-align: bottom; color: #fefefe; font-size: 12px; padding: 20px;}
#toolbox a.toolbox-item:hover {}
#toolbox a.toolbox-item .toolbox-image { display: block; margin: auto; height: 30px;}

/* Footer */
#new-footer { margin-top: 0; border: none; background-color: #323232; color: #fefefe; padding: 45px 0;}
#new-footer .container { background: none;}
#new-footer h6 { position: relative; color: #fefefe; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 15px; padding-bottom: 0;}
#new-footer h6 .plusorminus { display: none; color: #e30039; font-size: 25px; line-height: 21px; width: 25px; text-align: center; font-weight: bold; position: absolute; right: 0;}
#new-footer a { color: #fefefe; font-size: 12px; line-height: 21px;}
#new-footer img { max-width: none;}
#new-footer p { color: #fefefe;}
@media (min-width: 992px) {
    #new-footer ul { display: block!important;}
}
@media (max-width: 991px) {
    #new-footer { padding: 15px 0;}
    #new-footer ul.styled { display: none;}

    #new-footer h6 { cursor: pointer; padding: 12px 30px 12px 0; margin: 0; font-size: 17px; line-height: 21px; border-bottom: 1px solid #3e3e3e;}
    #new-footer h6 .plusorminus { display: inline;}
    #new-footer ul.styled { margin: 10px 0 10px 20px;}
    #new-footer ul.styled li a { display: block; padding: 14px 0; font-size: 16px;}

    #new-footer #social { text-align: center; margin-top: 30px;}
    #new-footer #social a { padding: 10px 5px 0;}
    #new-footer #social h6 { border: none;}
}

#social a { margin: 0 2px 10px 0; display: inline-block;}
#social #app-store { margin-top: 10px;}


/* Solutions Product Group Template */
#solutions-detail  { padding-bottom: 30px;}
#solutions-detail h5 { color: #999; font-size: 12px; text-transform: uppercase;}
#solutions-detail h5 + * { margin-top: 5px;}
#solutions-detail .right-btn { margin: 0 0 30px;}
@media (max-width: 767px)
{
    #solutions-detail img { margin-bottom: 30px;}
}
@media (min-width: 768px) {
    #solutions-detail .tab-content .row { font-size: 0;}
    #solutions-detail .tab-content .row > div { display: inline-block; float: none; vertical-align: top; font-size: 12px;}
}

.solutions-category { background: #f0f0f0; padding-bottom: 15px; margin-bottom: 25px;}
.solutions-category img { display: block; margin: 0 auto; width: 100%;}
.cat-title { font-size: 16px; font-family: "Arial"; color: #323232; font-weight: bold; padding: 15px 15px 5px 15px;}
.cat-features { color: #e30039; font-size: 12px; font-weight: bold; padding-left: 15px; margin-bottom: 5px;}
.solutions-category ul { padding-right: 15px; padding-left: 30px;}
.solutions-category ul li { line-height: 18px; margin-bottom: 5px;}


/* Product Group Template - Attributes */
#attributes-detail h5 { color: #999; font-size: 12px; text-transform: uppercase;}

.related-links {  position: relative; margin: 0;}
.related-links-icon { background: #ebebeb; display: block; /*float: left;*/ padding: 10px; min-height: 45px; position: absolute; left: 15px;}
.related-links-links { display: block; /*float: left; width: 90%;*/ padding: 10px; padding-left: 60px; font-size: 14px; background: #f5f5f5; line-height: 24px;}
.related-links-text { color: #033333; font-weight: bold;}

.filter { padding: 15px 0 25px 0;}
.filter-by { color: #333; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin-left: 15px; text-transform: uppercase;}
.filter select { height: 30px; min-width: 125px; margin-left: 5px; color: #333; border: 1px solid #ccc; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}
.filter .clear-filters { font-size: 10px; text-decoration: underline; margin-left: 5px;}
.right-btn { float: right;}
.family-number { background: #999; color: #fff; padding: 2px 3px; display: inline-block; font-size: 12px;}
.family-name { display: block; color: #333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 30px;}
.family-name:hover { color: #ea0437;}

.table-links { font-weight: bold; color: #ea0437;}

#attribute-table thead { border-color: #000;}
#attribute-table .family-desc { font-size: 12px; line-height: 18px;}
#attribute-table p { margin-bottom: 10px;}
#attribute-table th { background: #e2e2e2; color: #323232; font-size: 10px; font-weight: bold; text-transform: uppercase; width: 220px; padding: 7px;}
#attribute-table th.attribute-table-family-header { width: 45%;}
#attribute-table th.attribute-table-image-header { width: 25%;}
#attribute-table td.attribute-table-image { padding: 15px; text-align: center}
#attribute-table td.attribute-table-image img { margin: 0;}
#attribute-table .blank { height: 10px; border: 0; padding: 0;}
#attribute-table th,
#attribute-table td { border: 1px solid #ccc;}
#attribute-table td { padding: 15px;}
#attribute-table td.attribute-table-image img { width: 75%;}

/* Industry Data Center */
.datacenter-slideshow .owl-pagination { padding: 0; font-size: 0; line-height: 0; margin-top: 30px;}
/* .shaded .multi-tab-content h4 { padding-top: 25px;} */
.multi-tab-content .underlined { border-bottom: 1px solid #58595b; color: #58595b; line-height: 1.5; margin: 30px 0; padding-bottom: 15px;}
.shaded .multi-tab-content p { font-size: 14px;}
.shaded .multi-tab-content .product { margin-top: 15px;}
.shaded .multi-tab-content .product a { color: #323232; display: block;}
.shaded .multi-tab-content .product a span { display: block; margin-top: 15px; font-weight: bold;}

/* Contact us */
#contact-us { padding: 0;}
#contact-us small { font-size: 12px; line-height: 28px; color: #999; text-transform: uppercase; font-style: italic;}
#contact-us-map-wrapper { width: 930px; margin: 60px auto; position: relative;}
#contact-us-map { position: relative;}
#contact-us-map, #contact-us-map area { display: block;}
#contact-us-map area { outline: none;}
#contact-us #step-2,
#contact-us #refine-row-2,
#contact-us #request-products { display: none;}
#contact-us #refine-search { padding-top: 15px;}



#refine-search form { background-color: #f0f0f0; padding: 30px 30px 15px 30px; display: block;}
#refine-search label { font-size: 11px; text-transform: uppercase; font-weight: normal;}
#refine-search select { margin-bottom: 15px; background-color: #fff;}

#refine-search button { outline: none;}
.refine-search-close { width: auto; text-align: right; line-height: 1; position: absolute; top: 26px; right: 15px; left: 15px; padding-right: 10px; text-decoration: none; color: #cccccc; font-size: 30px; font-weight: bold; font-family: Arial, sans-serif;}
.refine-search-close:hover,
.refine-search-close:focus,
.refine-search-close:active,
.refine-search-close:active:focus { color: #e30039; text-decoration: none;}
.contact-us-list, .contact-us-list a, .contact-us-list address, .contact-us-list p { font-size: 14px; line-height: 22px;}
#contact-us h3, #contact-us h4 { margin-top: 11px; margin-bottom: 11px;}
.contact-us-list h3 { font-size: 17px;}
.contact-us-list h4 { font-size: 14px; font-weight: bold;}
.contact-us-list ul { margin: 0 0 15px 0; padding: 0;}
.contact-us-list li { list-style: none; padding: 0; margin: 0;}
.contact-us-list a.link { color: #58595b; text-decoration: underline;}
.contact-us-list .results { /* margin-top: 30px; */}
.contact-us-list .results p { display: block; margin: 0;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 15px 0;}
.contact-us-list .contact { border-bottom: 1px solid #e2e2e2; padding: 30px;}
.contact-us-list .contact:nth-child(2n-1) { border-right: 2px solid #e2e2e2;}
.contact-us-list .distributor-category { border-bottom: 1px solid #e2e2e2; padding-top: 30px; padding-bottom: 30px;}
.contact-us-list .distributor-category h4 { margin-bottom: 0; font-size: 13px;}
.contact-us-list .distributor-category a { text-decoration: underline;}
.contact-us-list .distributor-category a.email { color: #58595b;}
.contact-us-list .distributor-category a.website { text-decoration: none;}
.contact-us-list .distributor { margin-bottom: 20px;}

@media (min-width: 768px)
{
#refine-region.selected{ -webkit-appearance: none; -moz-appearance: none; -o-appearance:none; appearance: none;}
#refine-region.selected::-ms-expand { display: none;}
}

#refine-search .product-category-select { margin-bottom: 20px; cursor: pointer;}
#refine-search .product-category-select:hover .inner, #refine-search .product-category-select.selected .inner { background-color: #e30039; color: #fff;}
#refine-search .product-category-select:hover .inner ul li, #refine-search .product-category-select.selected .inner ul li { color: #fff;}
#refine-search .product-category-select .inner { border: 1px solid #e2e2e2; border-top: none; background-color: #fff; padding: 5px 20px;}
#refine-search .product-category-select img { margin: 0; width: 100%; max-width: 100%;}
#refine-search .product-category-select ul.column { width: 50%; float: left; padding-right: 5%;}
#refine-search .product-category-select ul li { font-size: 11px; line-height: 14px}
#refine-search .product-category-select h4 { font-size: 12px; color: inherit;}

ul.bottom-links { background: #ebebeb url('/images/molexRD/contact-us/links.gif') top left no-repeat; padding: 15px; padding-left: 50px; overflow: hidden; margin: 0;}
ul.bottom-links li { display: inline; padding: 0 5px 0 0; line-height: 13px; margin: 0;}
ul.bottom-links li a { color: black; text-decoration: none; font-size: 11px;}
ul.bottom-links li a:hover { text-decoration: underline;}
ul.bottom-links li.separator { font: bold 15px/13px Tahoma, Geneva, sans-serif; color: #e30039; padding: 0;}


/* Search Results */
#search-results                                             { font-size: 14px; padding: 0;}
#search-results #breadcrumb h2                              { display: inline-block; vertical-align: top; width: auto; margin: 0 5px 0 0;}

#search-results .lead-section                               { padding: 30px 0;}
#search-results .back                                       { font-size: 12px; margin-bottom: 15px;}
#search-results .back a                                     { font-weight: normal; display: block;}

#search-results .box                                        { position: relative; background: #fff; border: 1px solid #e2e2e2; margin: 0 0 30px;}
#search-results .box .corner                                { position: absolute; z-index: 1; top: 0; left: 0; z-index: 1; font-size: 10px; font-weight: normal;}
#search-results .box .corner .title                         { background: #2b2b2b; color: #fff; padding: 8px 15px; display: inline-block; font-size: 10px; font-weight: normal;}
/* #search-results .box .corner + div                          { padding-top: 50px;} */

#search-results .filter                                     { padding: 0;}
#search-results .filter .shaded                             { padding: 50px 30px 30px;}
#search-results .filter .shaded p                           { line-height: 1.75; margin: 0;}
#search-results .filter #categories                         { padding:30px;}
#search-results .filter .corner + #categories               { padding-top: 50px;}
#search-results .filter #categories.refine                  { padding-left: 0; padding-right: 0;}
#search-results .filter ul                                  { list-style: none; padding: 0; margin: 0;}
#search-results .filter ul li                               { margin: 0; font-weight: 700;}
#search-results .filter ul li a,
#search-results .filter ul li label                         { display: block; padding: 0; padding: 8px 0;}
#search-results .filter ul li .val                          { color: #58595b; font-weight: normal;}

#search-results #categories                                 { padding-left: 0; padding-right: 0;}
#search-results .options li:hover .cate                     { text-decoration: underline;}

#search-results .refine > ul                                { }
#search-results .refine > ul > li                           { margin: 0; border-top: 1px solid #fff; transition: all 0.25s ease;}
#search-results .refine > ul > li > span                    { display: block; padding: 10px 50px 10px 30px; position: relative; cursor: pointer; transition: all 0.25s ease;}
#search-results .refine > ul > li > span::before,
#search-results .refine > ul > li > span::after             { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; background: #ea0437; transition: all 0.25s ease;}
#search-results .refine > ul > li > span::before            { width: 8px; height: 2px; right: 30px}
#search-results .refine > ul > li > span::after             { width: 2px; height: 8px; right: 33px;}
#search-results .refine > ul > li > span:hover              { color: #a9a9a9;}
#search-results .refine > ul > li > span:hover::before,
#search-results .refine > ul > li > span:hover::after       { background: #ff6083;}
@media screen and (min-width: 1025px) {
    #search-results .refine > ul > li > span:hover          { color: #a9a9a9;}
}

#search-results .refine > ul > li > .filter-wrap            { display: none; position: relative; overflow: hidden; border-bottom: 1px solid #e2e2e2; margin: 0;}
#search-results .refine .options                            { max-height: 375px; margin: 0; overflow-y: auto; padding-left: 55px;}
#search-results .refine .options > ul                       { margin-bottom: 10px;}
#search-results .refine .options > ul > li                  { }
#search-results .refine .options > ul > li.disable          { opacity: 0.15;cursor: pointer;}
#search-results .refine .options > ul > li.disable a,
#search-results .refine .options > ul > li.disable:hover,
#search-results .refine .options > ul > li.disable:hover *  { text-decoration: none; cursor: default;}

#search-results .refine .range-wrap                         { padding: 20px; margin: 10px 0 0;}
#search-results .refine .range-wrap > a                     { float: right; font-weight: normal; font-size: 12px; padding: 0;}
#search-results .refine .range-wrap .range-slider-wrap      { padding: 15px 0 0;}
#search-results .refine .range-wrap .range-slider           { }
#search-results .refine .range-wrap .range-slider-wrap,
#search-results .refine .range-wrap > a > .save,
#search-results .refine .range-wrap.adjust > a > .edit      { display: none;}
#search-results .refine .range-wrap > a > .edit,
#search-results .refine .range-wrap.adjust .range-slider-wrap,
#search-results .refine .range-wrap.adjust > a > .save      { display: block;}

#search-results .refine .expand                             { border-color: #e2e2e2;}
#search-results .refine .expand:first-child,
#search-results .refine .expand + .expand                   { border-color: #fff;}
#search-results .refine .expand > span,
#search-results .refine .expand > span:hover                { font-weight: bold; color: #2b2b2b;}
#search-results .refine .expand > span::after               { height: 0;}

#search-results .results                                    { }
#search-results .results .result-list                       { padding: 50px 15px 0;}
#search-results .results .result-list a                     { color: #ea0437; font-weight: bold;}
#search-results .results ol                                 { margin: 0;}
#search-results .results ol li                              { font-weight: bold; padding-left: 10px; margin-top: 15px;}
#search-results .results ol p                               { color: #323232; font-weight: normal; line-height: 1.25;}

#search-results .part                                       { border-top: 1px solid #e2e2e2; position: relative; overflow: hidden;}
#search-results .results>div:first-child>.part:first-child  { border: none;}
#search-results .part .corner                               { position: absolute; z-index: 1; top: 0; left: 0; z-index: 1; font-size: 10px; font-weight: normal;}
#search-results .part .corner .title                        { background: #f0f0f0; color: #ea0437; font-size: 12px; margin: 0; padding: 8px 15px; cursor: pointer; position: relative; z-index: 1; font-weight: 400; transition: background 0.25s ease, color 0.25s ease;}
#search-results .part .corner .title:hover                  { text-decoration: none; background: #d8d8d8;}
#search-results .part .corner .title input                  { margin: 0 5px 0 0;}
#search-results .part .corner .part-options                 { position: relative; left: -500px; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; font-size: 12px; transition: left 0.25s ease;}
#search-results .part.show-options .corner .title           { background: #ea0437; color: #fff;}
#search-results .part.show-options .corner .part-options    { left: 0;}
#search-results .part .corner .part-options a               { font-weight: normal; font-size: 12px;}
#search-results .part .details                              { position: relative; padding: 50px 20px 20px; min-height: 200px;}
#search-results .part .details .part-img                    { position: absolute; width: 115px;}
#search-results .part .details .part-desc                   { padding-left: 135px;}
#search-results .part .details .part-desc h3                { margin: 0 0 10px;}
#search-results .part .details .part-desc h3 span           { color: #ea0437;}
#search-results .part .details .part-desc p                 { font-size: 12px; font-weight: normal; line-height: 1.75;}
@media (min-width: 768px) {
    #search-results .part .details .part-img img            { max-height: 100px;}
}

#search-results #show-more-wrap                             { margin: 20px 0; text-align: center;}
#search-results .box #show-more-wrap                        { margin: 40px 0;}
#search-results #show-more-wrap #show-more                  { color: #323232; display: inline-block; padding: 10px 15px; border: 2px solid #e2e2e2; background: none; text-decoration: none; font-weight: normal; margin: 0 auto; border-radius: 5px; cursor: pointer;}
#search-results #show-more-wrap #show-more:hover            { background: #ecebeb;}
#search-results #show-more-wrap #show-more span             { color: #323232; font-weight: bold;}
#search-results #show-more-wrap .arrow                      { vertical-align: text-bottom; margin: 0 0 0 4px;}
#search-results #show-more-wrap #show-more.disable          { opacity: 0.5; cursor: default;}
#search-results #show-more-wrap #show-more.disable:hover    { background: #fff;}

#search-results .tab-wrap                                   { padding-top: 15px; padding-bottom: 0;}
#search-results .tab-wrap .tabs                             { display: inline-flex!important; border: 0;}
#search-results .tab-wrap .tabs a                           { display: flex; align-items: center; min-height: 100%; min-width: 200px; padding: 15px;}
#search-results .selected-tab-mobile                        { display: none; margin: 0;}
@media (max-width: 565px) {
    #search-results .tab-wrap .tabs                         { min-width: 100%; flex: 0 0 100%;}
    #search-results .tab-wrap .tabs li                      { min-width: 50%; flex: 0 0 50%;}
    #search-results .tab-wrap .tabs li a                    { min-width: 0;}
}

#search-results .clear-filters                              { color: #63C7B7; font-weight: 700; cursor: pointer;}

#search-results.new .title                                  { font-weight: 700; margin: 0 0 15px;}
#search-results .result-info                                { display: flex; justify-content: space-between; align-items: center; font-weight: 700; margin: 0;}
#search-results .result-info .clear-filters                 { margin-left: 20px;}
#search-results .results-per-page span,
#search-results .results-per-page .select-wrap              { vertical-align: middle;}
#search-results .results-per-page .select-wrap              { display: inline-block; margin-left: 8px;}
#search-results .results-per-page .select-wrap::after       { right: 12px;}
#search-results .results-per-page .select-wrap select       { min-width: 0; padding-right: 30px; font-size: inherit;}
@media (max-width: 767px) {
    #search-results .result-info                            { margin: 15px 0;}
    #search-results .result-info .clear-filters             { display: none;}
    #search-results .results-per-page span                  { font-size: 0; line-height: 0;}
}


#search-results .result-tags-wrap                           { margin: 0 auto 20px;}
#search-results .result-tags-wrap .clear-filters            { display: block; margin-top: 15px;}
#search-results .result-tags                                { margin: 0 -3px;}
#search-results .result-tags .tag                           { position: relative; display: inline-block; background: #63C7B7; font-size: 15px; font-weight: 700; color: #fff; padding: 10px 18px; padding-right: 50px; margin: 3px; -webkit-border-radius: 100px; border-radius: 100px; cursor: pointer;}
#search-results .result-tags .tag::after                    { content: "×"; position: absolute; top: 0; right: 20px; bottom: 0; left: auto; margin: auto; font-size: 30px; font-weight: 400; line-height: 1; height: 36px;}
#search-results .result-tags .tag:hover                     { background: #4EA294;}
@media (min-width: 768px) {
    #search-results .result-tags-wrap .clear-filters        { display: none;}
}

#search-results .result-pagination                          { display: flex; align-items: center; justify-content: center; margin: 60px auto 30px;}
#search-results .result-pagination > span                   { margin-right: 15px; font-weight: 700;}

#search-results .no-results-found                           { display: none;}
#search-results .no-results-found .section                  { padding: 90px 0;}
#search-results .no-results-found p                         { font-size: 20px;}
#search-results .no-results-found img                       { width: 120px;}
#search-results .no-results-found .block-btns               { margin-top: 45px; font-weight: 700;}

#search-results.new                                         { color: #58595b; font-size: 16px;}
#search-results.new #categories.refine                      { border-top: 1px solid #e2e2e2; padding: 0; margin: 15px 0 0;}
#search-results.new .refine > ul > li                       { border-top: 0; border-bottom: 1px solid #e2e2e2;}
#search-results.new .refine > ul > li > span                { font-size: inherit; font-weight: 700; padding: 10px 40px 10px 0; color: inherit;}
#search-results.new .refine > ul > li > span::before        { right: 0px; width: 12px;}
#search-results.new .refine > ul > li > span::after         { right: 5px; height: 12px;}
#search-results.new .refine > ul > li.expand>span::after    { height: 0;}
#search-results.new .refine .range-wrap                     { padding: 8px 15px; margin:0;}
#search-results.new .refine .filter-wrap                    { border: 0; overflow: visible;}
#search-results.new .refine .options                        { padding: 0;}
#search-results.new .refine .options.visible                { max-height: none; overflow: visible;}
#search-results.new .refine .options > ul                   { padding-left: 30px;}
#search-results.new .refine .options li.disable             { display: none;}
#search-results.new .refine .options li                     { position: relative; font-weight: 400;}
#search-results.new .refine .options a                      { font-weight: 400; color: inherit;}
#search-results.new .refine .options input[type=checkbox]   { position: absolute; top: 8px; left: 0; z-index: 1; cursor: pointer;}
#search-results.new .refine .options input:checked + label  { color: #63C7B7;}
#search-results.new .refine .options label                  { position: relative; z-index: 0; margin: 0; display: block; padding-left: 25px; cursor: pointer;}
#search-results.new .refine .options .val                   { color: inherit;}
#search-results.new .refine .options .active                { color: #63C7B7;}
#search-results.new .refine .options .redArrow              { width: 100%;}

#search-results.new .part-info                              { border: 0;}
#search-results.new .part                                   { margin: 45px 0 0;}
#search-results.new .part + .box                            { margin-top: 15px;}
#search-results.new .part.box:first-child                   { margin: 0;}
#search-results.new .part .btn                              { font-size: inherit; font-weight: 700;}
#search-results.new .part .details                          { display: flex; padding: 0; min-height: 0;}
#search-results.new .part .details .part-img                { position: relative; width: 100%; max-width: 165px; flex: 0 0 165px;}
#search-results.new .part .part-desc                        { padding: 0 0 0 30px;}
#search-results.new .part .part-desc p                      { font-size: inherit;}
#search-results.new .part .corner                           { position: absolute; top: auto; bottom: 0; left: 0;}
#search-results.new .part-details                           { padding: 15px 10px;}
#search-results.new .part-left                              { padding-bottom: 15px; max-width: 350px;}
#search-results.new .part-right                             { padding-bottom: 35px;}
#search-results.new .part-right p                           { margin: 5px 0;}
@media (min-width: 1025px) {
    #search-results.new .part-details                       { padding: 20px;}
    #search-results.new .part-left                          { flex-grow: 1; padding-bottom: 30px; max-width: none;}
    #search-results.new .part-right                         { flex-grow: 0; padding: 0 0 0 30px;}
}
@media (min-width: 1400px) {
    #search-results.new .filter                             { padding: 0 30px 0 0;}
}
@media (max-width: 1024px) {
    #search-results.new .part-details .details              { display: block;}
}
@media (max-width: 767px) {
    #search-results.new .part-info .details                 { display: block;}
}


#search-results .result-controls                            { padding: 0 0 30px;}
#search-results .result-controls .btn                       { font-weight: 700; margin: 4px;}
@media (min-width: 768px) {
    #search-results .result-controls                        { background: #5A7E92; padding: 12px 20px;}
    #search-results .result-controls .btn                   { background: #5A7E92; border-color: white; color: white;}
    #search-results .result-controls .btn:hover             { background: white; color: #5A7E92;}
}

#search-results .part-number                                { margin-bottom: 30px; white-space: nowrap; font-size: 26px; font-weight: 700;}
#search-results .part-number a                              { font-size: inherit;}

#search-results .part-resources p                           { margin: 0;}
#search-results .part-resources p + p                       { margin-top: 10px;}
#search-results .part-resources a                           { display: flex; flex-wrap: nowrap; align-items: center; color: #5a7e92;}
#search-results .part-resources img                         { margin: 0 10px 0 0; max-width: 16px; flex: 0 0 16px;}
#search-results .part-resources span                        { white-space: nowrap;}

#search-results .part-status                                { margin-top: -10px;}
#search-results .part-status p                              { margin-top: 0; font-size: inherit;}
#search-results .part-status span                           { display: inline-flex; flex-wrap: nowrap; align-items: center; font-weight: 700; white-space: nowrap;}
#search-results .part-status img                            { width: auto; flex: 0 0 16px; max-width: 16px; margin: 0 0 0 8px}
#search-results .part-status .active                        { color: #5A8E22;}

#search-results .part-description                           { margin: 0 0 20px;}
#search-results .part-family a,
#search-results .part-family span                           { font-weight: 700; color: #5a7e92}
#search-results .part-btns                                  { margin: 10px -5px 0;}
@media (max-width: 565px) {
    #search-results .part-btns                              { display: flex; flex-wrap: nowrap;}
    #search-results .part-btns .btn                         { flex: 1; white-space: normal; padding: 5px;}
}


/*************
** Edits made 2/21/17
*************/
.photo-search {}
.photo-search .box-wrap { position: relative; border: 1px solid #e2e2e2; padding-top: 90%; margin-top: 30px; overflow: hidden;}
.photo-search .box-wrap .box-bg { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; transition: transform 0.25s ease; transform: scale3d(1,1,1) translateZ(0);}
.photo-search .box-wrap .box-title { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; color: #fff; padding: 15px; font-size: 16px; font-weight: bold; background-color: rgba(51,51,51,0.8); transition: background 0.25s ease;}

.photo-search .box-wrap:hover .box-bg { transform: scale3d(1.1,1.1,1.1) translateZ(0);}
.photo-search .box-wrap:hover .box-title { background-color: rgba(51,51,51,0.95);}

.photo-search .back { display: inline-block; font-size: 14px; font-weight: 700; margin: 15px 0 0;}


@media (max-width: 992px)
{
.photo-search .box-wrap { margin-top: 20px;}
}


/*************
** Edits made 3/7/17
*************/
#newmolex-popup-wrapper                                    { position: fixed; z-index: 1000; bottom: -100%; left: 0; right: 0; margin: auto; width: 100%; /*max-width: 1040px;*/ transition: all 0.5s ease; pointer-events: none;}
#newmolex-popup                                            { position: absolute; right: 0; bottom: 0; margin: auto; width: 100%; padding: 0;}
#newmolex-popup h2                                         { color: #323232; font-size: 24px; margin: 0; line-height: 1;}
#newmolex-popup p                                          { color: #323232; font-size: 14px; margin: 15px 0; line-height: 1.5;}
#newmolex-popup .desc                                      { padding: 12px 40px 12px 12px; font-size: 14px; cursor: pointer;}
#newmolex-popup .close                                     { position: absolute; top: 0; right: 0; font-size: 0; padding: 20px; cursor: pointer; width: 0;}
#newmolex-popup .close span                                { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff; cursor: pointer; transition: height 0.25s ease;}
#newmolex-popup .close span.hori                           { width: 15px; height: 3px;}
#newmolex-popup .close span.vert                           { width: 3px; height: 0;}
#newmolex-popup .top                                       { position: relative; right: 10px; width: 300px; margin: auto 0 auto auto; background: #e30039; color: #fff;}
#newmolex-popup .bot                                       { position: relative; padding: 0; background: #f3f3f3; box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.2);}
/**/
.open-popup #newmolex-popup-wrapper                        { bottom: 0;}
.open-popup.min #newmolex-popup .close span.vert           { height: 15px;}

/*
*
*/

#newmolex-popup-wrapper                                    { pointer-events: none;}
#newmolex-popup > div                                      { pointer-events: auto;}

#newmolex-popup-wrapper.product                            { /* max-width: 1080px;*/ transition: all 1s ease-in;}
.product #newmolex-popup > div                             { width: auto; font-size: 20px; text-align: left; max-width: 310px; right: 20px; margin: auto 0 auto auto; box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.2);}
.product #newmolex-popup .top                              { text-align: center;}
.product #newmolex-popup .top .desc                        { padding: 15px 25px;}
.product #newmolex-popup .top .desc *                      { display: inline-block; vertical-align: middle;}
.product #newmolex-popup .top .desc img                    { width: 22px; margin: 0 15px 0 0;}
.product #newmolex-popup .top .desc span                   { margin: 0 0 0 15px; text-decoration: underline;}
/**/
.product #newmolex-popup .bot img                          { width: 100%;}
.product #newmolex-popup .bot .text                        { padding: 30px;}
.product #newmolex-popup .bot .btn                         { background: #e30039; color: #fff; display: inline-block; vertical-align: middle; padding: 15px 20px; border-radius: 5px; margin: 10px; margin-left: 0;text-decoration: none; font-weight: bold; font-size: 14px;}
.product #newmolex-popup .bot .toggle                      { display: inline-block; vertical-align: middle; text-decoration: underline; font-size: 14px; color: #e30039; margin: 2px 0;}
.product #newmolex-popup .bot .close                       { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; background: url(/images/molexRD/icon-close.png) no-repeat center; background-size: 100% 100%; padding: 0;}




/*
 * Added 8/21/17
 *
 * 250: .industry-box .item { overflow: hidden;}
 * 251: .industry-box .item h6.overlay-text { padding: 0 15px;}
 *
 */
.vam                                                       { position: relative; font-size: 0;}
.vam > *                                                   { display: inline-block; vertical-align: middle; float: none;}
.vam .fill                                                 { width: 0; height: 100%;}


.video-wrap                                                { position: relative; padding-top: 56.25%; text-align: center;}
.video-wrap iframe                                         { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.fancybox-lock .fancybox-overlay                           { overflow: hidden; overflow-y: auto; height: 100%;}


.container.raised                                          { padding-top: 0; padding-bottom: 0;}
.container.raised .row                                     { -webkit-transform: translateY(-50%); transform: translateY(-50%);}

#promo-banner                                              { background: #323232; padding: 30px 0 60px;}
#promo-banner .container                                   { background: none;}
#promo-banner .text                                        { color: #fff;}
#promo-banner .text h1                                     { margin: 0; font-weight: bold; font-size: 34px;}
#promo-banner .text p                                      { font-size: 14px; line-height: 22px; margin: 15px 0 30px;}
#promo-banner .preview-image                               { position: relative; border: 1px solid #ededed; background: #fff;}
#promo-banner .preview-image > img                         { width: 100%;}
#promo-banner .preview-image .btn                          { bottom: -1px; right: -1px;}
@media (max-width: 767px)
{
    /* #promo-banner                                          { padding-top: 20px;} */
    #promo-banner .preview-image                           { margin-top: 30px;}
}


#industry-boxes                                            { padding-top: 0;}


.attached .tabs                                            { margin: 0;}
.attached .tabs li                                         { margin: 0 0 0 2px;}
.attached .tabs li:first-child                             { margin: 0;}
.attached .tabs li a                                       { border-radius: 3px 3px 0 0; color: #ea0437; outline: none;}
.attached .tabs li a:focus                                 { outline: none;}
.attached .tabs li a:hover                                 { background: #999; color: #fff;}
.attached .tabs li a.selected,
.attached .tabs li a.selected:hover                        { background: #666; color: #fff;}
.attached .selected-tab-mobile                             { margin: 10px 0 0;}

@media (min-width: 992px)
{
    .attached                                              { background: #fff;}

    .attached .tabs.no-mobile                              { border: none;}
    .attached .tabs.no-mobile li                           { width: auto; margin: 0 0 0 2px;}
    .attached .tabs.no-mobile li a                         { border-radius: 3px 3px 0 0;}
}
@media (max-width: 991px)
{
    .attached[class^="container"].noPB                     { padding-bottom: 15px;}
}

.filter-wrap                                               { margin: 15px 0 30px;}
.filter-wrap .label                                        { display: block; margin: 0 0 15px; font-weight: 700; padding: 0; font-size: 12px; text-align: left;}
.filter-wrap .select-wrap:not(.redArrow)                   { position: relative; border-radius: 5px; overflow: hidden; background: #fff;}
.filter-wrap .select-wrap:not(.redArrow) select            { position: relative; z-index: 1; display: block; margin: 0; padding: 10px; color: #333; padding-right: 50px; height: 40px; width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: none; background: url('/images/molexRD/icon-up-downArrows-lite.png') no-repeat center right 14px transparent; border: none;}
.filter-wrap .select-wrap:not(.redArrow) select::-ms-expand{ display: none!important; border: 0; background-color: transparent; opacity: 0; visibility: hidden;}
.filter-wrap .select-wrap:not(.redArrow)::before           { content: " "; position: absolute; z-index: 0; top: 0; bottom: 0; right: 0; height: 40px; width: 40px; background: #333;}
.filter-fields > div                                       { display: none;}
/**/
.preview                                                   { margin-bottom: 30px;}
.preview img                                               { margin-bottom: 20px;}
.preview p                                                 { margin-bottom: 5px;}



/*
 *
 * Added 3/23/18
 *
 */
.btn.share img                                             { vertical-align: -3px; margin-left: 5px;}

#article .banner img                                       { width: 100%;}
@media screen and (min-width: 992px) {
    #article .banner                                       { padding-left: 90px; padding-right: 90px;}
}
@media screen and (min-width: 1200px) {
    #article .banner                                       { padding-left: 180px; padding-right: 180px;}
}

#article ul                                                { font-size: 14px; line-height: 26px; padding-left: 20px; margin: 20px 0;}
#article ul li                                             { list-style-type: disc;}
#article ul ul                                             { margin: 0;}

#article .publish-info                                     { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; padding: 10px 0; font-size: 14px;}
#article .lead-section                                     { max-width: 75%; margin: -10% auto 30px; padding: 60px 20px 0; background: #fff; box-shadow: 0px -10px 30px -15px rgba(0, 0, 0, 0.45);}

.img-caption                                               { border: 1px solid #e2e2e2; margin: 40px 0; clear: both;}
.img-caption img                                           { width: 100%;}
.img-caption .caption                                      { padding: 10px;}
.img-caption.pull-left                                     { text-align: center; margin: 0 20px 20px 0;}
.img-caption.pull-right                                    { text-align: center; margin: 0 0 20px 20px;}

.display-box                                               { margin: 40px 0;}
.display-box .heading                                      { margin: 0; background: #323232; color: #fff; font-size: 20px; font-weight: 700; padding: 20px 40px;}
.display-box .display                                      { background: #f3f3f3; padding: 40px;}
.display-box .display .title                               { font-size: 16px; font-weight: 700;}

#article .display-box p                                    { width: 100%;}
#article .display-box ul                                   { margin: 10px 0 0; padding: 0;}
#article .display-box ul li                                { list-style-type: none;}

@media screen and (max-width: 767px)
{
#article .lead-section                                     { padding: 15px 0 0; max-width: 100%; margin-top: -5%;}

.display-box .heading                                      {font-size: 18px; padding: 18px 30px;}
.display-box .display                                      { padding: 30px;}
.display-box .display .title                               { margin-top: 30px;}
}
@media screen and (max-width: 667px)
{
.img-caption.pull-left,
.img-caption.pull-right                                    { width: 100%; margin: 20px 0; float: none !important;}
}






/*
 *
 * Added 9/18/18
 *
 */
 #back-to-top                                              { position: fixed; bottom: 15px; right: 15px; width: 60px; height: 60px; background: #333; cursor: pointer; border-radius: 4px; text-align: center; transform: translate3d(0,125%,0); transition: all 0.25s ease;}
 #back-to-top img                                          { height: 20px;}
 .show-btt #back-to-top                                    { transform: translate3d(0,0,0);}

.info-box                                                  { position: relative; padding-left: 125px; margin: 40px 0;}
.info-box .image                                           { position: absolute; top: 0; left: 0; width: 125px; height: 125px; border: none; border-bottom: 1px solid #e2e2e2;}
.info-box .box                                             { position: relative; background: none; border: 1px solid #e2e2e2; margin: 0; padding: 45px;}
.info-box .box .title                                      { position: absolute; top: -1px; left: -1px; display: inline-block; background: #333; color: #fff; font-size: 16px; font-weight: 700; padding: 10px 22px;}
.info-box .box .info                                       { font-size: 14px; color: #323232;}
.info-box .box .info a:not(.btn)                           { color: #e00c3e; text-decoration: underline;}

/* .info-box .box .info .info-text                            { padding: 30px 0;} */
/* .info-box .box .info .info-text p                          { margin: 0;} */
.info-box .box .info .info-text .image,
.info-box .box .info .info-text img                        { display: none; position: relative; float: left; margin: 0 20px 5px 0;}

.info-box .box .info .info-select                          { display: block; padding: 0; padding-top: 0;}
.info-box .box .info .info-select ul                       { margin: 0; padding: 0; list-style: none;}
.info-box .box .info .info-select ul li                    { float: left; width: 50%; margin-top: 15px;}

.info-box .box .info .info-display                         { display: none; background: #f1f1f1; padding: 45px;}
.info-box .box .info .info-display .js_toggle_info         { display: block; margin-bottom: 15px;}

.info-box .box .info.display_info .info-select             { display: none;}
.info-box .box .info.display_info .info-display            { display: block;}

.info-box .image + p                                       { margin-top: 0;}

.info-box .box.no-border                                   { border: none;}
.info-box .box.no-border .info .info-text                  { padding: 0 0 15px;}

@media screen and (max-width: 767px)
{
    .info-box                                              { padding-left: 0;}
    .info-box .image                                       { display: none;}
    .info-box .box                                         { padding: 15px; padding-top: 50px;}
    .info-box .box .title                                  { right: -1px;}
    .info-box .box .info .info-text                        { padding-top: 0;}
    .info-box .box .info .info-text .image                 { display: block;}
    .info-box .box .info .info-text,
    .info-box .box .info .info-select                      { padding-left: 0; padding-right: 0;}

    .info-box .box .info .info-display                     { padding: 15px;}
    .info-box .box .info .info-select                      { padding-bottom: 0;}
    .info-box .box .info .info-select ul li                { width: 100%;}

    .info-box .floater                                     { display: none;}
    .info-box .box .info .info-text img                    { display: block;}
}


.info-box-style-2 .info-box                                { padding-left: 285px;}
.info-box-style-2 .info-box .floater                       { position: absolute; top: 0; left: 0; width: 250px; padding-right: 15px;}
.info-box-style-2 .info-box .box .info .info-text img      { margin-top: 30px; margin-bottom: 15px; width: 60px;}

@media screen and (max-width: 767px)
{
    .info-box-style-2 .info-box                            { padding: 0; margin: 0;}
    .info-box-style-2 .info-box + .info-box                { margin-top: 30px;}
    .info-box-style-2 .info-box .floater                   { position: relative; width: 100%; display: block;}
    .info-box-style-2 .info-box .floater h2                { margin: 0 0 15px;}
    .info-box-style-2 .info-box .floater img               { display: none;}
    .info-box-style-2 .info-box .box                       { padding: 0; border: none;}
    .info-box-style-2 .info-box .box .info .info-text      { padding: 0;}
}





/*
 *
 * Added 10/23/18
 *
 */
.slick .slick-arrow                                        { position: absolute; top: 0; bottom: 0; z-index: 5; border: none; font-size: 0; text-indent: -9999px; width: 47px; height: 47px; margin: auto; cursor: pointer; background: url(/images/connected-mobility/icon-arrows.png) no-repeat; background-size: 94px auto; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.slick .slick-arrow:focus                                  { outline: none;}
.slick .slick-disabled                                     { opacity: 0.35; cursor: default;}

.slick .slick-prev                                         { left: 15px; background-position: left center;}
.slick .slick-next                                         { right: 15px; background-position: right center;}
.slick .slick-dots                                         { position: absolute; top: auto; right: 0; left: 0; bottom: 20px; z-index: 5; margin: 0; padding: 0; text-align: center;}
.slick .slick-dots li                                      { display: inline-block; list-style: none; padding: 5px;}
.slick .slick-dots li button                               { border: none; border-radius: 50%; background: #f5f5f5; font-size: 0; text-indent: -9999px; padding: 0; width: 10px; height: 10px;}
.slick .slick-dots li button:focus                         { outline: none;}
.slick .slick-dots li:hover button                         { background: #d2d2d2;}
.slick .slick-dots li.slick-active                         { cursor: default;}
.slick .slick-dots li.slick-active button,
.slick .slick-dots li.slick-active:hover button            { background: #e9123d;}

.slick .slick-slide                                        { position: relative; height: 400px;}
.slick .slick-slide:focus                                  { outline: none;}

.slick .background                                         { z-index: 0;}
.slick .copy                                               { position: relative; z-index: 1; padding: 0 90px;}
.slick .copy .h1                                           { margin-top: 0;}
.slick .copy p                                             { font-size: 16px;}


#about-us .section,
#about-us .container-fluid                                 { padding-top: 0; padding-bottom: 0;}

#about-us .pull-up                                         { padding-bottom: 20%;}
#about-us .pull-up .container-fluid                        { padding: 75px 15px;}
#about-us .pull-up + .section                              { margin-top: -20%;}

#about-us .slick                                           { padding-bottom: 75px;}
#about-us .slick-slide                                     { height: auto; padding: 0 30px; width: 100%; max-width: 1000px;}
#about-us .slick-arrow                                     { top: auto; right: 0; bottom: 0; left: 0; margin: auto; background-image: url(/images/about_us/icon-arrows-2.png); width: 45px; height: 45px; background-size: 90px auto;}
#about-us .slick-prev                                      { right: 60px;}
#about-us .slick-next                                      { left: 60px;}

#about-us .block-details                                   { position: relative; display: block; margin: 0 auto; width: 100%; padding: 30% 25% 50px 45px;}
#about-us .block-details > div                             { position: relative; z-index: 1;}
#about-us .block-details > .block-img                      { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;}
#about-us .block-details > .block-img::before              { content: ""; position: absolute; z-index: 0; top: auto; bottom: 0; left: 0; width: 100%; height: 40%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);}
#about-us .block-title *                                   { color: #fff;}

@media (max-width: 767px)
{
    #about-us .pull-up .container-fluid                    { padding-top: 45px; padding-bottom: 45px;}

    #about-us .slick-slide                                 { padding: 0 15px;}

    #about-us .block-details                               { padding: 30% 15px 30px;}

}
@media (max-width: 480px)
{
    #about-us .block-details                               { padding: 30px 15px;}

    #about-us .block-details > .block-img::before          { height: 100%; background: rgba(0,0,0,0.5);}
}




.half-wrap                                                 { }
.half-wrap img                                             { display: block; margin: 0 auto;}
.half-wrap .background                                     { position: absolute; top: 0; bottom: 0; left: auto; right: auto; z-index: 0; width: 50%;}
.half-wrap.bg-binary::before                               { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 120px; margin: auto; background: url(/images/connected-mobility/bg-code-pattern-sm.png) repeat-y top center; background-size: 120px auto;}

@media screen and (min-width: 768px)
{
    .half-wrap .background.left                            { left: 15px;}
    .half-wrap .background.right                           { right: 15px;}

    .half-wrap .body-text                                  { max-width: 500px; margin: 0 auto;}
    .half-wrap .left .body-text                            { padding-right: 30px;}
    .half-wrap .right .body-text                           { padding-left: 30px;}
    .half-wrap .right .redLine::before                     { left: 30px;}
    /* .half-wrap.bg-binary .left .body-text                  { padding-right: 60px;}
    .half-wrap.bg-binary .right .body-text                 { padding-left: 60px;} */
}
@media screen and (min-width: 992px)
{
    .half-wrap .background.left                            { left: 90px;}
    .half-wrap .background.right                           { right: 90px;}
    .half-wrap .left .body-text                            { padding-right: 90px;}
    .half-wrap .right .body-text                           { padding-left: 90px;}
    .half-wrap .right .redLine::before                     { left: 90px;}
}
@media screen and (max-width: 991px)
{
    .half-wrap .row > [class*="-md"] img                   { margin-bottom: 30px; margin-left: 0;}

}
@media screen and (max-width: 767px)
{
    #inner-content .section.half-wrap                      { margin: 0;}
    .half-wrap.bg-binary .body-text                        { padding-bottom: 30px;}
    .half-wrap .background                                 { position: relative; left: 0; right: auto; width: 100%; padding-top: 60%;}
    .half-wrap .body-text                                  { padding-top: 30px;}
    .half-wrap img                                         { margin-bottom: 30px; margin-left: 0;}
}

.icon-blocks                                               { font-size: 0;}
.icon-blocks .block                                        { background: #f1f1f1; text-align: center; color: #58595b; width: 100%; display: block; position: relative; padding: 30px 5px; padding-top: 115px; font-weight: 700; font-size: 16px; transition: all 0.25s ease;}
.icon-blocks .block                                        { margin: 0 0 30px;}
.icon-blocks .block:hover                                  { background: #323232; color: #fff; text-decoration: none;}
.icon-blocks .block img                                    { position: absolute; top: 30px; left: 0; right: 0; margin: auto; width: 80px; transition: all 0.25s ease;}
.icon-blocks .block .dark,
.icon-blocks .block:hover .lite                            { opacity: 1;}
.icon-blocks .block .lite,
.icon-blocks .block:hover .dark                            { opacity: 0;}
.icon-blocks .block span                                   { display: block;}
.icon-blocks .block:hover span                             { color: #fff;}
.icon-blocks .block.text                                   { background: none; color: #58595b; padding-top: 45px; text-align: left;}
.icon-blocks .block.text:hover                             { background: none; color: #58595b;}
.icon-blocks .block.full                                   { width: 100%; margin: 0 auto; text-align: center; padding: 0;}

.icon-blocks.ib-2 .row                                     { margin-top: 0; margin-bottom: 0;}
.icon-blocks.ib-2 .block                                   { padding: 30px 5px; padding-left: 75px; text-align: left; border-left: 4px solid #f1f1f1;}
.icon-blocks.ib-2 .block:hover                             { border-color: #e9123d;}
.icon-blocks.ib-2 img                                      { top: 0; right: auto; bottom: 0; left: 15px; width: 44px;}
.icon-blocks.ib-2 span                                     { font-size: 14px;}

.icon-blocks .block.thumb                                  { padding: 30px 5px;}
.icon-blocks .block.thumb img                              { position: relative; top: -28px; height: auto; width: 100%;}


.columns                                                   { }
.columns .block                                            { padding: 0 15px; margin-top: 30px;}
.columns .block img                                        { width: 100%; margin: 0 0 30px;}
.columns .block a                                          { margin: 0; display: block; font-size: 18px; line-height: 24px; font-weight: 700;}
.columns .block p                                          { margin: 10px 0 0; font-size: 14px; line-height: 1.45;}

.columns.padd-nn .block                                    { padding: 0;}


#inner-content .section.cta-block                          { text-align: center; /* margin: 0; */}
.cta-block .post-btns,
.cta-block .heading                                        { display: inline-block; vertical-align: middle; background: none; color: #fff; margin-top: 5px; margin-bottom: 5px; font-size: 24px; line-height: 1.15; font-weight: 700;}
.cta-block .post-btns:first-child                          { margin-right: 30px;}
.cta-block .post-btns:last-child                           { margin-left: 30px;}


#inner-content .section.news-posts                         { margin-bottom: 45px;}
.news-posts                                                { font-size: 0; margin-top: 45px;}
.news-posts a                                              { display: inline-block; vertical-align: top; margin-bottom: 45px; font-size: 16px; line-height: 28px; color: #333; font-weight: 700; border-left: 1px solid #d3d3d3; padding: 0 0 15px 25px;}


.sideCta                                                   { position: absolute; top: 0; bottom: 0; left: auto; right: 0; margin: auto; width: 33.3333%;}
.sideCta .background                                       { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 0;}
.sideCta .btn                                              { position: absolute; top: auto; bottom: 20%; left: auto; right: 0; z-index: 1; border-radius: 0; border: none; font-size: 16px; font-weight: 700; padding: 16px 30px; background-color: rgba(227, 5, 54, 0.85); transition: all 0.25s ease;}
.sideCta .btn:hover                                        { text-decoration: none; background-color: #ea0437;}
.sideCta .btn:focus                                        { outline-color: none;}


.resource-cta                                              { position: relative; border: 1px solid #d3d3d3; font-weight: 700; padding: 30px; padding-left: 200px; margin-top: 45px;}
.resource-cta .background                                  { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; z-index: 0; width: 170px;}
.resource-cta .cta-title                                   { font-size: 16px; line-height: 20px; color: #333; margin: 0 0 5px;}
.resource-cta a                                            { display: block; font-size: 14px;}


@media screen and (min-width: 768px)
{
    .news-posts.half a                                     { width: 47%; margin-left: 6%;}
    .news-posts.half a:first-child                         { margin-left: 0;}
}
@media screen and (max-width: 767px)
{
    .icon-blocks .row                                      { margin-top: -15px;}
    .icon-blocks .block                                    { margin: 0 0 15px;}

    .columns .block                                        { padding: 0;}
    .columns .block img                                    { margin-bottom: 15px;}

    #inner-content .section.hasSideCta                     { padding: 0;}
    .hasSideCta .sideCta                                   { position: relative; left: 0; right: auto; padding-top: 0; width: 100%;}
    .hasSideCta .sideCta .background                       { display: none;}
    .hasSideCta .sideCta a                                 { position: relative; left: 0; right: auto; display: block; width: 100%;}
    .hasSideCta .body-text                                 { padding: 30px 0;}

    .news-posts                                            { margin-top: 30px;}
    .news-posts a                                          { padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px;}

    .cta-block .post-btns:first-child,
    .cta-block .post-btns:last-child                       { margin-left: auto; margin-right: auto;}

    .attn                                                  { margin: 20px 0 0;}
}



#nav-anchors li,
#nav-anchors li a                                          { font-size: 14px; font-weight: bold; padding: 0 10px 0 0; cursor: pointer;}
#nav-anchors li a                                          { border-right: 1px solid #aaa;}
#nav-anchors li:last-child a                               { border-right: none;}

.toggle-div                                                { cursor: pointer;}
.togglable-div                                             { display: none;}
.togglable-div.active                                      { display: block;}

.quick-links                                               { padding: 52px 34px; width: 95%;}
.quick-links h3                                            { text-transform: uppercase; font-size: 13px; line-height: 32px; padding: 0; margin: 0; color: #fff;}
.quick-links a                                             { font-size: 18px; line-height: 33px;}
.quick-links a:hover,
.quick-links a.active                                      { color: #fff; font-weight: bold; text-decoration: none;}

.vam small                                                 { font-size: 11px;}
.vam p                                                     { font-size: 14px;}





/*
 *
 * Added 11/05/18
 *
 */

.cta-block.plain .heading                                  { color: #333;}
.cta-block.stack .heading                                  { display: block; margin: 0 auto;}
.cta-block.stack .post-btns                                { display: block; margin: 20px 0 0;}

.redLine                                                   { position: relative; padding-top: 20px;}
.redLine::before                                           { content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 5px; background-color: #e9123d;}

.redLine-under                                             { position: relative; padding-bottom: 30px;}
.redLine-under::before                                     { content: ""; position: absolute; top: auto; bottom: 0; left: 0; right: 0; margin: auto; width: 90px; height: 4px; background-color: #e9123d;}

.redLineThick                                              { position: relative; padding-bottom: 18px;}
.redLineThick::before                                      { content: ""; position: absolute; top: auto; bottom: 0; left: 0; width: 120px; height: 8px; background-color: #e9123d;}


#highlights                                                {}
#highlights table                                          { width: 100%; background: #f1f1f1;}
#highlights table td                                       { padding: 15px 30px; color: #323232; font-size: 14px; line-height: 22px;}


.red-block-list                                            { color: #323232;}
.red-block-list .item                                      { position: relative; font-size: 16px; line-height: 1.75; padding-left: 20px;}
.red-block-list .item + .item                              { margin-top: 30px;}
.red-block-list .item::before                              { content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; background-color: #e9123d;}

#inner-content .section.display-box                        { font-size: 16px;}
#inner-content .display-box .display                       { padding: 30px; background: none; border: 1px solid #e0e0e0; border-top: none;}
#inner-content .display-box .display.clearfix              { padding: 0;}
.display-box .preview img                                  { border: 1px solid #e0e0e0; width: 100%;}
/**/
.display-box .main                                         { position: relative; float: left; padding: 30px; width: 66.6667%;}
.display-box .side                                         { position: relative; float: left; padding: 30px; width: 33.3333%;}
/* .container_12 .grid_8::before, */
.display-box .side::before                                 { content: ""; position: absolute; top: 0; width: 1px; height: 100%; background-color: #e0e0e0;}.display-box .main::before                                 { right: 0;}
.display-box .side::before                                 { left: -1px;}
.display-box .half .main,
.display-box .half .side                                   { width: 50%;}
/**/
.display-box .heading.hasIcon                              { position: relative; padding-left: 60px;}
.display-box .heading.hasIcon .icon                        { position: absolute; top: 0; bottom: 0; left: 14px; margin: auto; height: 35px;}
.display-box .heading.hasButton                            { position: relative;}
.display-box .heading.hasButton .btn                       { position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; height: 70%; line-height: 1;}
/**/
#inner-content .display-box .title-toggle                  { position: relative; margin: 0; cursor: pointer; display: block;}
#inner-content .display-box .content-toggle                { display: none; padding-top: 20px;}
.display .title-toggle::before,
.display .title-toggle::after                              { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; background: #f00; transition: all 0.5s ease;}
.display .title-toggle::before                             { width: 20px; height: 4px; right: 0;}
.display .title-toggle::after                              { width: 4px; height: 20px; right: 8px;}
.display.display-open .title-toggle::after                 { height: 0;}
/**/
.display .toggle-div.active,
.display .toggle-div.active:hover                          { color: #000; text-decoration: none; font-weight: 700;}

/**/
#inner-content .display-box .js_view .close,
#inner-content .display-open .js_view .open                { display: none;}
#inner-content .display-open .js_view .close               { display: inline; float: none; font: inherit; color: inherit; opacity: 1; text-shadow: none;}
#inner-content .display-box .js_view::before,
#inner-content .display-box .js_view::after                { content: none;}
#inner-content .display-box .js_view + .content-toggle     { padding-top: 0;}


#inner-content .section.group-links                        { font-size: 14px; text-align: center;}
.group-links ul                                            { margin: 0; padding: 0;}
.group-links ul > li                                       { padding: 10px; vertical-align: middle;}
.group-links ul li img,
.group-links ul li a                                       { display: inline-block; vertical-align: middle;}
/**/
.group-links ul.style-2 > li                               { padding: 0; vertical-align: middle;}
.group-links ul.style-2 li img                             { vertical-align: -5px; margin-right: 2px; width: 20px;}
.group-links ul.style-2 li a                               { display: block; padding: 10px;}
/**/
.group-links.spread ul li                                  { padding: 10px 20px;}
/**/
/* #inner-content .group-links + .section                     { margin-top: 45px;} */
@media screen and (max-width: 767px)
{
    #inner-content .section.group-links                    { margin-bottom: 0;}
}


#inner-content #part-overview                              { background: #2b2b2b; font-size: 14px; line-height: 1.75; margin: 0;}
#inner-content #part-overview .row + .row                  { margin-top: 0;}

#part-overview .top                                        { position: relative; padding: 30px 0; border-bottom: 1px solid #505050; text-align: right; padding-left: 250px;}
#part-overview .top .status-wrap                           { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; height: 36px;}
#part-overview .top .status-wrap > span                    { font-size: 14px; color: #cccccc;}
#part-overview .top .status-wrap .status                   { font-size: 14px; padding: 4px 10px; margin-left: 10px; border: 1px solid;}
#part-overview .top .status-wrap .status.active            { color: #3cb01e;}
#part-overview .top .status-wrap .status.obsolete          { color: #ec003e;}
#part-overview .top .status-wrap .status.planned           { color: #c7b331;}
#part-overview .top ul                                     { display: inline-block; margin: 0; text-align: left;}
#part-overview .top ul li                                  { margin-right: 20px; padding: 0;}
#part-overview .top ul li:last-child                       { margin-right: 0;}
#part-overview .top ul li a                                { color: #cccccc;}
#part-overview .top ul li img                              { height: 15px; vertical-align: -2px;}
/**/
#part-overview .bot                                        { position: relative; margin: 60px 0; padding-right: 33.3333%; min-height: 350px;}
#part-overview .side                                       { width: 33.3333%; max-width: 400px; padding-left: 30px; position: absolute; top: 0; right: 0;}
#part-overview .side .part-buttons                         {}
#part-overview .side .part-buttons .btn img                { display: inline-block; vertical-align: -2px; margin-right: 6px; height: 15px;}
#part-overview .part-number                                {}
#part-overview .part-number h1                             { color: #fff; font-size: 40px; font-weight: bold; margin: 0 0 30px;}
#part-overview .part-number h1 small                       { color: #fff; display: block; font-size: 30%; text-transform: uppercase; margin-bottom: 5px;}
#part-overview .part-desc                                  {}
#part-overview .part-desc p                                { color: #cccccc; margin: 0;}
#part-overview .part-details                               {}
#part-overview .part-details ul                            { padding: 0; margin: 30px 0 0;}
#part-overview .part-details ul li                         { color: #ccc; list-style: none; padding: 0;}
#part-overview .part-details ul li a                       { color: #ccc; text-decoration: underline;}
#part-overview .part-details ul li a:hover                 { color: #fff;}
#part-overview .part-buttons                               { margin: 25px 0 0;}
#part-overview .part-buttons .btn                          { margin: 5px 0 0;}

.body-text .showtoolTipImage							   { display: inline; margin: 0; }

.display-box .display table                      { border: none; font-size: 14px; width: 100%;}
.display-box .display table tr:nth-child(odd)    { background: #f1f1f1;}
.display-box .display table td                   { border: none; padding: 12px 25px; font-size: 14px;}
.display-box .display table td.col-sm            { width: 250px;}
.display-box .display table td + td              { border-left: 2px solid #fff;}




@media screen and (min-width: 768px)
{
    #inner-content .section.half-wrap                        { display: table; width: 100%; height: 450px;}
    #inner-content .section.half-wrap > [class*="container"] { display: table-cell; vertical-align: middle;}

    .cta-block.plain .heading                              { max-width: 80%;}
}
@media screen and (max-width: 767px)
{
    #inner-content .section.spacer                         { padding-top: 45px;}
    #inner-content .section.cta-block.plain                { margin-bottom: 45px;}
    #inner-content .section.bg-binary                      { padding-top: 0;}
    .half-wrap.bg-binary::before                           { left: 0;}

    /* .redLine::before                                       { top: 26px;} */
    .half-wrap .body-text.redLine                          { padding-top: 40px;}

    .red-block-list .row > div + div,
    .red-block-list .item + .item                          { margin-top: 15px;}

    #inner-content .display-box .display,
    .display-box .main, .display-box .half .main,
    .display-box .side, .display-box .half .side           { width: 100%; padding: 15px;}
    .display-box .half .side                               { border-top: 1px solid #e0e0e0;}

    .display-box .main::before, .display-box .side::before { content: none;}
    .display-box .heading.hasIcon                          { padding-left: 45px;}
    .display-box .heading.hasIcon .icon                    { left: 10px; height: 20px;}
    .display-box .heading.hasButton                        { margin-top: 40px;}
    .display-box .heading.hasButton .btn                   { top: -40px; left: 0; bottom: auto; right: auto; height: 40px; width: 100%; border-radius: 0;}

    .display-box .display table td                         { padding: 8px 12px;}
    .display-box .display table td.col-sm                  { width: 135px;}
    .display-box .display table td,
    .display-box .display table td p                       { font-size: 12px; line-height: 1.15;}

    #part-overview .top                                    { text-align: left; padding-left: 0;}
    #part-overview .top .status-wrap                       { position: relative; top: auto; left: auto; margin-bottom: 20px;}
    #part-overview .top ul                                 { display: block;}
    #part-overview .bot                                    { margin: 30px 0; padding: 0;}
    #part-overview .side                                   { width: 100%; position: relative; top: auto; left: auto; right: auto; padding: 0; max-width: 100%; margin: 0 0 30px;}


    #inner-content #highlights                             { margin: 45px 0 0;}
    #highlights table                                      { display: block; font-size: 0; border: none; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
    #highlights table *                                    { display: block;}
    #highlights table td                                   { display: inline-block; vertical-align: top; padding: 10px; width: 50%; font-size: 12px; line-height: 12px; border: none; border-right: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;}

}

/*
 *
 * Added 01/28/19
 *
 */

#add_to_list                                               { min-width: 400px; padding: 20px; text-align: left;}
#add_to_list .top                                          { font-size: 28px; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #444;}
#add_to_list .top h2                                       { margin-top: 0;}
#add_to_list .bot                                          { font-size: 14px;}
#add_to_list .bot a.new_list                               { display: block; font-weight: 700;}
#add_to_list .bot a                                        { color: #ea0437;}
#add_to_list .bot a:hover,
#add_to_list .bot a:focus                                  { color: #980324;}
#add_to_list .bot ul                                       { margin-top: 30px; padding-left: 20px;}
#add_to_list .bot ul li                                    { list-style: disc; margin-top: 10px;}

#add_to_list .bot .add_new_list                            { display: none;}
#add_to_list .bot .add_new_list ul                         { margin: 0; padding: 30px 0 10px;}
#add_to_list .bot .add_new_list ul li                      { list-style-type: none; margin-top: 12px;}
#add_to_list .bot .add_new_list ul li:first-child          { margin-top: 0;}
#add_to_list .bot .add_new_list ul li label                { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700;}
#add_to_list .bot .add_new_list ul li input                { display: block; padding: 8px; min-width: 200px;}
#add_to_list .bot .add_new_list ul li .submit              { color: #fff; padding: 10px 18px; min-width: 0;}


#prop65Spec                                               { min-width: 400px; padding: 20px; text-align: left;}
#prop65Spec .top                                          { font-size: 28px; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #444;}
#prop65Spec .top h2                                       { margin-top: 0;}
#prop65Spec .bot                                          { font-size: 14px;}
#prop65Spec .bot a.new_list                               { display: block; font-weight: 700;}
#prop65Spec .bot a                                        { color: #ea0437;}
#prop65Spec .bot a:hover,
#prop65Spec .bot a:focus                                  { color: #980324;}
#prop65Spec .bot ul                                       { margin-top: 30px; padding-left: 20px;}
#prop65Spec .bot ul li                                    { list-style: disc; margin-top: 10px;}

#prop65Spec .bot .add_new_list                            { display: none;}
#prop65Spec .bot .add_new_list ul                         { margin: 0; padding: 30px 0 10px;}
#prop65Spec .bot .add_new_list ul li                      { list-style-type: none; margin-top: 12px;}
#prop65Spec .bot .add_new_list ul li:first-child          { margin-top: 0;}
#prop65Spec .bot .add_new_list ul li label                { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700;}
#prop65Spec .bot .add_new_list ul li input                { display: block; padding: 8px; min-width: 200px;}
#prop65Spec .bot .add_new_list ul li .submit              { color: #fff; padding: 10px 18px; min-width: 0;}


#ViewerThreeD                                              { min-width: 400px; padding: 20px; text-align: left;}
#ViewerThreeD .top                                          { font-size: 28px; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #444;}
#ViewerThreeD .top h2                                       { margin-top: 0;}
#ViewerThreeD .bot                                          { font-size: 14px;}
#ViewerThreeD .bot a.new_list                               { display: block; font-weight: 700;}
#ViewerThreeD .bot a                                        { color: #ea0437;}
#ViewerThreeD .bot a:hover,
#ViewerThreeD .bot a:focus                                  { color: #980324;}
#ViewerThreeD .bot ul                                       { margin-top: 30px; padding-left: 20px;}
#ViewerThreeD .bot ul li                                    { list-style: disc; margin-top: 10px;}

#ViewerThreeD .bot .add_new_list                            { display: none;}
#ViewerThreeD .bot .add_new_list ul                         { margin: 0; padding: 30px 0 10px;}
#ViewerThreeD .bot .add_new_list ul li                      { list-style-type: none; margin-top: 12px;}
#ViewerThreeD .bot .add_new_list ul li:first-child          { margin-top: 0;}
#ViewerThreeD .bot .add_new_list ul li label                { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700;}
#ViewerThreeD .bot .add_new_list ul li input                { display: block; padding: 8px; min-width: 200px;}
#ViewerThreeD .bot .add_new_list ul li .submit              { color: #fff; padding: 10px 18px; min-width: 0;}


/*
*Added -  Nkandula - 5-2-2019 - 3Dviewer popup
*/

#Viewer3D                                               { min-width: 400px; padding: 20px; text-align: left;}
#Viewer3D .top                                          { font-size: 28px; font-weight: bold; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #444;}
#Viewer3D .top h2                                       { margin-top: 0;}
#Viewer3D .bot                                          { font-size: 14px;}
#Viewer3D .bot a.new_list                               { display: block; font-weight: 700;}
#Viewer3D .bot a                                        { color: #ea0437;}
#Viewer3D .bot a:hover,
#Viewer3D .bot a:focus                                  { color: #980324;}
#Viewer3D .bot ul                                       { margin-top: 30px; padding-left: 20px;}
#Viewer3D .bot ul li                                    { list-style: disc; margin-top: 10px;}

#Viewer3D .bot .add_new_list                            { display: none;}
#Viewer3D .bot .add_new_list ul                         { margin: 0; padding: 30px 0 10px;}
#Viewer3D .bot .add_new_list ul li                      { list-style-type: none; margin-top: 12px;}
#Viewer3D .bot .add_new_list ul li:first-child          { margin-top: 0;}
#Viewer3D .bot .add_new_list ul li label                { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700;}
#Viewer3D .bot .add_new_list ul li input                { display: block; padding: 8px; min-width: 200px;}
#Viewer3D .bot .add_new_list ul li .submit              { color: #fff; padding: 10px 18px; min-width: 0;}

/*
 *
 * newmolex.moveodev.com/micro-power-distibution-box.php
 *
 */
* + form[name="micropowerForm"]                                         { margin-top: 30px;}
form[name="micropowerForm"] table,
form[name="micropowerForm"] tr,
form[name="micropowerForm"] th,
form[name="micropowerForm"] td                                          { border: none;}
form[name="micropowerForm"] > table,
form[name="micropowerForm"] > table > tbody,
form[name="micropowerForm"] > table > tbody > tr,
form[name="micropowerForm"] > table > tbody > tr > th,
form[name="micropowerForm"] > table > tbody > tr > td                   { display: block; width: 100%; float: none;}

form[name="micropowerForm"] > table tr + tr                             { margin-top: 15px;}
form[name="micropowerForm"] > table tr[bgcolor]                         { padding: 10px 15px; font-size: 16px;}
form[name="micropowerForm"] > table tr + tr[bgcolor]                    { margin-top: 45px;}
form[name="micropowerForm"] > table > tbody > tr > td + td              { margin-top: 5px;}

form[name="micropowerForm"] > table input[type="radio"]                 { margin: 0 5px;}
form[name="micropowerForm"] > table input[type="radio"]:first-child     { margin-left: 0;}
form[name="micropowerForm"] > table select                              { min-width: 150px;}
form[name="micropowerForm"] > table input,
form[name="micropowerForm"] > table select,
form[name="micropowerForm"] > table textarea                            { max-width: 100%;}


#productionStartMonth, #productionStartDay,
#productionStartYear, #annualVolumeYear          { margin-right: 5px; min-width: 75px;}

#dutyCycleVal,
#inrushCurrentSec                                { margin-left: 5px;}

#maxCurrent, #annualVolume,
#dutyCyclePer, #dutyCycleVal,
#inrushCurrent, #inrushCurrentSec                          { width: 75px;}

.FormSubmit {
    background: #e30039;
    position: relative;
    padding: 3px 15px 3px 15px !important;
    border: thin solid #e30039;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    z-index: 10;
    behavior: url(PIE.htc);
    color: #fff;
}


 input.radio,
 input.checkbox                                  { width: auto; display: inline;}


 /*
  *
  * http://newmolex.moveodev.com/sample-requests.php
  *
  */
form[name="sampleRequestForm"] .text { font-size: 14px; line-height: 22px;}
form[name="sampleRequestForm"] table td { padding: 5px 3px;}

@media (max-width: 767px)
{
    form[name="sampleRequestForm"] table td { padding: 8px;}

    form[name="sampleRequestForm"] > table,
    form[name="sampleRequestForm"] > table > tbody,
    form[name="sampleRequestForm"] > table > tbody > tr,
    form[name="sampleRequestForm"] > table > tbody > tr > th,
    form[name="sampleRequestForm"] > table > tbody > tr > td                   { display: block; width: 100%; float: none; text-align: left;}
}


/* IMAGES */

.stk50 .flex-img img, .stk50 .flex-img { width:100% !important; max-width:100% !important; height:auto !important;}
.stk50 img { display:block;}

/* FONTS */

.stk50 { font-family: Arial, Helvetica, sans-serif; color:#323232; background:#ffffff; text-align: left;}
.stk50 h2 { font-size:24px; font-weight:bold; text-align: left;}
.stk50 p { font-size:16px; line-height:20px; text-align: left;}
.stk50 .field-select label, .stk50 .field-text label { font-size:12px; font-weight:bold; text-align:left;}
.stk50 .field-select select, .stk50 .field-text input { font-size:16px;}
.stk50 .field-submit input[type=button] { font-size: 16px; font-weight:bold; color:#ffffff;}
.stk50 .stk-warning, .stk50 .stk-notice { font-size:14px; line-height:18px; text-align:center; color:#d61138; font-weight:bold; margin-top:10px;}
.stk50 .stk-notice { color:#323232;}
.stk50 .stk-warning a:link, .stk50 .stk-warning a:active, .stk50 .stk-warning a:visited { color:#d61138;}
.stk50 .stk-table table { font-size:12px; font-weight:bold;}
.stk50 .stk-table tr td ul li p { font-size:9px; line-height:9px; text-transform:uppercase; text-align:center;}
.stk50 .message p { text-align:center; font-size:14px; font-weight:normal; color:#999999;}

/* INTRO */

.stk50 .stk-intro { background:url('/images/stak50h/bg-stak50@2x.jpg'); background-size: cover; background-repeat: no-repeat;}
.stk50 .stk-intro .eyebrow { font-size:18px; font-weight:normal; font-style:italic; color:#ffffff; padding:12px 16px; background:#666666; display:inline-block; float:left;}
.stk50 .stk-intro h1 { font-size:30px; font-weight:bold; font-style:normal; color:#ffffff; padding:16px 16px; background:#323232; display:inline-block; clear:left; float:left;}

/* STRUCTURE */

.stk50 { max-width:960px; margin:0 auto;}
.stk50.container { padding: 0;}
.stk50 .stk-wrapper { margin:0 6%;}
.stk50 .clearfix::after { content: ""; clear: both; display: table;}
.stk50 .stk-pad-sm { padding-top:30px; padding-bottom:30px;}
.stk50 .stk-pad-md { padding-top:60px; padding-bottom:60px;}
.stk50 .stk-pad-lg { padding-top:100px; padding-bottom:100px;}
.stk50 .stk-col-1 { float:left; width:30%;}
.stk50 .stk-col-2 { float:right; width:65%;}
.stk50 .stk-hr { background:#cccccc; height:1px;}
@media (max-width: 767px)
{
    .stk50 .stk-pad-sm { padding-top:20px; padding-bottom:20px;}
    .stk50 .stk-pad-md { padding-top:45px; padding-bottom:45px;}
    .stk50 .stk-pad-lg { padding-top:60px; padding-bottom:60px;}

    .stk50 [class*="stk-pad"] + [class*="stk-pad"] { padding-top: 0;}
}


/* FORM */

.stk50 .field-submit { margin-top:20px; clear:left; float:left;}
.stk50 .field-submit input[type=button] { background:#e9123d; border:1px solid #e9123d; border-radius:3px; padding:10px 18px; cursor:pointer; -webkit-appearance: none;}
.stk50 .field-submit input[type=button]:hover { background:#d61138; border:1px solid #d61138;}
.stk50 .field-submit, .stk50 .field-select, .stk50 .field-text { margin-left:2%;}
.stk50 .field-text { float:left; width:48%;}
.stk50 .field-text input { width:100%; padding:10px; border:1px solid #cccccc; border-radius:3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top:5px; box-sizing: border-box;}
.stk50 .field-text.full { width:98%; margin-top:10px;}
.stk50 #terminal-pins .field-text { float:left; width:31.333%;}
.stk50 #processing { float:left; margin-top:20px; margin-left:10px;}

/* INFO PANELS */

.stk50 .stk-info p { margin-top:12px;}
.stk50 .stk-info h2 { margin-top:16px;}
.stk50 .stk-info .stk-number { font-size:16px; font-weight:bold; background:#323232; color:#ffffff; display:inline-block; text-align:center; vertical-align: middle; width:36px; height:25px; border-radius: 50%; padding-top:11px;}

/* TABLE */

.stk50 .stk-table table { margin-top:30px;}
.stk50 .stk-table td { border: 1px solid #dddddd; text-align: center; padding: 8px; vertical-align: middle;}
.stk50 .stk-table tr:nth-child(even) { background-color: #f3f3f3;}
.stk50 .stk-table tr td ul { float:left; border:none; width:100%;}
.stk50 .stk-table tr td ul li { float:left; width:19.9%;}
.stk50 .stk-table tr td ul li + li { margin-left:-4%;}
.stk50 .stk-table tr td ul li img { width:100%; max-width:100%;}
.stk50 .stk-table tr.stk-table-header td { background:#323232; color:#ffffff; border: 1px solid #666666;}
.stk50 .stk-warning, .stk50 .stk-notice { box-sizing: border-box; clear:left; float:left; background:#fde5ea; border:1px solid #d61138; padding:16px; width:100%; margin-top:20px;}
.stk50 .stk-notice { background:#f3f3f3; border:1px solid #cccccc;}
.stk50 .stk-scroll-indicator { margin-top:26px; display:none;}
.stk50 .stk-scroll-indicator p { text-align: left; font-weight:bold;}
.stk50 .stk-scroll-indicator img { display:inline-block; vertical-align: middle; margin-right:10px;}
.stk50 .moreresults { display: none;}
.stk50 .message p { padding:20px;}
.stk50 .btn-more { background:#ffffff; border:1px solid #e9123d; border-radius:3px; padding:10px 18px; cursor:pointer; -webkit-appearance: none; text-decoration:none; color:#e9123d; font-size:14px; font-weight:bold; margin-top:20px; display:inline-block;}
.stk50 .btn-more:hover { background:#e9123d; border:1px solid #e9123d; color:#ffffff;}
.stk50 .number { padding-top:30px; text-align:left; text-transform:uppercase; font-size:12px; font-weight:bold;}

@media only screen and (max-width: 768px) {

/* TABLE */

.stk50 .stk-table { overflow-y: scroll;}
.stk50 .stk-table table { width:700px;}
.stk50 .stk-scroll-indicator { display:block;}

}

@media only screen and (max-width: 600px) {

/* INTRO */

.stk50 .stk-intro { background:url('/images/stak50h/bg-mobile-stak50@2x.jpg'); background-size: cover; background-repeat: no-repeat;}
.stk50 .stk-intro .pad-lg { padding-top:150px; padding-bottom:40px;}
.stk50 .stk-intro .eyebrow { font-size:16px;}
.stk50 .stk-intro h1 { font-size:26px;}

/* STRUCTURE

.stk50 .stk-col-1 { float:left; width:100%;}
.stk50 .stk-col-2 { float:right; width:100%;}
.stk50 .stk-pad-md { padding-top:45px; padding-bottom:45px;}
.stk50 .stk-pad-lg { padding-top:150px; padding-bottom:45px;}

*/

/* FORMS */

.stk50 .field-submit, .stk50 .field-text { margin-left:0;}
.stk50 .field-text, .stk50 .field-text.full, .stk50 #terminal-pins .field-text { width:100%; margin-top:10px;}

/* INFO PANELS */

.stk50 .stk-info { margin-bottom:10px;}

}







/*
.subcontent                                                { margin: 0; padding-bottom: 30px;}
.subcontent *                                              { box-sizing: border-box;}
.subcontent                                                { color: #707070;}
*/

/* VIP | Removed 2020-12-02 */
/*
.subcontent table.form {font-size:11px;width:auto;}
.subcontent table.form td {vertical-align:top;padding:2px 4px;}
.subcontent table tr td.row_hdr {text-align:right;font-weight:bold;padding-right:5px;}

.subcontent table.results {width:98%;font-size:11px;border-bottom:1px solid #999;border-left:1px solid #999;}
.subcontent table.results th {text-align:left;color:#fff;background-color:#999;}
.subcontent table.results td,table.results th {border-top:1px solid #999;border-right:1px solid #999;padding:2px;}
.subcontent table.results td a {color:#c00;}
*/




/********************************
** xref-search.php
********************************/
.gradientbox                                               { position: relative; width: 100%; padding: 0 15px 30px; border: 1px solid #ddd; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 10px; background: transparent url('/images/new_landing/gradient-bottom-bg.jpg') bottom center repeat-x;}
.gradientbox h2                                            { width: auto; position: relative; margin: -1px -15px 15px; border: none; border-bottom: 1px solid #ddd; background: none; padding: 10px 15px; border-radius: 0; font-size: 18px; line-height: 1.35; color: #e30039;}
/* .gradientbox h2 a                                          { top: 10px;} */
.gradientbox table                                         { width: 100%;}
.gradientbox table th,
.gradientbox table td                                      { border: 1px solid #ddd; padding: 5px;}


.grid_8 .darkwrapper,
.grid_12 .darkwrapper,
#batchsubmit .darkwrapper                                  { border: 1px solid #a9a8ad; background: #f1f1f1; -webkit-border-radius: 12px; border-radius: 0; margin: 0;}

.grid_8 .dark,
#batchsubmit .dark                                         { background: none;}


/* xref-results.php */
table.zebra                                                { margin: 0; width: 100%;}
table.zebra td,
table.zebra th                                             { border: 1px solid #ccc;}
table.zebra td,
table.zebra th                                             { background-color: #e3e2e3; padding: 7px; margin: 5px;}
table.zebra th                                             { width: 35%; text-align: left;}
table.zebra td.even,
table.zebra th.even                                        { background-color: #f3f3f3;}

table.zebra tr.highlight td                                { background-color: #e30039; color: white; font-weight: bold;  }
table.zebra tr td.alignright                               { text-align: right; padding-right: 20px;}

table.zebra2                                               { margin-bottom: 10px;}
table.zebra2 tr th                                         { width: auto; font-weight: bold;}
table.zebra2 tr.best td                                    { background-color: #ecf0bd;}
table.zebra2 tr.best td.sortingeven,
table.zebra2 tr.best td.sortingeven                        { background-color: #dae8b6;}

table.crossref                                             { width: 100%;}
table.crossref tr th                                       { text-align: left;}
table.crossref tr td,
table.crossref tr th                                       { background-color: #e3e2e3; padding: 7px; margin: 5px;}

/*xref results/no results */
.crossrefinfo                                              { padding: 0; padding-left: 30px;margin: 0 0 30px;}
.crossrefinfo:last-child                                   { margin: 0;}
.crossrefinfo .partno                                      { font-size: 14px; font-weight: bold; color: #ea1b39; margin-right: 20px;}
.crossrefinfo .section                                     { padding-top: 10px;}
.crossrefinfo button                                       { margin-top: 10px;}
.crossrefinfo p                                            { margin: 0;}
.yes                                                       { background: url(/images/xref/yes.jpg) top left no-repeat;}
.no                                                        { background: url(/images/xref/no.jpg) top left no-repeat;}

.actions                                                   { margin-bottom: 15px;}
.actions .float-l                                          { margin-right: 10px;}
.actions .float-r                                          { margin-left: 10px;}
.actions label, .actions p.float-r                         { font-size: 10px;}
.actions button.redbutton                                  { margin-top: 0; width: auto;}
.actionss img                                              { margin-bottom: 10px;}

.newlanding button.redbutton                               { white-space: normal;}
.grid_12 + button.redbutton                                { margin: 15px 15px 0; width: auto;}

/*xref-part-match.php */
.browse .parttitle 										   { background-color: #e3e2e3; text-align: center; width: 100%; font-weight: bold; padding: 4px 0; }
form .actions a											   { line-height: 53px; margin: 7px 0 0; display: block; }


/* shows-and-events.php */
.menu_title, [id*="landing_main"], #landing_choices        { padding: 30px 90px;}
@media screen and (min-width: 1200px) {
    .menu_title, [id*="landing_main"], #landing_choices    { padding-left: 180px; padding-right: 180px;}
}
@media (max-width: 991px) {
    /* Product index */
    [id*="landing_main"]                                   { padding: 0 15px;}
    #landing_choices                                       { margin-bottom: 30px; padding: 0 15px;}
    .menu_title                                            { margin-bottom: 15px; padding: 15px;}
}



[id*="landing_main"]                                       { position: relative; z-index: 1; padding-bottom: 30px;}


/* .menu_title                                                { margin-bottom: 30px;} */
.box_content                                               { padding: 15px;}

.shows-table                                               { border: none; border-collapse: collapse; width: 100%!important; color: #58595b;}
.shows-table table td,
.shows-table table th                                      { padding: 5px;}
.shows-table b                                             { font-weight: 700; font-size: 115%;}

@media (min-width: 992px)
{
    .shows-table table th,
    .shows-table table td                                  { border: 1px solid #000;}

    #landing_choices                                       { position: absolute; z-index: 2; width: 300px; padding-right: 0;}
    #landing_choices + [id*="landing_main"]                { padding-left: 330px;}
}
@media (max-width: 991px)
{
    .shows-table table td:first-child                      { font-weight: 700; color: #323232;}
}


/* cornered boxes */
div.box {width:auto;background-color:#e3e2e3;margin-bottom:10px;}
/* div.box a {color:#18282d;} */
div.box h1.title {font-size:14px;color:#525d60;margin-bottom:5px;}

div.box_2 {background-color:#dee1fd;}
div.box_2 h1.title {color:#006;}

div.box_3 {background-color:#c7e1c7;}
div.box_3 h1.title {color:#090;}

div.box_4 {background-color:#ccc;}
div.box_4 h1.title {color:#e30039;}




/********************************
** press-releases.php
********************************/
.cycler                  { position: relative; margin: 0;}
.cycler img              { width: 100%; max-width: none;}
.cycle                   { z-index: 1;}
.cycle-nav               { position: relative; z-index: 2; right: 30px; float: right;}
.cycle-nav::after        { content: ""; display: table; clear: both;}
.cycle-nav a             { display: block; float: left; text-decoration: none; padding: 5px 7px 6px; background: #f0f0f0; color: #bababa; font-weight: bold; margin-left: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 11px; font-family: Verdana, Tahoma, sans-serif; cursor: pointer;}
.cycle-nav a.activeSlide { border-color: #58a87f; background: #bababa; color: #f0f0f0;}


a.twolinesbutton { display: inline-block; background-image: none; padding: 5px 25px 5px 5px; border-radius: 22px; font-size: 12px; line-height: 15px;}
a.twolinesbutton img { display: inline-block; vertical-align: middle; margin-right: 10px;}
a.twolinesbutton span { display: inline-block; vertical-align: middle;}
a.twolinesbutton.whitebutton { background-image: url(/images/product-overview/twolinebtngradient.png); background-size: auto 100%;}

/* New Product Overview */
.overview { /*border-top: 1px solid #ededed;*/ padding: 0; color: #58595B;}
.overview .no-results { margin: 45px 0 0;}
.overview #viewmorefeatures { line-height: 38px; padding: 15px 0 0;}
.overview #main .intro-text { font-size: 16px; line-height: 22px;}
.overview #main h1 { font-size: 24px; line-height: 26px; color: #e01a3b; font-weight: bold; margin-bottom: 25px;}
.overview #sidebar h3 { font-size: 16px; color: white; background-color: #707070; padding: 15px 0; text-align: center; margin-top: 30px;}
.overview #sidebar h3:first-child { margin-top: 0;}
.overview #sidebar dt:first-child { border-top: none;}
.overview #sidebar dt { font-size: 10px; float: none; padding: 5px 10px 0; font-weight: normal; border-top: 1px solid #ebebeb;}
.overview #sidebar dd { margin: 0; float: none; padding: 0 10px 5px 10px; font-weight: bold;}
.overview #sidebar dl.style2, .overview #sidebar dl { margin: 0; /*padding: 0 0 25px 0;*/}
.overview #sidebar dl.style2 dt:first-child { border-top: none;}
.overview #sidebar dl.style2 dt { font-size: 12px; line-height: 16px; color: #727272; background-color: #ededed; padding: 20px 20px 10px; font-weight: bold; border-top: 1px solid #ffffff;}
.overview #sidebar dl.style2 dd { line-height: 16px; color: #727272; background-color: #ededed; padding: 0 20px 20px; font-weight: normal; border-bottom: 1px solid #d9d8d9;}
.overview #sidebar dl.style2 dt.highlight,
.overview #sidebar dl.style2 dd.highlight { background-color: #e3e2e3;}
.overview .readmore { text-transform: uppercase; text-decoration: none; font-size: 11px; font-weight: bold;}
.overview .readmore:hover { text-decoration: underline;}
.overview .products { margin-top: 10px;}
.overview .products .product { width: 28%; float: left; margin-left: 18px; text-align: center; position: relative;}
.overview .products .product:first-child { margin-left: 0;}
.overview .products .product img { width: 100%; border: 4px solid #ededed; display: block; margin-bottom: 15px;}
.overview .products .product img.custom-part { pointer-events: none; position: absolute; z-index: 9; right: 4px; top: auto; bottom: 37px; border: none; width: auto; margin: 0;}
.overview .products .product a { color: #585858; text-transform: uppercase; text-align: center; font-weight: bold; text-decoration: none;}
.overview .products .product a:hover { text-decoration: underline;}
.overview .tabs .products .product { text-align: left;}
.overview .tabs .products .product h3,
.overview #tab2 h3 { margin-bottom: 0;}
.overview .aside { width: 40%; float: right; min-height: 200px; padding: 0 20px; border-left: 1px solid #ededed;}
.overview .aside p { font-style: italic;}
.overview .product-images { height: 150px; position: relative; float: right; width: 275px;}
.overview .product-images img { border: 4px solid #ededed; display: block; margin-bottom: 15px;}
.overview .cycle-nav { right: auto; }
.overview .cycle-nav a { padding: 3px 3px; margin-top: 4px; border-left: 1px solid #ededed;  background-color: transparent; border-radius: 0; color: #e30039; display: block; float: left; text-decoration: none; font-size: 11px; font-weight: bold; margin-left: 3px; cursor: pointer;}
.overview .cycle-nav a:first-child { border: none;}
.overview .cycle-nav a.activeSlide { color: #585858;}

.overview .tabcontent,
.overview .tab-content { display: none;}
.overview .tab-content.selected,
.overview .tab-content_selected { display: block;}
.overview .tabcontent.selected,
.overview .tabcontent_selected { display: block;}
.overview .tab-content h3,
.overview .tab-content .product h3 a { text-transform: none; color: #e30039; font-size: 12px; line-height: 16px; margin-bottom: 10px;}

.overview h2.underline { border-bottom: 1px solid #e4e3e4; font-size: 16px; color: #707070; margin: 10px 0 0; padding-bottom: 10px;}
@media (max-width: 991px) {
    .overview .products .product, .overview .products .product img { box-sizing: border-box;}
    .overview .products .product { width: 45%;}
    .overview .products .product:nth-child(2n-1) { clear: both; margin: 0 0 10px 16px;}
    .overview .product-images { width: auto; float: none; margin: 0;}
    .overview .cycle-nav { float: none; bottom: auto; padding-bottom: 15px;}
    .overview .cycle-nav a { padding: 13px; margin: 0}
}

.overview .tabs_filter { position: static; margin-top: 30px;}
.overview .tabs_filter label { font-size: 14px; margin: 0 10px  0 0; line-height: 1;}

.overview .block-details { margin-top: 45px;}
.overview .block-details .h4 { font-family: 'Arial', sans-serif;}
.overview .block-details > .block-meta { margin-top: 0; color: #5A7E92; font-weight: 700;}


.locations p { font-size: 18px; line-height: 1.5;}
.locations p b { font-size: 20px;}
.locations p a { color: #63C7B7;}
@media screen and (max-width: 767px) {
	.locations > div + div { margin-top: 30px;}
}

.article-inline .block-inline.top { justify-content: space-between;}
.article-inline .block-title { flex-grow: 1;}
.article-inline .block-meta { flex-grow: 0; margin-left: 60px; min-width: 200px; text-align: right;}
.article-inline .block-meta p { font-size: 18px;}
.article-inline .block-text { width: 100%;}
.article-inline .block-btns { margin-left: 30px;}
.article-inline .block-btns .btn { margin: 0;}
@media screen and (max-width: 767px) {
	.article-inline .block-inline { display: block;}
	.article-inline .block-meta { margin-left: 0; margin-top: 15px; text-align: left;}
	.article-inline .block-btns { margin-left: 0; margin-top: 15px;}
}


/* Articles */
.top_gradient { background: white url('/images/articles/gradient-bg.png') left bottom repeat-x;}
.top_gradient #text { box-sizing: border-box; -moz-box-sizing: border-box; padding: 50px 0 50px 30px;}
.top_gradient #text h1 { font-size: 27px; line-height: 32px; text-transform: uppercase; color: #333;}
.top_gradient #text h1 span { display: block; color: #999;}
.top_gradient #text p { font-size: 15px; line-height: 20px; font-family: Arial;}
/* .no_part_overview .tabcontent.nopadding { padding: 20px 0;} */


.visit_blog { background-image: url('/images/articles/blog.png');}
.visit_blog:hover { background-image: url('/images/articles/blog-hover.png');}

.visit_youtube { background-image: url('/images/articles/youtube.png');}
.visit_youtube:hover { background-image: url('/images/articles/youtube-hover.png');}

#pressreleases .dropdown-label { text-transform: uppercase; margin-bottom: 15px;}

.tabs label { font-family: Verdana; margin-bottom: 15px;}
.tabs .tabs_filter { position: absolute; top: 0; right: 0; z-index: 9;}
.tabs .selected-tab-mobile-header { font-family: Verdana;}
.tabcontent .resource { position: relative; border-bottom: 1px solid #ededed;}
.tabcontent .resource a.title { line-height: 18px; float: left; width: 57%; text-decoration: none; position: relative; padding: 15px 30px 15px 0; color: #585858; font-weight: bold; display: block;}
.tabcontent .resource span { margin-top: 10px; bottom: 0; font-weight: normal; float: right; text-align: right;}
.tabcontent .resource span .language_versions { color: #ea1c36; margin-top: 2px; font-size: 11px; font-weight: bold;}
.tabcontent .resource a:hover { color: #ea1c36;}
.tabcontent .resource .icons_wrapper { width: 8%; float: left;}
.tabcontent .resource .tooltip,
.tabcontent .resource .tooltip2 { display: none; padding: 2px 7px; text-transform: uppercase; font-size: 8px; color: #6f7072; background-color: #dfdfdf; position: absolute; top: -7px; left: 0; opacity: 1;}
.tabcontent .resource .icon:hover .tooltip, .tabcontent, .tabcontent .resource .icon2:hover .tooltip { display: block; text-decoration: none;}
.tabcontent .resource .icon, .tabcontent .resource .icon2 { cursor: pointer; float: left; margin: 15px 0 15px 10px; width: 19px; height: 13px; background: transparent url('/images/articles/file-icons.png') 0 0 no-repeat;}
.tabcontent .resource .icon2 { background-position: 0 -26px ;}
.tabcontent .resource.article_link .icon { background-position: 0 -13px;}
.tabcontent .resource.article_link:hover .icon { background-position: -19px -13px;}
.tabcontent .resource.article_download:hover .icon { background-position: -19px 0;}
.tabcontent .resource.article_download .icon2:hover { background-position: -19px -26px ;}






/********************************
** no-part-overview.php
********************************/
.tabs table, .tabs table tr, .tabs table td { margin: 0; padding: 0;}

.tabs table { padding-top: 10px; width: 100%;  overflow: visible;}
.tabs table tr td { padding: 6px 20px 4px;}
.tabs table tr td.even { background: #e5e5e5;}

div.family { overflow: visible;}
/* div.family .tabs table { width: 458px;} */


.lead { font-size: 16px; font-weight: 200; line-height: 24px; margin: 15px 0;}

@media (min-width: 768px) {
  .lead { font-size: 18px; line-height: 26px;}
}

.no_part_overview h1 { font-size: 26px;}
.no_part_overview #main,
.no_part_overview #sidebar { margin-bottom: 30px;}
.no_part_overview #sidebar { border-left: 1px solid #ebebeb;}
.no_part_overview #sidebar h3 { background-color: #e01a3b;}
.no_part_overview #sidebar dt { padding-top: 10px;}
.no_part_overview #sidebar dd { padding-bottom: 15px;}
.no_part_overview .grid3.alpha { width: 220px; border-right: none;}
.no_part_overview .download { text-align: center; padding: 10px; border: 1px solid #ccc; margin: 15px 0 0;}
.no_part_overview table.no_outer_borders td { padding: 15px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background-color: white;}
.no_part_overview table.no_outer_borders td:first-child { border-left: none;}
.no_part_overview table.no_outer_borders th { text-align: left; padding: 10px 20px; font-weight: bold;}
.no_part_overview h3,
.no_part_overview h2 { color: #707070;}
.no_part_overview p + h3,
.no_part_overview p + h2 { margin-top: 30px;}
.no_part_overview .details ul { padding: 0; margin: 15px 0;}
.no_part_overview .details li { list-style-type: none; padding: 0; margin: 0; line-height: 15px;}
.no_part_overview .details h4 { padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.no_part_overview .details p + h4,
.no_part_overview .details ul + h4 {margin-top: 30px;}
.no_part_overview .product_images .thumbnails a { display: block; width: 33.3333%; float: left; padding: 5px; border: 1px solid #fff;}
.no_part_overview .product_images .thumbnails a.selected { border-color: #ccc;}
.no_part_overview .product_images .thumbnails img { width: 100%; padding: 0; margin: 0;}
.no_part_overview .product_images .main img { border: 1px solid #ccc;  width: 100%; padding: 15px;}
.no_part_overview .product_images .main .caption { text-align: center; margin: 10px 0;}
.no_part_overview .tabcontent { padding: 30px 0 0;}

@media (max-width: 991px) {
    .no_part_overview #sidebar { border: none;}
}




/********************************
** xref-compare.php
********************************/
table.partcompare { margin-top: 15px;}
table.partcompare tr td,
table.partcompare tr th { width: 25%;}

.highlight { font-weight: bold; color: #e97e1f;}

.part img { display: block; margin-bottom: 10px; width: 100%;}
@media (max-width: 991px) {
    .part  { margin-top: 30px;}
}




/********************************
** careers.php || https://www.molex.com/molex/jobs/jobs.jsp?channel=Jobs&channelId=-18
********************************/
#careers-top .row { margin: 0;}

/* Careers: Added 1/23/18 */
#careers p  { font-size: 14px; line-height: 22px;}
#careers h1,
#careers h2 { font-size: 30px; line-height: 32px;}
#careers h3 { font-size: 20px; line-height: 32px;}


#careers .no-bottom-padding { padding-bottom: 0;}
#careers .section-header { border-top: 1px solid #e2e2e2;}
#careers .section-header h3 { display: inline-block; background-color: #323232; padding: 5px 10px; color: #fff; position: relative; top: -15px; font-size: 12px; line-height: 18px; text-transform: uppercase;}
/* #careers .text-blurb img { display: block; margin-bottom: 20px;} */
#careers .image-box img { width: 100%;}
#careers .careers-box .red-line { width: 75px; height: 8px; background-color: #e30039; position: absolute; top: 0; left: 30px;}
#careers .careers-box .red-line::after { content: none;}
#careers .careers-box .inner { padding: 45px 30px 30px;}
#careers .careers-box .inner :last-child { margin-bottom: 0;}

/* #careers .grid .image-box, #careers .grid .careers-box { position: relative; min-height: 277px;} */
/* #careers .grid .image-box.align-bottom img { width: 100%; position: absolute; bottom: 0;} */
#careers .grid .image-box img { width: 100%;}
#careers .shaded-red { padding-top: 45px; padding-bottom: 45px;}
#careers .shaded-red a.btn { background-color: #c50f33;}
#careers .social { margin-top: 24px;}
#careers .social p { font-weight: bold; line-height: 39px; float: left; margin-right: 10px;}
#careers .quick-links { background: #fff; padding: 20px 30px;}
#careers .quick-links a { font-weight: normal;}
#careers ul.two-col { width: 50%; float: left;}
#careers .video .play { margin-top: -32px; margin-left: -32px;}
@media (max-width: 991px) {
    #careers-top .pull-right { float: none!important;}

    #careers .shaded-red { padding-top: 30px; padding-bottom: 15px;}

    #careers .careers-box .red-line { left: 15px;}
    #careers .careers-box .inner { padding: 30px 15px;}
}
@media (max-width: 767px) {
    #careers .grid .careers-box {min-height: 0;}
}
@media (max-width: 667px)
{
    #careers .btn { margin-bottom: 15px;}

    #careers ul.two-col { width: 100%; float: none; margin: 0;}

    #careers .social { float: none !important; margin-bottom: 15px;}
    #careers .social p { float: none; line-height: 18px;}
    #careers .social a { line-height: 39px; margin-right: 10px;}
}

img, area, area:focus, area:active, img:focus { outline: none;}
.select_location { display: none; z-index:99; max-height : 260px; overflow-x:hidden; overflow:auto; background-color: #ebebeb; padding: 30px 0 30px 15px; right: 30px; border-left: 5px solid #EA0437; border-radius: 8px; behavior: url(javascript/PIE.htc);}
.select_location ul { padding: 0; margin: 20px 0 0 0;}
.select_location ul li { padding: 0; margin: 5px 0; list-style-type: none;}
.select_location ul li a { color: black; text-decoration: none;}
.select_location ul li a.selected { font-weight: bold;}
.select_location ul li a:hover { text-decoration: underline;}
.select_location .arrow-left {width:0;height:0;border-top:50px solid transparent;border-left:50px solid transparent;border-right:50px solid #EA0437; position: absolute; left: -100px; top: 35px;}

/* Careers pages */
/* #careers_home_grid { margin-top: -10px; margin-bottom: 10px;} */
/* #careers_home_grid .grid_piece { margin: 0 1px 1px 0; padding: 0;} */
#careers_home_grid .main { width: 70%;}
#careers_home_grid .image { width: 30%;}
#careers_home_grid .grid_piece { margin: 0;}
#careers_home_grid .image.grid_piece img {width: 100%;}
#careers_home_grid .question { position: relative; width: 136px; height: 133px; color: white;}
#careers_home_grid .question a { background: #6286a1 url(/images/careers/plus-sign.png) bottom right no-repeat; display: block; position: relative; width: 136px; height: 133px; color: white; text-transform: uppercase; font-weight: bold; text-decoration: none; font-family: "bitstream_vera_sansroman", Verdana, Arial; line-height: 18px;}
#careers_home_grid .question a span { display: block; position: absolute; bottom: 0; padding: 15px;}
#careers_home_grid .question a:hover { background-color: #ea0437;}
#careers_home_grid .answer { cursor: pointer; display: none; position: absolute; top: 0; left: 0; z-index: 5;}
#careers_home_grid .answer .minus-sign { position: absolute; top: 0; left: 0; z-index: 6;}
#careers_home_grid .openleft { left: auto; right: 0;}
/* #careers_home_grid .main { padding: 20px; width: 360px; height: 229px; background: white url(/images/careers/home-box-gradient.png) bottom left repeat-x;  } */
#careers_home_grid .main h1 { color: #999; font-size: 31px; line-height: 31px; font-family: "bitstream_vera_sansbold", Verdana, Arial; text-transform: uppercase;}
#careers_home_grid .main h1 span { color: #585858;}
#careers_home_grid .main a.redbutton { font-size: 15px; font-family: "Lucida Grande", Verdana, Arial; padding-left: 20px; padding-right: 20px;}
#careers_home_grid .main p { margin-bottom: 25px; font-family: "bitstream_vera_sansroman", Verdana, Arial; font-size: 12px; line-height: 17px;}
h2.notched-small { font-size: 18px; color: #999999;}
.careershome h2.notched-small { padding-left: 20px;}
#worldwide_locations { background: white url(/images/careers/dot-bg.png) top left repeat-x; padding: 20px;}
.careers h2 { font-size: 18px; font-weight: bold; color: #585858; /*font-family: "bitstream_vera_sansbold", Verdana, Arial;*/}
/* .careers .more { display: block; color:#ea0437; text-transform:uppercase; text-decoration:none; font:bold 10px Arial, Helvetica, sans-serif;  line-height: 17px;} */
.careers .more { font-weight: bold; text-transform:uppercase; }
.careers .more:hover { text-decoration: underline;}
#careershomemiddle h3 { font-family: "bitstream_vera_sansoblique", Verdana, Arial; font-weight: italic; color: #999; font-size: 13px; padding-bottom: 10px;}
#careershomemiddle > div::after { content: ""; position: absolute;top: 0; bottom: 0; right: 0; width: 1px; background: #e6e5e5;}
#careershomemiddle > .last::after { content: none;}
#careershomemiddle .inner { padding: 15px;}
/* #careershomemiddle .grid_4 { background: transparent url(/images/careers/vertical-line.png) right top no-repeat;} */
/* #careershomemiddle .grid_4 .inner { padding: 20px;  } */
/* #careershomemiddle .last { background: none;} */
#careershomemiddle p { font-size: 12px; line-height: 17px;}
.careers .greybox { padding: 20px 20px 20px; margin: 20px; background-color: #ededed;}
.careers .greybox h2 { background: transparent url(/images/careers/h2-line.png) bottom left repeat-x; padding-bottom: 10px;}
.careers .greybox a.float-l { display: block; margin: 0 1em 1em 0;}
.careers .select_location { width: 200px; height: 224px; border: none; padding: 0; top: 0;}
.careers .select_location h2 { font-size: 12px; color: #ea0437; font-weight: bold; padding: 5px 10px 0 10px;}
.careers .select_location p { font-size: 11px; line-height: 15px; padding: 0 10px;}
.careers #worldwide_locations, map, .careers .contact-map { position: relative;}
.careers .closelocation { width: 22px; height: 22px; background: white url(/images/careers/popup-close-small.png) top right no-repeat; position: absolute; top: 0; right: 0; z-index: 99;}

.popupwindow_plain { padding: 20px; background-color: white; text-align: left;}
.popupwindow_plain h1 { text-transform: uppercase; font-size: 18px; font-family: "bitstream_vera_sansbold", Verdana, Arial; color: #eb1d37;}
.popupwindow_plain h2 { font-size: 14px; font-family: "bitstream_vera_sansbold", Verdana, Arial; color: #585858;}
#molex_in_my_world .slide, #mimw_wrapper { height: 629px; width: 606px; position: relative;}
#mimw_wrapper #mimw-prev { position: absolute; top: 200px; left: 0; z-index: 99; padding: 5px; background: white;}
#mimw_wrapper #mimw-next { position: absolute; top: 200px; right: 0; z-index: 99; padding: 5px; background: white;}

/*Career Pages*/
.careershome .section + .section { margin-top: 30px;}
.careers ul.pressroom_menuleft li.selected a { background:#6286a1;}
.about-us-sub.careers .grid_4.buttons { width:340px;}
.about-us-sub.careers .grid_4.buttons li { padding-left:10px;}
.careers .grid_4.values { width:325px; margin-top:30px;}
.careers .values h5 { font:bold 11px/12px Verdana, Geneva, sans-serif; color:#666666;}
.careers .values h5 span { font:bold 18px/12px Verdana, Geneva, sans-serif; color:#d5d5d5; position:relative; top:2px; padding-right:8px; padding-bottom: 5px; float: left;}
.careers .full.values h5 span { margin-left: -22px;}
.careers .values ul { list-style:none;}
.careers .values ul li { float:none;}
.careers .values li.description { padding-left:22px; font:normal 11px Verdana, Geneva, sans-serif; color:#666666; padding-bottom:5px;}
.careers .full.values li.description { padding-left:0;}
.careers .values ul ul { padding-left:0;}
.careers .values.indent li { padding-left:12px;}
.careers .values.indent li.description { padding-left:34px;}
.careers .values.indent li.last { padding-left:0;}
.careers .values.indent li.last.description { padding-left:34px;}
.about-us-sub.careers .grid_5 { background-image:none;}
.about-us-sub.careers .grid_5 { width:320px;}
.about-us-sub.careers .grid_5 h2 { background:url(/images/about_us/double-border.png) repeat-x bottom left; padding-bottom:30px; margin-bottom:0; font:normal 16px Verdana, Geneva, sans-serif; color:#666666; font-style:italic; border:0; font-weight:normal;}
.about-us-sub.careers .grid_4 img { border:0; margin:0;}
.careers .grid_4.feat-image { width:332px; margin-left:30px;}
/*Diversity*/
.careers .heading .grid_3 { width:280px;}
.careers .content-top .grid_5 h2 { background-image:none; padding-bottom:0; margin-bottom:15px;}
.careers .content-top .grid_5 p { font:normal 11px/17px Verdana, Geneva, sans-serif; color:#585858;}
.careers .row { margin-bottom:30px; padding-top:30px; background:url(../images/about_us/double-border.png) repeat-x top left;}
.careers .row p { font:normal 11px/16px Verdana, Geneva, sans-serif; color:#666666;}
.careers .column.grid_3 { float:left; width:210px; margin-left:26px;}
.careers .column.grid_3.alpha { margin-left:0;}
.careers .column.grid_3 p { margin:10px 0 0; font:normal 11px/16px Verdana, Geneva, sans-serif; color:#666666; font-style:italic;}
.careers .column.grid_3 h5 { color:#666666; font:bold 11px/14px Verdana, Geneva, sans-serif; margin:0; float:right; width:50%; padding:25px 0 0px 0px; display:block;}
.careers .griu .column.grid_3 img { float:left; width:40%;display:block;}
.careers .video { border:1px solid #e8e8e8;}
/*Info Graphic*/
.careers .full-width .img { float:left; padding-right:30px;}
.careers .full-width  .content-top p { font:normal 16px/22px Verdana, Geneva, sans-serif; color:#666666; padding-right:35px; padding-top:20px;}
.careers .full-width .column.grid_3 { width:278px; margin-left:22px;}
.careers .full-width .column.grid_3 p { font-style:normal; line-height:18px;}
.careers .full-width .column.grid_3.alpha { margin-left:0;}
/* .careers p { font:normal 12px/17px Verdana, Geneva, sans-serif; color:#666666;} */
.careers p { color:#666666;}
.careers .full-width h2 { font:normal 16px Verdana, Geneva, sans-serif; color:#666666; border:0; margin-bottom:10px;}
/*College Recruitment*/
.careers .grid_7 { width:510px; margin-right:30px;}
.careers .grid_7 p { font:normal 11px/18px Verdana, Geneva, sans-serif; color:#666666; margin-bottom:15px;}
.careers .grid_7 .divider { width:100%; height:2px; background:url(../images/about_us/double-border.png) repeat-x top left; margin-bottom:20px;}
.careers .majors { margin-bottom:10px;}
.careers .majors .grid_2 { width:160px;}
.careers .majors h4 { font:bold 11px Verdana, Geneva, sans-serif; color:#666666;}
.careers .majors ul { list-style:none; margin:0; padding:0;}
.careers .majors li { font:normal 11px/12px Verdana, Geneva, sans-serif; color:#666666; margin-bottom:5px;}
.careers p a { font-weight:bold; text-decoration:underline;}
.about-us-sub.careers ul.pressroom_menuleft { margin: 30px 0 0 0; padding: 0; border-top: 1px solid #aaa;}

/*About Us*/
.about-us  { min-height: 250px;}
.about-us .grid_12.content-top {  background:#eeeeee url(/images/about_us/grad-bg.png) repeat-x top left; padding-bottom:40px; margin-bottom:40px;}
.about-us .heading { border-bottom:2px solid #c8cacd; width:880px; margin:45px 0 30px 30px;}
.about-us .heading h1 { font:bold 31px "bitstream_vera_sansroman", Verdana, Arial; text-transform:uppercase; color:#585858; background:url(/images/about_us/arrow.png) no-repeat 100% 48%; padding-right:32px;}
.about-us .heading .grid_2 { float:right;}
.about-us .content-top .grid_6 { margin-left:30px;}
.about-us .content-top .grid_6 p { font:normal 16px/22px Verdana, Geneva, sans-serif; font-style:italic; color:#666666; padding-right:20px;}
.about-us .content-top .grid_4.alpha { width:340px;}
.about-us .overlay-img { position:absolute; top:-10px; right:17px;}
.about-us .content-bottom { margin-bottom:30px;}
.about-us .content-bottom .row { margin-bottom:20px; padding:10px 0 0; background:url(/images/about_us/column-bg.png) repeat-y top center;}
.about-us .content-bottom ul { list-style:none; padding-left:30px;}
.about-us .content-bottom li { margin-bottom:4px;}
.about-us .content-bottom h2 { font:bold 18px Verdana, Geneva, sans-serif; margin-bottom:7px; color:#585858;}
.about-us .content-bottom a { color:#ea0437; text-transform:uppercase; text-decoration:none; font:bold 10px Verdana, Geneva, sans-serif;}
.about-us .content-bottom a:hover { text-decoration:underline;}

/*About Us Subpage*/
.about-us-sub .grid_9 h1 { margin-bottom:20px;}
.about-us-sub .grid_9 p { font:normal 12px/18px Verdana, Geneva, sans-serif; color:#585858; margin:0 0 20px;}
.about-us-sub .grid_9 li { font:normal 12px/12px Verdana, Geneva, sans-serif; color:#585858;  }
.about-us-sub h2 { font:bold 14px Verdana, Geneva, sans-serif; color:#666666; margin-bottom:10px; border-bottom: none; padding-bottom: 0;}
.about-us-sub .grid_9 h3 { font:bold 14px Verdana, Geneva, sans-serif; color:#666666; margin-bottom:10px;}
.about-us-sub .grid_5 { background:url(/images/about_us/double-border.png) repeat-x bottom left;}
.about-us-sub .grid_5 p { font:normal 16px Verdana, Geneva, sans-serif; color:#666666; font-style:italic;}
.about-us-sub .grid_4 img { border:3px solid #e8e6e7; margin-left:30px;}
.about-us-sub .grid_4 a img { border:0; margin-left:10px;}
.about-us-sub .grid_4 ul { list-style:none; padding:0; margin:0;}
.about-us-sub .grid_4 li { float:left;}
.about-us-sub  .heading { background:transparent; margin-bottom:20px;}
.about-us-sub  .heading h1 { border-bottom:0; margin-bottom:5px;}
.about-us-sub  .heading { border-bottom:2px solid #c8cacd;}
.about-us-sub .content-top { margin-bottom:20px;}
.about-us-sub .buttons { float:right;}
.about-us-sub .buttons ul { float:right;}
.about-us-sub .roundedshaded { background:#ededed;}
.about-us-sub ul.pressroom_menuleft { border-top:0; margin-top:28px;}
.about-us-sub ul.pressroom_menuleft h3 { font:bold 12px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#666666; padding:15px 10px; margin:0; background:url(/images/about_us/arrow-small.png) no-repeat 90% 53%;}
.about-us-sub .grid_9 p.brand { margin-bottom: 40px;}

/* Press Room */
.pressroom .select_location { top: 20px; right: -10px; border-right: 1px solid #ddd;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.pressroom .grid_9 { width: 743px; margin-left: 0;}
.pressroom .grid_3 { width: 187px; margin-right: 0;}
.pressroom .pressroom_menuleft { margin: 10px 0 0 0; padding: 0; border-top: 1px solid #aaa;}
.pressroom .pressroom_menuleft li { list-style-type: none; border-bottom: 1px solid #aaa; margin: 0; padding: 0;}
.pressroom .pressroom_menuleft li a { text-transform: uppercase; font-size: 11px; color: #6f7072; display:block; padding: 15px 10px; text-decoration: none; display: block;}
.pressroom .pressroom_menuleft li a:hover { background: #ededed;}
.pressroom .pressroom_menuleft li.selected a { background: #df1d38; color: white;}

.pressroom h1, .pressroom h2 { font-family: Verdana; font-size: 21px; font-weight: bold; color: #e01a3b; margin-bottom: 15px; border-bottom: 2px solid #c8cacd; padding-bottom: 10px;}
.pressroom h1 span { color: #666;}
.pressroom .select_location h2 { font-size: 14px; margin: 0;}



@media (max-width: 991px) {
    /* Compliance */
    #careers_home_grid { background: none;}
    #careers_home_grid .grid_piece { width: 100%;}
    #careers_home_grid .main { padding: 15px;}
    #careers_home_grid .main.grid_piece p, #careershomemiddle p { font-size: 14px; line-height: 22px; font-family: Arial, sans-serif;}
    #careers_home_grid .main.grid_piece, #careers_home_grid .image.grid_piece { float: none; height: auto;}
    #careers_home_grid .image.grid_piece { padding: 0 15px;}
    #careers_home_grid .main.grid_piece { background: none; width: 100% !important; box-sizing: border-box; padding-bottom: 0;}
    #careers_home_grid .main.grid_piece h1 { font-size: 23px; line-height: 26px; margin-bottom: 20px;}
    #careershomemiddle h2 { font-size: 22px;}
    #careers_home_grid .main.grid_piece br { display: none;}
    /* #careershomemiddle > div { background: none !important;} */
    #careershomemiddle > div::after { content: none;}
    /* #careershomemiddle > div .inner .more { line-height: 38px; padding-bottom: 23px; border-bottom: 1px solid #ddd; text-transform: none; text-decoration: underline; font-size: 14px; font-weight: normal;} */
    #careershomemiddle > div .inner { padding: 30px 15px; border-bottom: 1px solid #ddd;}
    #careershomemiddle > div .inner p { height: auto !important; width: auto !important;}
    #careershomemiddle > div .inner .more { font-size: 14px;}
    #careershomemiddle { padding: 0;}
}


/********************************
** URL | https://www.molex.com/molex/ecocare/ehs.jsp
** CSS | https://www.molex.com/css/aboutus.css
********************************/
.pressroom > [class*="container"] > [class*="grid_"] { padding: 0;}
.pressroom .select_location { top: 20px; right: -10px; border-right: 1px solid #ddd;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
.pressroom .pressroom_menuleft { margin: 15px 0 0; padding: 0; border-top: 1px solid #aaa;}
.pressroom .pressroom_menuleft li { list-style-type: none; border-bottom: 1px solid #aaa; margin: 0; padding: 0;}
.pressroom .pressroom_menuleft li a { text-transform: uppercase; font-size: 11px; color: #6f7072; display:block; padding: 10px 15px; text-decoration: none; display: block;}
.pressroom .pressroom_menuleft li a:hover { background: #ededed;}
.pressroom .pressroom_menuleft li.selected a { background: #e30039; color: white;}
.pressroom .video_thumbs li { padding: 0 5px;}
.pressroom h1,
.pressroom h2 { font-family: Verdana; font-size: 21px; font-weight: bold; color: #e01a3b; margin-bottom: 15px; border-bottom: 2px solid #c8cacd; padding-bottom: 10px;}
.pressroom h1 span { color: #666;}
.pressroom .select_location h2 { font-size: 14px; margin: 0;}
.pressroom .pill_selector { margin: 5px 0;}
.pressroom .pill_selector ul { margin-left: 0; padding-left: 10px;}
.pressroom .newsdate { width: 15%; float: left; margin-right: 2%;}
.pressroom .newslink { width: 82%; float: left;  }
.pressroom .newslink a { text-decoration: none; color: #666666;}
.pressroom .newslink a:hover { text-decoration: underline;}
.pressroom .whitebox { background-color: white; padding: 10px;}
.pressroom .exec { width: 19%; margin-right: 1%; float: left;}
.pressroom .exec .exec_image { position: relative; width: 125px;}
.pressroom .exec .bio_link { position: absolute; bottom: 0; right: 0;}
.pressroom .location_image { width: 30%; margin-right: 5%; float: left;}
.pressroom .location_detail { width: 65%; float: left;}

.roundedshaded { background-color: #ededed; padding: 30px; border-radius: 10px; position: relative; overflow: hidden;}
/* .roundedshaded a { color: #5f84d8;} */
.roundedshadedwitharrow { overflow: visible;}
.roundedshadedwitharrow .arrow { text-decoration: none; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #EDEDED; position: absolute; left: -15px; top: 20px;}
.roundedshaded .section { border-bottom: 1px solid #d9d8d9; border-top: 1px solid white; /*! padding: 20px 0; */}
.roundedshaded .last { border-bottom: none;}
.roundedshaded .first { border-top: none;}
@media (max-width: 767px) {
    .roundedshaded { border-radius: 0; padding: 15px;}
}

/*About Us*/
.about-us, .about-us-sub { min-height: 250px; color:#666666; padding: 0;}
.about-us .heading { border-bottom:2px solid #c8cacd; /*width:880px;*/ padding: 45px 0 30px 30px;}
.about-us .heading h1 { font:bold 31px "bitstream_vera_sansroman", Verdana, Arial; text-transform:uppercase; color:#585858; background:url(/images/about_us/arrow.png) no-repeat 100% 48%;}
.about-us .heading .grid_2 { float:right;}

.about-us .content-top { background:#eeeeee url(/images/about_us/grad-bg.png) repeat-x top left; padding-bottom:40px; margin-bottom:40px;}
/* .about-us .content-top .grid_6 { margin-left:30px;} */
.about-us .content-top p { font:normal 16px/22px Verdana, Geneva, sans-serif; font-style:italic; padding-right:20px;}
/* .about-us .content-top .grid_4.alpha { width:340px;} */
.about-us .overlay-img { position:absolute; top:-10px; right:17px;}
.about-us .content-bottom { margin-bottom:30px;}
.about-us .content-bottom .row { margin-bottom:20px; padding:10px 0 0; background:url(/images/about_us/column-bg.png) repeat-y top center;}
.about-us .content-bottom ul { list-style:none; padding-left:30px;}
.about-us .content-bottom li { margin-bottom:4px;}
.about-us .content-bottom h2 { font:bold 18px Verdana, Geneva, sans-serif; margin-bottom:7px; color:#585858;}
.about-us .content-bottom a { color:#e30039; text-transform:uppercase; text-decoration:none; font:bold 10px Verdana, Geneva, sans-serif;}
.about-us .content-bottom a:hover { text-decoration:underline;}

/*About Us Subpage*/
.about-us-sub .grid_9 h1 { margin-bottom:20px;}
/* .about-us-sub .grid_9 p { font:normal 12px/18px Verdana, Geneva, sans-serif; color:#585858; margin:0 0 20px;} */
.about-us-sub .grid_9 li { /*font:normal 12px/12px Verdana, Geneva, sans-serif;*/ color:#585858;  }
.about-us-sub .grid_9 h3 { /*font:bold 14px Verdana, Geneva, sans-serif;*/ color:#666666; margin-bottom:10px;}
/* .about-us-sub .grid_5 { background:url(/images/about_us/double-border.png) repeat-x bottom left;} */
/* .about-us-sub .grid_5 p { font:normal 16px Verdana, Geneva, sans-serif; color:#666666; font-style:italic;} */
.about-us-sub .grid_4 img { border:3px solid #e8e6e7;}
.about-us-sub .grid_4 a img { border:0; /*margin-left:10px;*/}

.about-us-sub .heading { padding-bottom: 15px;}
.about-us-sub .heading h1 { border-bottom:0; margin: 0; padding: 0; line-height: 1.15;}
.about-us-sub .heading { border-bottom:2px solid #c8cacd;}
.about-us-sub .content-top { background:url(/images/about_us/double-border.png) repeat-x bottom left; margin-bottom: 15px; padding: 15px 0;}
.about-us-sub .content-top p { /*font:normal 16px Verdana, Geneva, sans-serif; */ font-size: 16px; color:#666666; font-style:italic;}
.about-us-sub .content-top .omega img { width: 100%; max-width: none;}
.about-us-sub h2 { font:bold 14px Verdana, Geneva, sans-serif; color:#666666; margin-bottom:10px; border-bottom: none; padding-bottom: 0;}
.about-us-sub .buttons  { float:right; min-width: 325px;}
.about-us-sub .buttons ul {}
.about-us-sub .buttons ul { list-style:none; padding:0; margin:0;}
.about-us-sub .buttons ul li { display: inline-block; margin: 0 2px; width: auto;}
/* .about-us-sub .roundedshaded { background:#ededed;} */
.about-us-sub ul.pressroom_menuleft { border-top: 0; margin-top: 30px;}
.about-us-sub ul.pressroom_menuleft h3 { font:bold 12px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#666666; padding:15px 10px; margin:0; background:url(/images/about_us/arrow-small.png) no-repeat 90% 53%;}
.about-us-sub p.brand { margin-bottom: 40px;}

@media (max-width: 991px) {
    .about-us-sub .buttons { min-width: 0; float: none;}
    .pressroom ul.pressroom_menuleft { margin-top: 0;}
    .pressroom ul.pressroom_menuleft li:first-child:not(.selected) {border-top: 1px solid #aaa;}
}




/********************************
**  DEV | http://newmolex.moveodev.com/compare.php
** LIVE | https://www.molex.com/molex/products/compare.jsp?&Itemlist=active/0430450200_PCB_HEADERS.xml,active/0430450201_PCB_HEADERS.xml
********************************/
/* div#landing_main_full { margin-left:10px;margin-right:10px;position:relative; z-index: 1; float: left;} */
/* div.landing_sub {padding:10px;} */
.grad_bg1 {/*border-top:1px solid #333;border-left:1px solid #333;*/background:url("/images/products/results_grad_bg.gif") repeat-x left top;}
.grad_bg2 {/*border-top:1px solid #333;border-left:1px solid #333;*/background:url("/images/products/results_grad_bg2.gif") repeat-x left top;}


/* PRODUCTS COMPARE-VIEW BEGIN */
div.compare_links {text-align:left;}
div.compare_links ul {margin:0;padding:0;}
div.compare_links ul li a {color:#e30039;}


table#part_compare_table { border: 1px solid #333; width: 100%;margin:0;padding:0;}
table#part_compare_table a{ text-decoration: underline;}
table#part_compare_table tr th,
table#part_compare_table tr td { padding: 10px;color:#333;text-align:left;vertical-align:top;}
table#part_compare_table p { font-size: inherit; line-height: inherit;}


table#part_compare_table tr th img.part_pict {border:2px solid #333;}
table#part_compare_table tr th img.col_spacer {display: none; width:160px;height:1px;}

table#part_compare_table tr.sect_div { font-size: 0;line-height:0;}
table#part_compare_table tr.sect_div td {width:100%; font-size: 0;line-height:0; padding-left: 0; padding-right: 0;}
table#part_compare_table tr.sect_div td div {height:0;border-top:1px solid #333;margin:0;font-size:0;line-height:0;}

table#part_compare_table tr.table_sect td {border-top:1px solid #333;margin-top:10px;}
table#part_compare_table tr td.sect_title {font-weight:bold;}
/* table#part_compare_table tr td.sect_title,
table#part_compare_table tr td.first {width:160px;padding-left:0;} */

/* table#part_compare_table tr td {width:220px;} */
table#part_compare_table tr.odd_row td {background-color:#eee;}
table#part_compare_table tr td.common {font-weight:bold;}

table#part_compare_table tr.p_num td a {font-weight:bold;}
table#part_compare_table tr.p_num td.sect_title {color:#e30039;}

table#part_compare_table tr.p_descript td.sect_title {color:#e30039;}

div.part_compare_features {margin-top:15px;height:180px;overflow:auto;border-top:1px solid #333;border-bottom:1px solid #333;margin-top:5px;}
div.part_compare_features h2 {line-height:100%;margin:0;font-size:16px;color:#e30039;}
div.differing_features {display:none;}
div.differing_features h2 {color:#3a5882;}


@media (min-width: 992px) {
    table#part_compare_table { table-layout: fixed;}
    table#part_compare_table tr .first_col { width: 200px;}
}

@media (max-width: 480px) {
    table#part_compare_table tr th,
    table#part_compare_table tr td { padding: 8px; font-size: 12px; line-height: 16px;}
    table#part_compare_table tr.sect_div td { padding-left: 0; padding-right: 0;}
}





/********************************
**  DEV | http://newmolex.moveodev.com/showElearning.php
** LIVE | https://www.molex.com/molex/elearning/ShowElearning.action
********************************/
.elearning #docs,
.elearning #courses { padding-bottom: 0;}

.elearning div.thumb { float: left; margin: 0 20px 10px 0;}

.elearning h2.bigtitle { font-size: 24px; line-height: 25px; color: #e30039;}
.elearning div.copy { float: left; width: 50%;}
.elearning .roundedshaded ol { padding: 0; margin: 0; list-style: decimal outside;}
.elearning .roundedshaded ol::after { content: ""; display: table; clear: both;}
.elearning .roundedshaded ol li { float: left; width: 50%; padding: 0; margin: 0 0 15px 0; padding-right: 30px; position: relative; left: 15px;}
.elearning .roundedshaded ol li a { text-decoration: none;}
.elearning .roundedshaded ol li a:hover { text-decoration: underline;}
.elearning .document,
.elearning .document + .document { padding: 10px 0; font-size: 0; line-height: 0;}
.elearning .document.first { padding-top: 0;}
.elearning .document.last { padding-bottom: 0;}
.elearning .document .title { float: left; width: 30%; font-size: 14px; border-right: 1px solid #d9d8d9; margin: 0; padding: 10px 20px; padding-left: 0;}
.elearning .document .details { float: left; width: 40%; border-right: 1px solid #d9d8d9; border-left: 1px solid #d9d8d9; margin: 0 -1px; padding: 10px 20px;}
.elearning .document .download { float: left; width: 15%; text-decoration: none; margin: 5px 0 0 20px; padding: 10px 0 10px 40px; background: transparent url('/images/elearning/pdf.png') left center no-repeat;}
.elearning .document .download:hover { text-decoration: underline;}
.elearning .document .xls { background-image: url('/images/elearning/xls.png');}
.elearning .document .doc { background-image: url('/images/elearning/doc.png');}
.elearning .document .ppt { background-image: url('/images/elearning/ppt.png');}
.elearning .document .thumb { width: 30%; margin: 0; padding: 10px 20px; border-left: 1px solid #d9d8d9;}
.elearning .document .thumb img { display: block; margin: 0 auto; max-width: 100%;}
.pill_selector { margin: 0 auto; text-align: center; padding: 0; line-height: 0;}
.pill_selector ul { display: inline-block; padding: 0; margin: 0;}
.pill_selector li { float: left; margin: 0; padding: 0; list-style-type: none;}
.pill_selector a { position: relative; display: block; white-space:nowrap; border: 1px solid #c8cacc; margin: 0; text-transform: uppercase; font-weight: bold; padding: 3px 15px; background: white url('/images/elearning/button-gradient.gif') bottom left repeat-x; color: #6f7072; text-decoration: none;}
.pill_selector a.selected { background-color: #e30039; background-image: none; color: white;}
.pill_selector a:hover { text-decoration: underline;}
.pill_selector li.first a { border-right: 0; behavior: url(javascript/PIE.htc); border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px;}
.pill_selector li.last a { border-left: 0; behavior: url(javascript/PIE.htc); border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0;}
.elearning .vt_prev { text-decoration: none; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #68859f; float: left; margin-top: 30px;}
.elearning .vt_next { text-decoration: none; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #68859f; float: right; margin-top: 30px;}
.video_thumbs_wrapper { padding: 20px 0; border-top: 1px solid white;}
#video_main { border-bottom: 1px solid #d9d8d9; position: relative;}
#video_main .read-more a, #video_main .read-less a { display: block; position: absolute; left: 46%; bottom: -5px; font-size: 9px; color: #68859f; text-transform: uppercase; background-color: #ededed; font-weight: bold; text-decoration: none;}
#video_main h3 { margin-top: 10px;}
.video_thumbs { margin: 0 auto;}
.video_thumbs li { width: 148px; padding: 0 10px; height: 185px; overflow: hidden;}
.video_thumbs li .runtime { font-weight: bold;}
.video_thumbs li .desc { display: none;}

@media (max-width: 991px) {
    .pill_selector a { font-size: 12px; padding: 2px 12px;}

    .elearning #docs { margin-top: 45px;}

    .elearning div.copy{ width: 100%!important;}

    .elearning .roundedshaded { margin: 15px 0 0;}

    .elearning .roundedshadedwitharrow { padding: 10px;}
    .elearning .roundedshadedwitharrow .arrow { display: none;}
}

@media (max-width: 767px) {
    .elearning .document .title,
    .elearning .document .thumb,
    .elearning .document .details{ padding: 10px; font-size: 12px; line-height: 12px!important;}
    .elearning .document .title { padding-left: 0;}
    .elearning .document .thumb { padding-right: 0;}

    .elearning div.copy li{ width: 100%; margin: 0 0 10px;}
}




/********************************
**  DEV | http://newmolex.moveodev.com/vip.php
** LIVE | https://www.molex.com/molex/vip/index.jsp
********************************/
.homepage h2 { color:#ea1b39; font-weight:bold; margin-bottom: 10px;}
.homepage .info-box h2 { height:23px; margin-top: 3px; margin-bottom: 10px;}
.homepage #home-bottom h3 { color:#456d9d; font-weight:bold;}
/* .homepage h3, .homepage h4 { color: #58595b; font-family: Verdana; font-weight: bold; font-size:12px; margin: 0;} */
/* .homepage h4 { font-size: 10px;} */
/* .homepage a:link, .homepage a:visited {color: #707070;text-decoration: none;} */
/* .homepage a:hover {color: #111;text-decoration: underline;} */
/* .homepage a:active, .homepage a:focus {color: #2ca1Ef;} */
.homepage a.blue:link,
.homepage a.blue:visited {color:#456d9d;}
.homepage .view-all a:link,
.homepage .view-all a:visited { background: transparent url(/images/homepage/bg_viewall.gif) no-repeat scroll center right; color: #ea1b39; padding-right: 12px; text-decoration:underline;}
.homepage h2 a:link, .homepage h3 a:link { color: inherit !important; text-decoration:none;}
.homepage h2 a:hover, .homepage h3 a:hover { text-decoration:underline;}
.homepage h3 a:visited { color: #707070;}
.homepage .info-box { margin-bottom: 18px;}
.homepage strong { font-weight:bold;}
.homepage form { font-size: 11px;}
.homepage dl, .homepage ol, .homepage ul { list-style: none; margin: 0; padding: 0;}

.homepage #home-top,
.homepage #home-mid,
.homepage #home-bottom  { /* margin: 0 90px; */ position: relative;}
.homepage #home-top::after,
.homepage #home-mid::after,
.homepage #home-bottom::after { content: ""; clear: both; display: table;}

#home-top { padding-top: 0;}
#home-top .slideshow { position: relative; margin: 0 auto; width: 100%!important; height: auto!important; padding-top: 21%; overflow: hidden;}
#home-top .slideshow img { width: 100%!important; height: auto!important; max-width: none;}
#home-top .slideshow > div { width: 100%!important;}
#home-top .slideshow > div  { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
#home-top .slideshow .btn { position: absolute; top: auto; bottom: 6%; left: 2%; padding: 0.5% 2%; min-width: 0; font-size: 1vw;}

/* Mid Section of Homepage */
/* .homepage #home-mid { margin-top: 45px; margin-bottom: 45px;} */
.homepage #home-mid .info-box { background:#FFFFFF url(/images/homepage/bg_infobox.jpg) no-repeat scroll 0 0; display:inline; float:left; height:250px; margin-right:18px; padding:5px 10px; position: relative; width:272px;}
.homepage #home-mid .view-all { text-align:right;}
.homepage #home-mid .info-box.tech { background: #fff url(/images/homepage/bg_infobox_tech.jpg) no-repeat scroll 0 0; width: 300px; margin-right: 0;}

.homepage .inner { margin-top: 10px; overflow: hidden; /* height: 185px; width: 272px;*/}

/* .homepage ul#inno-products, ul#industries { height: 185px; width: 272px; overflow: hidden;} */
/* .homepage ul#inno-products li, ul#industries li { height: 185px; overflow: hidden;} */

/* Navigation for jQuery Cycle */
.homepage .nav { display:block; height:26px; position:absolute; text-align:center; text-decoration:none; text-indent:-99999px; font-size: 0; line-height: 0; top:86px; width:22px; z-index: 399; outline: none;}
.homepage .prev { background:transparent url(/images/homepage/btn_prev.png) no-repeat scroll 0 0; left:-1px; z-index:299;}
.homepage .next { background:transparent url(/images/homepage/btn_next.png) no-repeat scroll 0 0; right:-1px; z-index:299;}

.homepage .tech .inner { margin-top: 18px; height: auto;}
.homepage .bold{ color:#ea1b39; font-family: Verdana; font-size:14px; font-weight: bold;}

.homepage #home-mid-vip-left { height: 600px; width:620px; margin: 0 0 18px 10px; overflow: hidden; display:inline; float:left;}
.homepage #home-mid-vip-left .info-box { background:#FFFFFF url(/images/homepage/bg_infobox.jpg) no-repeat scroll 0 0; display:inline; float:left; height:250px; margin-right:18px; padding:5px 10px; position: relative; width:272px;}

.homepage #home-mid-vip-right {width:33.3333%; margin: 0 10px 18px 0; overflow: hidden; display:inline; float:left;}
.homepage #home-mid-vip-right .info-box.tech { background: #fff url(/images/homepage/vip_services_line.jpg) no-repeat scroll 0 0;  width: 300px; margin-right: 0;}
.homepage #home-mid-vip-right .tech .inner{ margin-top: 0; height: auto;}
.homepage #home-mid-vip-right .view-all { text-align:right;}

/* Bottom Section of Homepage */
.homepage #home-bottom-vip-right { margin: 0 10px 18px 0; overflow: hidden;}
.homepage #connected { display:inline; float: left; width: 33.3333%;}

.homepage  #announcements h2 { font-size:18px;}
.homepage #announcements ul { margin-bottom: 20px;}
.homepage #announcements ul li,
.homepage .tech-resources ul li { margin-top: 10px; line-height: 18px; color: #707070; font-size: 12px;}
.homepage #announcements ul li a,
.homepage .tech-resources ul li a { color: inherit; font-size: inherit;}
.homepage #connected { display:inline; float: left; width: 33.3333%;}

.homepage .tech-resources p { line-height: 20px;}
.homepage .tech-resources p strong { display: inline-block; margin-top: 10px;}
.homepage .tech-resources ul + p { margin-top: 20px;}


/* Newsletter form */
.homepage #newsletter { background: transparent url(/images/homepage/bg_newsletter.jpg) no-repeat scroll 0 0; padding-top: 35px; padding-bottom: 24px; position:relative;}
.homepage .submit { margin-bottom: 0;}
.homepage #enounce input.text {margin-bottom: 0; border: 1px solid #adadad; color:#000; display:block; float:left; height:17px; margin-right:1px; padding:5px 0 0 18px; width:207px;}
.homepage #enounce span a { float:right; font-weight:bold;}
.homepage #enounce input#signup-submit { background:transparent url(/images/homepage/btn_subcribe.jpg) no-repeat scroll 0 0; border:0 none; cursor:pointer; display:block; overflow:hidden; font-size:0; height:24px; padding-top: 24px; width:86px;}
.homepage a#ecocare, .homepage #solarcar { display: block; float:left; margin-right: 10px; height: 106px; text-indent: -9999px; width: 154px;}
.homepage #ecocare { background: transparent url(/images/homepage/icon_ecocare.png) no-repeat scroll 0 0;}
.homepage #solarcar { background: transparent url(/images/homepage/icon_innovators_haiti.jpg) no-repeat scroll 0 0; margin-right:0;}

/* .homepage #home-mid > div { width: 33.3333%!important; margin: 0!important;} */

#site-util { position: relative; z-index: 999;}
#site-util .vip-login a:link { text-decoration: none;}n
#site-util .vip-login a:hover { text-decoration: underline;}
.vip-login .vipstar, .vip-login .vipstar:hover  { color: #EA1B39; font-weight: bold; background: transparent url('/images/star.png') left center no-repeat; padding-left: 15px; text-decoration: none;}
.vipservices { display: inline; cursor: pointer;}
#vipdropdown { display: none; width:275px; background:#adafb3 none repeat scroll 0 0; padding:0 0 7px 0; padding: 0; position:absolute; top: 20px; right: 0; z-index:999;  }
#vipdropdown li a:link, #vipdropdown li a:visited, #vipdropdown li a:hover, #vipdropdown li a:focus { text-align: left; color: #000; border-bottom:1px solid #A0A1A5;display:block;font-family:Verdana;font-size:11px;height:20px;margin:0 10px;padding:5px 10px 0;text-decoration:none;}
#vipdropdown li a:hover, #vipdropdown li a:focus { color: white;}

/*
.vip .gradientbox h2 { color: #EA1B39; font-family: Verdana; font-size: 14px; font-weight: bold; margin-bottom: 10px; background: transparent url('/images/new_landing/gradient-top-bg.jpg') bottom center repeat-x; position: absolute; top: -1px; left: 0; width: 272px; padding: 7px 10px; behavior: url(/javascript/PIE.htc); -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-radius: 15px 15px 0 0;  }
.vip .gradientbox h2 a { top: 10px; position: absolute; font-weight: normal; font-size: 12px; right: 20px;}
.vip .gradientbox { position: relative; behavior: url(javascript/PIE.htc); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #ddd; margin: 0;

	background-image: linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 20px);
	background-image: -o-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 20px);
	background-image: -moz-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 20px);
	background-image: -webkit-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 20px);
	background-image: -ms-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 20px);
	-pie-background: linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 20px);
	background-image: -webkit-gradient( linear, left bottom, left 820px, color-stop(0, #EEEEEE), color-stop(0.58, #FFFFFF));

}
.vip #home-mid .homepageboxwrapper { margin-right: 18px;}
.vip .grid_3 .gradientbox { width: auto;}
.vip .grid_3 .gradientbox h2 { width: 198px; top: 0; font-size: 10px;}
.vip .grid_3 a { color: #EA1839;}
.vip .last { margin-bottom: 1;}
*/

.vip #industry-scroll p { display: none;}
.vip .inner { height: auto; width: auto;}
.vip #home-mid { overflow: visible; height: auto;}
.vip #inno-products li > a { display: block;}
.vip #inno-products img { margin: 0 auto 15px; display: block;}
.vip #inno-products p { color: #707070; font-size: 12px;}
.vip #inno-products p a { color: inherit; font-size: inherit;}
/* .vip ul#inno-products li,.vip ul#inno-products { height: 175px;} */
/* .vip ul#industries li,.vip ul#industries { height: 150px;} */
/* .vip ul#inno-products li img, .vip ul#industries li img, .vip ul#inno-products li h3, .vip ul#industries li h3, .vip ul#inno-products li, .vip ul#industries li { width: 275px;} */
/* .vip #home-mid #tech, .vip #home-mid #tech h2 { margin-right: 0; width: 290px;  } */

#tech img.icon { position: absolute; right: 15px; top: 0; bottom: 0; margin: auto;}

.vip form.vipform fieldset { border: none; margin-top: 7px; padding-left: 30px; position: relative; padding-top: 0;}
.vip form.vipform div.FieldBlock { display: block; margin: 0 0 10px 0;}
.vip form.vipform legend { background: transparent url('/images/section_head2.jpg') no-repeat top left; width: 100%; display: block; padding: 20px 0 5px 30px; font-weight: bold; font-style: italic; color: black; margin-left: -30px;}
.vip form.vipform legend span, .vip form.vipform legend span a { font-weight: normal; font-style: italic; font-size: 11px;}
.vip form.vipform label { line-height: 15px; text-align: right; float: left; width: 38%; margin-right: 2%; font-weight: bold;}
.vip form.vipform label.error { text-align: left; float: right; width: 58%;}
.vip form.vipform label span { display: block; font-style: italic; color: #666; font-size: 9px; font-weight: normal;}
.vip form.vipform input.text, .vip form.vipform div.col, .vip form .vipform select { float: left; width: 55%; color: #888;}
.vip form.vipform p { clear: both;}
.vip form.vipform p.required, .vip form.vipform h3.required { font-style: italic; color: #EA1839;}
.vip form.vipform span.required { display: none;}
.vip form.vipform input.text, .vip form.vipform select { border: 1px solid #ccc; padding: 5px;}
.vip form.vipform div.col { width: 58%;}
.vip form.vipform div.col input.text { width: 95%; margin-bottom: 10px;}
.vip form.vipform div.col label { display: inline; float: none; font-weight: normal;}
.vip form.vipform div.col label.error { display: block; float: none; font-weight: normal;}
.vip form.vipform div.col ul { margin: 0; padding: 0;}
.vip form.vipform div.col ul li { margin: 0; padding: 0; list-style-type: none;}
.vip form.vipform div.colfull { float: none; display: block; width: auto; margin-bottom: 10px;}
.vip form.vipform div.colfull label { font-size: 11px;}
.vip form.vipform h3 { margin-bottom: 10px;}


#additional-links { background: #fff url(/images/homepage/additional_links.jpg) no-repeat scroll 0 0; display:inline; float:left; width: 295px; margin-right: 18px; padding: 9px 18px;}
#additional-links ul {margin-bottom: 18px;}


@media (min-width: 768px) {
    #home-mid .gradientbox { margin: 0;}
}


@media (max-width: 991px) {
    #home-top { padding: 0;}
}
@media (max-width: 767px) {
    #home-mid { padding-top: 0; padding-bottom: 0;}
    #home-bottom { padding-top: 0;}
}






/********************************
**  DEV | http://newmolex.moveodev.com/power-distribution.php
** LIVE | https://www.molex.com/molex/products/group/power_distribution
********************************/
.footnotes { position: relative; margin-top: 32px; margin-right: 20px; font-style: italic;}
.footnotes p, .footnotes strong { font-size: 10px; line-height: 14px;}

#superFamily {/*width:720px;*/ position: relative; overflow:hidden;}

#superFamily .row { margin-bottom: 30px;}

#superFamily .btn-wrap { margin: 15px 0;}
#superFamily .btn-wrap .redbutton { border-radius: 40px; padding: 10px 24px; line-height: 25px;}

#superFamily div.billboard {margin-bottom:20px;height:160px;overflow:hidden;position:relative;zoom:1;}
#superFamily div.billboard div.img {float:left;width:460px;height:160px;overflow:hidden;position:relative;zoom:1;}
#superFamily div.billboard div.img img {display:block;margin:0;padding:0;}
#superFamily div.billboard dl,#superFamily div.billboard dl dt,#superFamily div.billboard dl dd,#superFamily div.billboard dl dd ul,#superFamily div.billboard dl dd ul li {margin:0;padding:0;list-style-type:none;}
#superFamily div.billboard dl {margin-top:20px;width:220px;float:right;}
#superFamily div.billboard dl dt {font-size:14px;font-weight:bold;color:#ea0437;}
#superFamily div.billboard dl dd ul li {margin-top:8px;}
#superFamily div.billboard dl dd ul li a {}
#superFamily div.billboard div.video {width: 260px; height: 160px; float:right;}

#superFamily h2.sfTitle {font-size:18px;color:#ea0437; /*float:left;*/}
#superFamily h2.rlTitle {font-size:12px; margin-top: 30px;clear:both;/*float:left;*/}


#superFamily ul.relatedLinks { margin: 0 0 30px; padding: 0; /*padding: 0 10px; float:left;*/}
#superFamily ul.relatedLinks li { list-style-type: none; border-left: 1px solid #555; /*float:left;*/ left: auto;}
#superFamily ul.relatedLinks li.first {border-left: none;}
#superFamily ul.relatedLinks li a {display: block; color: #555; /*padding: 0 10px; */}

#superFamily div.show_all_link { display: block; float: right;}
#superFamily div.show_all_link a { color: #555; font-size: 12px; font-weight: bold;}

#superFamily div.sfContent { margin-top: 30px;}
#superFamily div.sfContent h3.tcTitle {overflow:hidden;position:relative;zoom:1;font-size:14px;}
#superFamily div.sfContent h3.tcTitle a.sfTopLink {color:#ea0437;padding-left:20px;}
#superFamily div.sfContent p.tcDescript {}
#superFamily div.sfContent table.sfItems {overflow:hidden;position:relative;zoom:1;/*margin-left:-13px;*/ width: 100%;table-layout: fixed;}
#superFamily div.sfContent table.sfItems tr td.sfItem {vertical-align:top;padding:15px;border:1px solid #ccc;background:#f1f0f1 url("/images/superFamily/itemGrad_bg.jpg") repeat-x left bottom;}
#superFamily div.sfContent table.sfItems tr td.empty {width:204px; visibility:hidden;}
#superFamily div.sfContent table.sfItems tr td.sfItem dl,
#superFamily div.sfContent table.sfItems tr td.sfItem dl dt,
#superFamily div.sfContent table.sfItems tr td.sfItem dl dd,
#superFamily div.sfContent table.sfItems tr td.sfItem dl dd ul,
#superFamily div.sfContent table.sfItems tr td.sfItem dl dd ul li {margin:0;padding:0;}
#superFamily div.sfContent table.sfItems tr td.sfItem dl dd ul li {margin-top:4px;}
#superFamily div.sfContent table.sfItems tr td.sfItem dl dd ul li,
#superFamily div.sfContent table.sfItems tr td.sfItem dl dd ul li a {font-size:11px;}
#superFamily div.sfContent table.sfItems tr td.sfItem dl dt {margin:8px 0 4px 0;font-weight:bold;}
#superFamily div.sfContent table.sfItems tr td.sfItem div.sfiImage {margin-bottom:14px;width:100%;overflow:hidden;}
#superFamily div.sfContent table.sfItems tr td.sfItem div.sfiImage img { width: 100%; }
#superFamily div.sfContent table.sfItems tr td.sfItem h4.sfiTitle {margin-bottom:4px;font-weight:bold;}
#superFamily div.sfContent table.sfItems tr td.sfItem p.sfiSubTitle {margin:0;padding:0;font-style:italic;}
#superFamily div.sfContent table.sfItems tr td.sfItem dl.sfiFeatures {}
#superFamily div.sfContent table.sfItems tr td.sfItem dl.sfiFeatures dt {color:#ea0437;}
#superFamily div.sfContent table.sfItems tr td.sfItem dl.sfiFeatures dd ul {padding-left:20px;}
#superFamily div.sfContent table.sfItems tr td.sfItem dl.sfiFeatures dd ul li {list-style-type:square;}
#superFamily div.sfContent table.sfItems tr td.sfItem dl.sfiAddnlInfo {}
#superFamily div.sfContent table.sfItems tr td.sfItem dl.sfiAddnlInfo dd ul,
#superFamily div.sfContent table.sfItems tr td.sfItem dl.sfiAddnlInfo dd ul li {margin-top:2px;list-style-type:none;}

#superFamily .accordion { width: 240px; margin-top: 45px; position: relative;}
#superFamily .accordion h2 { background: #525d60 url(/images/overview/accordion.gif) left top repeat-x; outline: 0; margin: 0; padding: 8px 12px 6px; position: relative; width: 216px;}
#superFamily .accordion h2 span { position: relative; color: #fff; font-weight: bold; font-size: 12px; line-height: 14px; display: block;}
#superFamily .accordion h3, .accordion h4, .accordion p, .accordion a { margin: 0; padding: 0; font-size: 11px; line-height: 14px;}
#superFamily .accordion h3 { margin-bottom: 10px; font-weight: bold; font-size: 12px;}
#superFamily .accordion h4 { font-weight: bold; color: #ea0437; margin-bottom: 0;}
#superFamily .accordion p { margin-bottom: 10px;}
#superFamily .accordion a { font-weight: normal; text-decoration: underline;}
#superFamily .accordion .panel { position: relative; margin: 1px 0; padding: 1px 3px 1px 15px; border: 1px solid #e5e5e5; overflow-x: hidden;}
#superFamily .accordion .scroll { position: relative;   }
#superFamily .accordion .content { position: relative; left: 0;}
#superFamily .accordion h2.ui-accordion-header { cursor: pointer;}
#superFamily .accordion h2.ui-accordion-header span.title { display: block; background: url(/images/overview/open.gif) right top no-repeat;}
#superFamily .accordion h2.ui-state-active span.title { background: url(/images/overview/close.gif) right 5px no-repeat;}
#superFamily .jScrollPaneContainer { top: 1px; right: -1px;}
#superFamily .jScrollPaneTrack { background: #525d60; padding: 3px;}
#superFamily .jScrollPaneDrag { background: #fff; margin-top: 3px;}
#superFamily a.jScrollArrowUp { display: none; height: 0;}


@media (min-width: 992px) {
    #superFamily h2.sfTitle { float: left;}
    #superFamily .btn-wrap { float: right; margin-top: 0;}
}
@media (max-width: 991px) {
    /* #superFamily { width: 100%; padding: 0 20px; box-sizing: border-box;} */
    /* #superFamily .cycler { margin: 0 0 20px; width: auto;} */
	/* #superFamily .video { float: none !important; margin: 10px 0 !important;} */
    #superFamily { padding: 0 15px;}
    #superFamily .cycler,
    #superFamily .video { height: auto!important;}
    #superFamily .video { margin-top: 15px;}

    #superFamily .video iframe { width: 100%;}

    #superFamily .btn-wrap .twolinesbutton { width: auto; margin-top: 0;}
    #superFamily .btn-wrap .twolinesbutton + .twolinesbutton { margin-left: 5px;}

	#superFamily table.sfItems { border: 0; margin-left: 0; padding-top: 0;}
    #superFamily table.sfItems * { box-sizing: border-box;}
	#superFamily table.sfItems thead { display: none;}
	#superFamily table.sfItems tr { display: block;}
	#superFamily table.sfItems tr td { display: block; width: 100%; margin: 10px 0;}
	#superFamily .show_all_link, #superFamily ul.tabs-nav { display: none;}

	#superFamily ul.relatedLinks { padding: 0;}
	#superFamily ul.relatedLinks li { border: none; padding: 0; margin: 0;}
	/* #superFamily ul.relatedLinks li a { line-height: 28px; font-size: 13px; padding: 5px 0 15px;} */

	#superFamily .toggle-section { background-color: #323232; border-radius: 0; border: 0; padding-left: 10px; padding-right: 10px; position: relative; color: #fff; font-size: 16px; line-height: 48px; margin: 0; cursor: pointer;}
	#superFamily .toggle-section span.plusorminus { text-align: center; position: absolute; right: 0; top: -4px; z-index: 9; font-size: 40px; line-height: 48px; width: 48px;}

    #superFamily .reveal-wrap { margin-top: 10px; background-color: #fff; color: #323232; padding: 0;}
	#superFamily .reveal-wrap p, #superFamily .reveal-wrap ul li { color: #323232;}
	#superFamily .reveal-inner { padding: 10px 0;}
}




/********************************
**  DEV | http://newmolex.moveodev.com/about.php
** LIVE |
********************************/
ul.redDots                                                 { margin: 0; padding: 0; left: 0; list-style: none;}
ul.redDots li                                              { margin: 0; padding: 0; position: relative; padding-left: 20px;}
ul.redDots li a                                            { color: inherit; text-decoration: none;}
ul.redDots li a:hover                                      { text-decoration: underline;}
ul.redDots li + li                                         { margin-top: 15px;}
ul.redDots li::before                                      { content: ""; width: 10px; height: 10px; background: #e9123d; border-radius: 50%; position: absolute; top: 6px; left: 0;}

ul.events a, ul.events span                                { display: block;}
ul.events a                                                { font-size: 18px; line-height: 1.15; color: inherit;}
ul.events span                                             { font-size: 12px; margin-top: 5px;}

.block-wrap.bg-white                                       { background: rgba(255,255,255,0.9); padding: 60px;}

.block-wrap .redLine                                       { padding-top: 30px;}
.block-wrap .redLine p, .block-wrap .redLine li            { line-height: 2; font-size: 16px; }

.block-details > div:not(:first-child)                     { margin-top: 15px;}
.block-details > div.block-links                           { margin-top: 45px;}
.block-details > .block-btns                               { margin-top: 5px; margin-left: -5px; margin-right: -5px;}

.block-title > *                                           { margin: 0;}

.block-btns .btn                                           { margin: 10px 5px 0; min-width: 0; vertical-align: middle;}

.block-links                                               { font-size: 20px; line-height: 1.15; font-weight: 700;}
.block-links a                                             { display: block; color: #000; text-decoration: none; font-size: inherit; line-height: inherit; font-weight: inherit;}
.block-links a + a                                         { margin-top: 25px;}
.block-links a:hover                                       { color: #000; text-decoration: underline;}
.block-links ul                                            { margin: 5px 0 15px; padding: 0 0 0 30px;}
.block-links ul li + li                                    { margin-top: 4px;}
.block-links ul li a                                       { font-size: 16px;}

.block-half                                                { max-width: 700px; margin: auto; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.block-half img                                            { width: 100%;}
.block-half .block-details                                 { padding: 30px;}

@media (min-width: 767px)
{
    .block-half                                            { display: flex; align-items: center;}
    .block-half > div                                      { width: 100%; max-width: 50%;}
    .block-half .block-details                             { padding: 45px;}
}
@media (min-width: 991px)
{
    .block-details:not(.gap-sm) > div:not(:first-child)    { margin-top: 30px;}
    .block-details > .block-btns                           { margin-top: 20px;}
}
@media (max-width: 767px)
{
    .block-wrap .redLine                                    { padding-top: 15px;}
    .block-wrap .redLine::before                            { top: 0;}

    .block-details > div.block-links                        { margin-top: 30px;}
}
@media (max-width: 565px)
{
    .block-btns .btn                                        { display: block;}
}


/*
#fixedSideNav { text-align: center;}
#fixedSideNav a { display: block; width: 100%; background-color: #e30039; color: #fff; font-size: 12px; padding: 12px 18px;}
@media (min-width: 768px)
{
    #fixedSideNav { position: fixed; z-index: 999; top: 300px; left: auto; right: 0; width: 150px; text-align: right;}
    #fixedSideNav a + a { margin-top: 2px;}
}
*/

/*
#aboutHero { font-family: 'Lato', sans-serif;}
#aboutHero * { font-family: inherit;}
#aboutHero h1 { font-size: 11vw; font-weight: 900; line-height: 0.65; margin: 0 auto; max-width: 90%; text-transform: uppercase;}
#aboutHero h1 span { margin-left: 14%;}
*/

#aboutHero h1 { text-transform: uppercase;}
#aboutHero p { font-size: 18px;line-height: 1.75; text-align: center; max-width: 800px; margin: 30px auto 0;}
@media (min-width: 768px)
{
    #aboutHero { text-align: center; padding-top: 90px; padding-bottom: 60px;}
    #aboutHero .row { display: table; height: 450px;}
    #aboutHero .row > div { display: table-cell; vertical-align: middle; float: none;}
    #aboutHero .background { background-attachment: fixed;}
    #aboutHero .background::before { opacity: 0.75;}
    #aboutHero h1, #aboutHero p { color: #fff;}
    #aboutHero h1 { font-size: 40px;}
    /*
    #aboutHero h1 { color: #fff; font-size: 9vw; max-width: 70%;}
    #aboutHero p { color: #fff; padding: 0; margin: 45px auto 0; max-width: 50%; font-size: 18px;}
    */
}
@media (max-width: 767px)
{
    #aboutHero .background.darken::before { content: none;}
    #aboutHero .block-wrap { padding: 30px 0;}
}


#aboutStats { text-align: center;}
#aboutStats .row { margin: auto;}
#aboutStats .row > div { padding: 0;}
#aboutStats table { width: 100%; border: none;}
#aboutStats table td { border: none; line-height: 1.15; font-weight: 700; text-transform: uppercase; vertical-align: middle; color: #fff;}
#aboutStats .stat-value td { font-size: 55px; padding-bottom: 45px;}
#aboutStats .stat-value td.sm { font-size: 35px;}
#aboutStats .stat-title td { font-size: 22px;}
#aboutStats .stat-subtitle td { font-size: 16px; padding: 15px 0 0;}
#aboutStats .stat-subtitle div { max-width: 150px; margin: auto;}
#aboutStats .stat-icon td { padding-top: 30px}
#aboutStats .stat-icon img { max-height: 70px; margin: auto;}
@media (min-width: 1200px)
{

    #aboutStats .row > div { display: table-cell; vertical-align: middle; float: none;}
}
@media (max-width: 767px)
{
    #aboutStats { padding: 60px 0;}
    #aboutStats .background { position: absolute; padding: 0;}

    #aboutStats .stat-value td { font-size: 7.5vw; padding-bottom: 15px;}
    #aboutStats .stat-value td.sm { font-size: 4.8vw;}
    #aboutStats .stat-title td { font-size: 3vw;}
    #aboutStats .stat-subtitle td { font-size: 2vw; padding: 5px 0 0;}
}


#aboutPromo { padding-top: 60px; padding-bottom: 60px; background: #fff;}
#aboutPromo .header,
#aboutPromo ul { margin: 0 0 45px;}
#aboutPromo .header.social { margin-bottom: 40px;}
#aboutPromo ul li { color: #58595B; font-size: 16px; line-height: 1.5;}
#aboutPromo li + li { margin-top: 20px;}
@media (max-width: 767px)
{
    #aboutPromo { padding: 0;}
    #aboutPromo .header { margin: 45px 0 30px;}
    #aboutPromo ul { margin: 0 0 30px;}
}
@media (max-width: 480px) {
    #aboutPromo .btn { display: block;}
}



/********************************
**  DEV | http://newmolex.moveodev.com/industry-detail-new.php
** LIVE |
********************************/

.red-line { margin-bottom: 30px; }
.red-line::after { content: ''; border: 3px solid #ea0437; width: 90px; display: block; margin-top: 10px; background: #ea0437; }
@media (max-width: 991px) {
    h2.red-line { margin-top: 20px;}
}

.shaded-red .red-line::after { border-color: white; }
.shaded-red a { color: white; }

.wysiwyg .padding-sm { padding: 20px 0; }
.wysiwyg p, .wysiwyg ul { font-size: 16px; margin: 35px 0;}

.item-list h2 { margin-top: 20px; margin-bottom: 20px; }
.item-list a, item-list span { display: block; }
.item-list a { cursor: pointer; color: #323232; }
.item-list a:hover span { text-decoration: underline; }
.item-list .item { margin-bottom: 20px; }
.item-list .item-icon { float: left; clear: both; width: 54px; }
.item-list .item-title { font-weight: bold; font-size: 16px; float: left; margin-left: 10px; width: 90%; /* Fallback */ width: calc(100% - 64px); }

section#sticky-menu { position: relative;}
section#sticky-menu div.sticky-clone{ position: absolute; top: 0; left: 0; width: 100%; z-index: 0; opacity: 0;}
section#sticky-menu div.sticky-menu-inner {  box-shadow: 1px 1px 7px #ccc; }
section#sticky-menu div.container { padding-left: 15px; padding-right: 15px;}

section#sticky-menu.sticky-menu-fixed div.sticky-menu-inner { position: fixed; width: 100%; background-color: white; top: 0; left: 0; z-index: 999; }
section#sticky-menu.sticky-menu-fixed div.sticky-clone { position: static;}


ul.tabbed-submenu { margin: 0;}
ul.tabbed-submenu li a { display: block; font-size: 20px; color: #58595b; font-weight: bold; margin: 0 15px; background-color: transparent; padding: 12px 0; }
ul.tabbed-submenu li a.selected, ul.tabbed-submenu li a:hover { border-bottom: 3px solid #ea0437; text-decoration: none; color: #58595b; background-color: transparent; }
ul.tabbed-submenu li a:focus { background-color: transparent; }
@media screen and (max-width: 767px) {
    ul.tabbed-submenu li a { font-size: 16px; margin: 0 5px; padding: 0;}
}

.related-products .product { margin-bottom: 30px; -webkit-box-shadow: 0px 0px 14px -2px rgba(153,153,153,1); -moz-box-shadow: 0px 0px 14px -2px rgba(153,153,153,1); box-shadow: 0px 0px 14px -2px rgba(153,153,153,1); padding: 35px 25px; }
.related-products .product h3 a { color: #323232; font-size: 12px; line-height: 16px; display: block;  }
.related-products .product h3, .related-products .product img { margin-bottom: 20px; }
.related-products .product .btn { min-width: 0; padding: 8px 20px; }
@media (max-width: 991px) {
    .related-products .product { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 1px solid #ddd; margin-bottom: 10px; padding: 10px; }
}

.section.bg-dark-blue-binary,
#inner-content .section.bg-dark-blue-binary { margin: 0; padding: 25px 0; background: url(/images/connected-mobility/bg-blue-digital-pattern-darker@2x.jpg) repeat-x center; background-size: 1920px auto;}
#inner-content .section.bg-dark-blue-binary [class^="container"] { padding: 30px 90px; }

#banner-complex { position: relative;}
#banner-complex .foreground h1 { font-size: 52px; line-height: 1;}
#banner-complex .foreground p { font-size: 16px; line-height: 25px; }
@media (max-width: 1300px) {
	#banner-complex .foreground h1 { font-size: 38px; line-height: 45px; }
	#banner-complex .foreground p { font-size: 14px; line-height: 22px; }
    #banner-complex .block-details { max-width: 750px;}
}
@media (min-width: 992px) {
    #banner-complex { display: flex; flex-wrap: nowrap; margin-bottom: 45px;}
    #banner-complex > div { flex: 1; min-width: 100%;}
    #banner-complex .foreground { color: white; padding-top: 60px; padding-bottom: 30px;}
    #banner-complex .background-image { margin-right: -100%;}
    #banner-complex .background-image img { opacity: 0; visibility: hidden; width: 100%;}
    #banner-complex .background-image .background { position: absolute; top: 0; right: 45px; bottom: 0; left: 45px; margin: auto; background-position: top center;}
}
@media (max-width: 991px) {
    #banner-complex { margin: 0;}
    #banner-complex .background-image .background { display: none;}
	#banner-complex .foreground { position: relative; top: 0; left: 0; height: auto; width: auto;}
	#banner-complex .foreground h1 { font-size: 36px; line-height: 40px;}
}

#fifteen-percent { padding-top: 45px; padding-bottom: 45px;}
#fifteen-percent .btn { white-space: normal;}
#fifteen-percent .row + .row { margin-top: 45px;}
@media (max-width: 991px) {
    #fifteen-percent { padding-top: 30px; padding-bottom: 30px;}
    #fifteen-percent .row > div + div .block-details { margin-top: 30px;}
}

#five-steps,
#five-steps .step { display: flex; flex-wrap: nowrap; align-items: center;}
#five-steps .step { flex: 1; padding: 3%; color: #fff; font-size: 30px; font-weight: 700; line-height: 1.15; min-height: 250px;}
@media (max-width: 991px) {
    #five-steps { flex-wrap: wrap;}
    #five-steps .step { min-width: 33.3333%; padding: 30px; min-height: 200px;}
}
@media (max-width: 767px) {
    #five-steps .step { min-width: 50%; padding: 30px 15px;}
}





/********************************
**  DEV | http://newmolex.moveodev.com/group.php
** LIVE |
********************************/

span.required { color: #ea1b39; font-weight: bold; }
.btn-blank { color: #ea0437; border-color: #ea0437; background-color: transparent; font-weight: bold; min-width: 0; padding: 10px 20px; }
.btn-white.btn-blank { color: white; border-color: white; }

.product-image { max-width: 100%; }

#tab-videos .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#tab-videos .row > div { float: none; margin-top: 30px;}
@media (min-width: 1301px) {
    #tab-videos .inner { padding-top: 50px;}
}

#group-overview, #details { position: relative; background-color: #f5f5f5;}
#group-overview .background { position: absolute; top: 0; left: 0; bottom: 60px; margin: auto; width: 100%; height: auto; background-size: cover;}
#group-overview .container { padding-bottom: 0;}
@media (min-width: 992px) {
    #group-overview .max { margin-right: 0;}
}
/*
#group-overview::before { content: ""; position: absolute; z-index: 0; top: auto; right: auto; bottom: 0; left: 0; margin: auto;width: 100%; height: 20%; background: #f5f5f5;}
#group-overview .row { position: relative; z-index: 1;}
#group-overview .video-wrap { width: 100%; height: auto; max-width: 700px;}
*/
#details .filters { margin-bottom: 30px;}
#details .filters::after { clear: both; display: table; content: "";}
#details .filters .select-wrap { float: left; width: auto; margin-right: 10px; }

.product-result-wrap { display: -ms-flexbox; display: flex;}
.product-result-wrap .product-results { width: 100%;}
.product-result-wrap #search-results { display: none; min-width: 400px; padding-top: 15px; padding-right: 45px;}

.group-overview-copy { background-color: #2b2b2b; padding: 45px; color: white; }
.group-overview-copy h1 { font-size: 45px; }
.group-overview-copy p { font-size: 18px; line-height: 1.5; margin-bottom: 30px;}
.group-overview-copy .btn { margin: 5px 5px 0 0; }

.group-details .text { position: relative; z-index: 0;}
.group-details .text-dark { background-color: #fff;}
.group-details .text-light { background-color: #848484;}

.group-details .group-feature { position: relative; min-height: 450px; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 60px; }
.group-details .group-feature .btn { margin-top: 20px; }
.group-details .group-feature.text-light * { color: white; }
.group-details .group-feature.text-right { background-position: center left; }
.group-details .group-feature.text-right .text { float: right; }
.group-details .group-feature.text-light .btn-blank { color: white; border-color: white; }
.group-details .group-feature .text { max-width: 370px; }
.group-details .group-feature h3 { font-size: 32px; line-height: 40px; }
.group-details .group-feature p { font-size: 14px; }
.group-details .container { padding-top: 0; padding-bottom: 0; }

.group-details .sub-content { min-height: 0;}
.group-details .sub-content .content { margin-top: 30px; }

.group-details .tab-content { background-color: white; }
.group-details .tab-content .inner { padding: 45px; }
@media (max-width: 991px) {
	.group-details .tab-content .inner { padding: 0 15px; }
}



table.product-list .btn { min-width: 0; padding: 10px 15px; margin-bottom: 40px; }
table.product-list thead tr { border-bottom: 1px solid #e6e6e6; }
table.product-list th { font-weight: bold; min-width: 80px; }
table.product-list td { padding: 10px 15px 10px 0; min-width: 80px; }
table.product-list td.product-image { padding: 0; width: 250px;}
table.product-list td.product-image img { width: 100%;}
table.product-list td.product-buttons .btn { width: 100%; display: block; margin: 0; }
table.product-list td.product-buttons .btn + .btn { margin-top: 5px; }
@media (min-width: 992px) {
    table.product-list td.product-image { padding: 15px;}
}
@media (max-width: 991px) {
    table.product-list td.product-buttons.mobile { display: block!important;}
}

#tab-products tr[data-filter] > td { padding: 0;}

.product-grid { font-size: 0;}
.product-grid ul { display: block; margin: 0 -15px; padding: 0;}
.product-grid ul li { display: inline-block; vertical-align: top; padding: 15px; width: 25%;}
.product-grid .block { position: relative; padding: 20px; padding-bottom: 100px;}
.product-grid .product-block { box-shadow: 0px 1px 10px -5px rgba(0,0,0,0.5);}
.product-grid .product-title { color: #58595B; margin-top: 15px;}
.product-grid .product-text { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; margin: auto; background: #ea0437; color: #fff; opacity: 0; transition: all 0.25s ease;}
.product-grid .product-btns { position: absolute; z-index: 2; top: auto; bottom: 0; left: 0; padding: 0 20px 20px; display: flex; min-width: 100%;}
.product-grid .product-btns .btn { min-width: 48%; margin: 1%; padding: 10px 5px; line-height: 1.15; display: flex; white-space: normal; justify-content: center; align-items: center; transition: all 0.25s ease;}


.product-grid .product-block:hover .btn { background: #fff; color: #ea0437;}
.product-grid .product-block:hover .product-text { opacity: 1;}

.scrollable { overflow: hidden; overflow-y: auto; height: 100%;}

#tab-literature h3 { margin: 20px 0; }
.group-details .literature { margin-bottom: 10px; }
.group-details .literature p { margin-bottom: 0; }

@media (max-width: 1300px) {
    .product-grid ul li { width: 33.3333%;}
}
@media (max-width: 991px) {
    #group-overview .background { position: relative; bottom: auto; padding-top: 30%;}
    #group-overview .background + .container { padding-top: 0; margin-top: -30px;}
	.group-overview-copy { margin-top: 0; padding: 25px 15px;}
    .group-overview-copy p { margin-bottom: 15px;}
    .group-details{ margin-top: 0; padding: 15px 0;}
    .group-details .group-feature { padding: 30px 15px; min-height: auto;}
    .group-details .group-feature,
    .group-details .group-feature.text-right { background-position: center; }
	.group-details .group-feature.text-right .text { text-align: left; float: none; }
    /* table.product-list td p { display: none; } */
	table.table-responsive.product-list tr:first-child { display: block; }
    #details .filters .select-wrap { width: 100%; margin-top: 20px; }
	#details .filters .select-wrap select { width: 100%;}
	#tab-contact .form-row .text-right { text-align: center; }
}
@media (max-width: 767px) {
    .product-grid ul li { width: 50%;}
}
@media (max-width: 500px) {
    .product-grid ul li { width: 100%;}
}

/* Easy Scroll Dots 1.1.0 --- https://github.com/Superhands89/EasyScrollDots
* Quickly add anchor points throughout your web page/application and have navigational dots automatically appear
* in a fixed position on the side of the page. This allows the user to click to scroll though sections of the page,
* and it updates as they scroll.
*
* By Paul Dolby (Superhands89) 2019 --- https://github.com/Superhands89/
*
* MIT Licence - Free and unrestricted use.
*/
.scroll-indicator-controller{position:fixed;top:50%;transform:translate(0,-50%);left:30px;z-index:2}.scroll-indicator-controller.indi-mobile>div span{display:none}@media (max-width:1024px){.scroll-indicator-controller{left:10px}}.scroll-indicator-controller>div{width:20px;height:20px;position:relative;border-radius:50%;border:1px solid tomato;background:rgba(0,0,0,.25);margin:0 0 10px;cursor:pointer;transition:background .4s ease;will-change:transition}.scroll-indicator-controller>div span{color:tomato;position:absolute;left:calc(100% + 8px);white-space:nowrap;top:-1px;font-family:arial,sans-serif;font-size:16px;line-height:17px;width:0;overflow:hidden;opacity:0;transform:translateX(10px);transition:all .4s ease;will-change:transition}@media (hover:none){.scroll-indicator-controller>div span{display:none}}.scroll-indicator-controller>div span:before{content:"-----";padding-right:5px;letter-spacing:-2px;font-family:arial,sans-serif;vertical-align:text-top}@media (hover:hover),(-ms-high-contrast:none),(-ms-high-contrast:active){.scroll-indicator-controller>div:hover span{width:auto;opacity:1;overflow:visible;transform:translateX(0)}}.scroll-indicator-controller>div.active{background:tomato;border-color:rgba(0,0,0,.25)}@supports (-ms-ime-align:auto){.scroll-indicator-controller>div span{transition:opacity .4s ease}}
.scroll-indicator-controller>div.active { background-color: #ea0437; }
.scroll-indicator-controller>div { background: transparent; border: 2px solid #5b5c5e; }
.scroll-indicator-controller>div span { color: #ea0437; background-color: white; padding: 5px; top: -5px; }

.scroll-indicator-controller { display: none!important; }




/********************************
**  DEV | http://newmolex.moveodev.com/about-sub.php
** LIVE |
********************************/

.icon-nav { background-color: #323232; padding: 20px; margin-bottom: 20px; }
.icon-link { display: block; color: white; }
.icon-link:hover { color: white; }
.icon-link:hover .icon { color: #ea0437; }
.icon-link .icon { display: block; margin: 10px auto; color: white; max-height: 100px;  }
.icon-link span { display: block; font-size: 20px; line-height: 21px; font-weight: bold; color: white; text-align: center; }

@media (max-width: 991px) {
	.icon-nav { margin-top: 20px;  }
	.icon-link { padding: 10px; }
}
@media (max-width: 1300px) {
	.icon-link span { font-size: 14px; }
}




/********************************
**  Product popups
********************************/

.product-popup [class^="container"] { padding: 30px; }
.product-popup .btn-blank { padding: 12px 24px; }
.product-popup .product-image { margin: 0 15px 15px 0; }
.product-popup h1 { color: #333; font-size: 25px; line-height: 32px; }
.product-popup h2.underline { color: #333; border-bottom: 1px solid #777; font-size: 20px; line-height: 22px; padding-bottom: 10px; margin-bottom: 10px; }
.product-popup .product-info p { font-size: 13px; line-height: 18px; margin-top: 10px; }
.product-popup .emphasize { color: #ea0437; font-weight: bold; }
.product-popup .table>tbody>tr>td, .product-popup .table>tbody>tr>th, .product-popup .table>tfoot>tr>td, .product-popup .table>tfoot>tr>th, .product-popup .table>thead>tr>td, .product-popup .table>thead>tr>th { border-top: 0; border-bottom: 0; }
.product-popup .table th { font-weight: normal; font-size: 13px; }
.product-popup .table-shaded th { background-color: #d5d5d6; border: 1px solid #e2e2e3; color: white; }
.product-popup .table-shaded td { background-color: #f6f6f6; border: 1px solid #ebeaeb; }
.product-popup .table-shaded td, .product-popup .table-shaded th { padding: 8px; }
.product-popup .table .fake-header { display: block; padding: 8px 8px 8px 0; font-weight: bold; }
.product-popup .table .form-control { display: inline-block; }
.product-popup .table .form-group input { display: inline-block; width: 40%; }
.product-popup .table .form-group input + button { margin-left: 10px; margin-top: 0; }
.product-popup .form-group input + button { margin-top: 10px; }
.product-popup form { margin-top: 20px; }
.product-popup table form { margin-top: 0; }
.product-popup form label { font-weight: normal; }
.product-popup form .form-control { border: none; background-color: #e7e6e7; margin-bottom: 10px; }
.product-popup .popup-message { margin-top: 100px; }
.product-popup .popup-message h1 { margin-bottom: 15px; font-size: 32px; line-height: 40px; }
p.part-msg a { color: #ccc; text-decoration: underline; display: block; margin-bottom: 20px; }
@media (max-width: 500px) {
	.product-popup [class^="container"] { padding: 0; }
	.hidden-xxs { display: none!important; }
	.product-popup .table .logo-row { display: none; }
}



/********************************
**  Product Anchor Index | product-listing.php
********************************/
#banner.anchor                                      { padding: 0; margin: 0; font-size: 0; visibility: hidden; color: transparent; background: none;}

#product-index-wrap                                 { position: relative; z-index: 1;}
#product-index-wrap.sticky .product-index           { position: fixed;}
.product-index                                      { position: absolute; top: 0; left: 0; right: 0; z-index: 1; margin: auto; background: #ececec; text-align: center; font-size: 0;}
.product-index .container                           { padding: 15px;}
.product-index .product-anchors                     { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0 auto; text-align: center;}
.product-index .product-anchor                      { padding: 10px; min-width: 40px; background: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #323232; cursor: pointer; border: 2px solid #ececec;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Standard syntax */
}
.product-index .product-anchor:hover                { border-color: #323232;}
.product-index .product-anchor.active,
.product-index .product-anchor.active:hover         { border-color: #ececec; background: #323232; color: #fff;}
.product-index .product-anchor.disable,
.product-index .product-anchor.disable:hover        { border-color: #ececec; background: #fff; color: #ececec; cursor: default;}
@media screen and (max-width: 1199px) {
    .product-index .product-anchor                  { padding: 8px; font-size: 14px; min-width: 35px;}
}
@media screen and (max-width: 991px) {
    .product-index .container                       { padding: 5px 15px;}
    .product-index .product-anchor                  { width: 11.1111%;}
}


/********************************
**  Product Listing | product-listing.php
********************************/
#product-listings                                  { position: relative; z-index: 0; padding: 0 0 45px;}
.product-listing                                   { padding: 45px 0 0;}
.product-listing .heading                          { text-transform: uppercase; border-bottom: 1px solid #323232; padding-bottom: 10px; margin-bottom: 30px;}
.product-listing .product-list ul,
.product-listing .product-list li                  { margin: 0;}
.product-listing .product-list li + li             { margin-top: 10px;}
.product-listing .product-list a                   { color: #323232; font-size: 18px;}

/********************************
**  DEV | http://newmolex.moveodev.com/login.php
** LIVE |
********************************/

#full-page-bg { height: 100%; width: 100%; }
.blur { position: absolute; height: 100%; width: 100%; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); background-color: rgba(0,0,0, 0.2); }
.inline-links { color: #ea0437; padding-bottom: 10px; }
.inline-links a { line-height: 30px; }
.inline-links.top-inline-links { color: #fff; font-size: 20px; margin: 40px 0 30px; }
.inline-links.top-inline-links a { color: #fff; text-decoration: underline;}
.login-box { background-color: white; padding: 70px 55px; border-radius: 5px; margin-bottom: 50px; }
.login-box form { margin-top: 20px; }
.login-box table form { margin-top: 0; }
.login-box form label { font-weight: normal; }
.login-box form .form-control { border: none; background-color: #e7e6e7; margin-bottom: 10px; }
.login-box form small p, .login-box form small a { font-size: 12px;}
.login-box form small p {  margin: 0 0 10px; }
.login-box form small a { text-decoration: underline; }
.login-box form small { margin-bottom: 10px; display: block; }
.login-box h2 { font-size: 35px; color: #58595B; }
.login-box h3 { font-size: 26px; line-height: 26px; color: #58595B; }
.login-box .emphasize { color: #ea0437; font-weight: bold; }
.login-box h3.emphasize { margin: 30px 0 30px; }

/********************************
**  Registration | register.php
********************************/
.molex-form { margin-top: 40px; }
.molex-form label { font-weight: normal; }
.molex-form small { font-size: 0.8em; line-height: 1.2em; font-weight: normal; display: block; }
.molex-form .form-control { background-color: #f9f9f9; margin-bottom: 10px; }
.molex-form legend { border: 1px solid #ddd; padding: 10px; display: inline-block; width: auto; }
.molex-form legend small { display: inline; }
.register-form label { font-weight: bold; width: 28%; padding-right: 2%; float: left; text-align: right;  }
.register-form .form-control, .register-form .radio, .molex-form .help-block  { width: 70%; float: right; }
.register-form .checkbox label, .register-form .radio label { display: block; width: auto; padding-right: 0; float: none; text-align: left; font-weight: normal; }
.register-form .checkbox input, .register-form .radio input, .register-form .radio .help-block, .register-form .checkbox .help-block { float: none; width: auto; font-weight: bold; }
.molex-form p.required { color: #EA1839; font-size: 10px; line-height: 13px; font-style: italic; font-weight: normal; margin: 0;  }

.bordered-box { width: 100%; padding: 0 15px 30px; border: 1px solid #ddd; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 10px; }
.bordered-box h2 { width: auto; position: relative; margin: -1px -15px 15px; border: none; border-bottom: 1px solid #ddd; background: none; padding: 10px 15px; border-radius: 0; font-size: 18px; line-height: 1.35; color: #e30039; }


/********************************
**  Erik's Connected Mobility modules | industry-detail-new.php and industry-overview.php
********************************/
#CarPartSelector { background-color: black; padding-top: 100px; position: relative; }
#CarPartSelector .carbase{ background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/ModuleLayers_0007_car_gateway.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 800px; position: relative;  z-index: 0; }
#CarPartSelector .hoverImage { display: block; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center; margin: auto; }
	#CarPartSelector #vehicleAntennas { left: 400px; top: 140px; }
	#CarPartSelector #wirelessCharging { right: 50px; top: 150px; }
	#CarPartSelector #bestReception { left: 400px; top: 100px; }
	#CarPartSelector #highSpeedCables { right: 50px; top: 200px; }
	#CarPartSelector #compenserText { right: 70px; top: 250px; }
	#CarPartSelector #usbChargerText { right: 100px; top: 150px; }
	#CarPartSelector #antenna { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/ANTENNA.png"); width: 50px; height: 50px; left: 175px; top: 275px; z-index: 2; }
	#CarPartSelector #antenna:hover { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/ANTENNA_on.png"); }
	#CarPartSelector #charging { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/module__0000_Wireless-Charger.png"); width: 50px; height: 50px; left: -75px; top: 190px; z-index: 2; }
	#CarPartSelector #charging:hover { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/Charging_on.png"); }
	#CarPartSelector #compenser { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/Compenser.png"); width: 50px; height: 50px; left: 200px; top: 470px; z-index: 2; }
	#CarPartSelector #compenser:hover { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/Compenser_on.png"); }
	#CarPartSelector #cables { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/module__0007_Cables.png"); width: 820px; height: 725px; left: 50%; top: 30px; position: absolute; z-index: 1; transform:translate(-50%, -11%);  }
	#CarPartSelector #cables:hover { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/module__0007_Cables_on.png"); }
	#CarPartSelector #receiver { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/module__0001_Receiver.png"); width: 75px; height: 50px; left: 200px; top: 90px; z-index: 2; }
	#CarPartSelector #receiver:hover { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/module__0001_Receiver_on.png"); }
	#CarPartSelector #usbCharger { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/module__0003_USB-Charger.png"); width: 25px; height: 25px; left: 20px; top: 120px; z-index: 2; }
	#CarPartSelector #usbCharger:hover { background-image: url("/images/connected-mobility/modules/VehicleCommunication/CarPartSelector/module__0003_USB-Charger_on.png"); }
#CarPartSelector .hoverBox { width: 230px; border-radius: 4px; background-color: #fff; margin: auto; position: relative; display: none; transition: all 1s; z-index: 1;}
#CarPartSelector .cardContent { padding: 20px; }
#CarPartSelector .cardTitle { font-size: 20px; font-weight: bold;}
#CarPartSelector .cardImage { margin-top: 20px; }
#CarPartSelector .textBox { color: #fff; width: 300px; left: 100px; top: 400px; position: absolute;}
#CarPartSelector #textTitle { font-size: 24px; font-weight: bold; position: absolute; }
#CarPartSelector #techVid { position: absolute; z-index: 0; right: 0; top: 0; min-width: 100%; max-height: 100%; }
@media screen and (max-width: 1100px) {
	#CarPartSelector video { display: none; }
	#CarPartSelector .carbase{ background-image: none; width: 100%; height: auto; }
	#CarPartSelector .hoverImage { display: none; }
	#CarPartSelector .hoverBox { width: 100%; height: auto; border-radius: 0px; background-color: #000; color: #fff; margin: auto; position: static; display: block !important;	    }
	#CarPartSelector .textBox { display: none; }
	#CarPartSelector { margin-top: 0px; padding: 20px 0; height: auto;  }
}

#LivingSpaceHover { background-color: black; padding-top: 100px; position: relative; }
#LivingSpaceHover .carbase{ background-image: url("/images/connected-mobility/modules/LivingSpaceHover/livingspace.png"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 800px; position: relative; z-index: 0; }
#LivingSpaceHover .hoverImage { display: block; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center; margin: auto; }
	#LivingSpaceHover #mediamodulestext { right: 350px; top: 200px; }
	#LivingSpaceHover #wirelessCharging { right: 300px; top: 0px; }
	#LivingSpaceHover #bestReception { right: -300px; top: -100px; }
	#LivingSpaceHover #highSpeedCables { right: -200px; top: 0px; }
	#LivingSpaceHover #compenserText { right: -400px; top: 0px; }
	#LivingSpaceHover #usbChargerText { right: -200px; top: -100px; }
	#LivingSpaceHover #usbcharger { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/usbcharger.png"); width: 35px; height: 50px; left: -19px; top: 354px; z-index: 1; }
	#LivingSpaceHover #usbcharger:hover { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/usbcharger_on.png"); }
	#LivingSpaceHover #wirelesscharger { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/wirelesscharger.png"); width: 50px; height: 50px; left: -123px; top: 259px; z-index: 1; }
	#LivingSpaceHover #wirelesscharger:hover { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/wirelesscharger_on.png"); }
	#LivingSpaceHover #compenser { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/compenser.png"); width: 36px; height: 50px; left: 183px; top: 347px; z-index: 1; }
	#LivingSpaceHover #compenser:hover { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/compenser_on.png"); }
	#LivingSpaceHover #cables { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/cables.png"); width: 820px; height: 360px; left: 600px; top: 180px; position: absolute; z-index: 0; transform: translate(-50%, 3%); }
	#LivingSpaceHover #cables:hover { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/cables_on.png"); }
	#LivingSpaceHover #mediamodules { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/mediamodules.png"); width: 42px; height: 50px; left: -170px; top: 267px; z-index: 1; }
	#LivingSpaceHover #mediamodules:hover { background-image: url("/images/connected-mobility/modules/LivingSpaceHover/mediamodules_on.png"); }
#LivingSpaceHover .hoverBox { width: 230px; height: 200px; border-radius: 4px; background-color: #fff; margin: auto; position: relative; display: none; transition: all 1s; opacity: 1.0; }
#LivingSpaceHover .cardContent { padding: 20px; }
#LivingSpaceHover .cardTitle { font-size: 20px; font-weight: bold; }
#LivingSpaceHover .cardContent .btn-primary { display: none; }
#LivingSpaceHover .textBox { color: #fff; width: 300px; left: 100px; top: 400px; position: absolute; }
#LivingSpaceHover #textTitle { font-size: 24px; font-weight: bold; position: absolute;}
#LivingSpaceHover #techVid { position: absolute; z-index: 0; right: 0; top: 0; min-width: 100%; max-height: 100%; }
#LivingSpaceHover #instructions { position: absolute; color: #ffffff; font-family: Arial, "sans-serif"; top: 100px; left: 100px; z-index: 1; }

@media screen and (max-width: 1100px) {
	#LivingSpaceHover video { display: none; }
	#LivingSpaceHover #instructions { display: none; }
	#LivingSpaceHover .carbase{ background-image: none; width: 100%; height: 970px }
	#LivingSpaceHover .hoverImage { display: none; }
	#LivingSpaceHover .hoverBox { width: 100%; height: 200px; border-radius: 0px; background-color: #fff; color: #000; margin: auto; position: static; display: block !important; opacity: 1;}
	#LivingSpaceHover .textBox { display: none;}
	#LivingSpaceHover .cardContent .btn-primary { display: block; margin-left: 50%; margin-right: 50%; }
	#LivingSpaceHover { margin-top: 0px; padding: 20px 0; height: auto; background: none; }
}

#ExploreTrends { background-color: black; color: white; padding: 20px 0 0; }
#ExploreTrends h2 { margin-bottom: 20px; }
#ExploreTrends .trend { border: 2px solid white; padding: 10px; margin-bottom: 20px; text-align: center; text-decoration: none; display: block; transition: 0.3s; }
#ExploreTrends .trend:hover { background-color: #ea0437; color: white; }
#ExploreTrends .trend-image { margin: 10px auto; min-height: 101px;  }
#ExploreTrends .trend span { display: block; font-size: 18px; line-height: 1; font-weight: bold; padding: 10px 0; }

#NetworkingSolutionsTabs ul.tabbed-submenu li a { display: block; }
#NetworkingSolutionsTabs h3 { color: #ea0437; font-size: 30px; line-height: 1.2em; }
#NetworkingSolutionsTabs p { font-size: 20px; line-height: 1.2em; }
@media screen and (max-width: 720px) {
	#NetworkingSolutionsTabs ul.tabbed-submenu li { display: block; }
	#NetworkingSolutionsTabs ul.tabbed-submenu li a { margin: 0; }
}

#content.large-margins #MarketsOverlays .container>.row { padding: 0; margin: 0 auto;}
#MarketsOverlays .grid-overlay { padding: 0; background-position: center; background-color: #111; height: 200px; display: block; background-repeat: no-repeat; background-size: cover; }
#MarketsOverlays .grid-overlay.tall { height: 250px; }
#MarketsOverlays .grid-overlay .text { color: white; font-size: 1em; display: none; margin: auto; text-align: center; width: 100%; height: 200px; font-family: Helvetica, Arial, "sans-serif"; line-height: 1.3em; background-color: rgba(0, 0, 0, 0.8); box-sizing: border-box; }
#MarketsOverlays .grid-overlay.tall .text { height: 250px; }
#MarketsOverlays .grid-overlay .text span { padding: 40px; box-sizing: border-box; font-size: 24px; line-height: 1.2em; font-weight:bold; display: block;}
@media screen and (max-width: 720px) {
	#content.large-margins #MarketsOverlays .container>.row { padding: 0; }
	#MarketsOverlays .grid-overlay { width: 100%; height: 200px; background-position: center; background-size: cover; }
}

#content.large-margins #CapabilitiesOverlays .container>.row { padding: 0; margin: 0 auto;}
#CapabilitiesOverlays .grid-overlay { padding: 0; background-position: center; background-color: #111; display: block; background-repeat: no-repeat; background-size: cover; }
#CapabilitiesOverlays .grid-overlay .text { padding: 40px; color: white; font-size: 1em; display: none; margin: auto; width: 100%; font-family: Helvetica, Arial, "sans-serif"; line-height: 1.3em; background-color: rgba(0, 0, 0, 0.8); box-sizing: border-box; }
#CapabilitiesOverlays .grid-overlay .text h3 { font-size: 24px; line-height: 1.2em; }
#CapabilitiesOverlays .grid-overlay .text ul { margin: 15px 0; }
@media screen and (max-width: 720px) {
	#content.large-margins #CapabilitiesOverlays .container>.row { padding: 0; }
	#CapabilitiesOverlays .grid-overlay { width: 100%; background-position: center; background-size: cover; }
	#CapabilitiesOverlays .grid-overlay .text { background-color: rgba(0, 0, 0, 0.5); display: block !important; }
}


#DesignProcess .rolloverWrapper { float: left; width: 20%; }
#DesignProcess .rolloverCard  { width: 240px; min-height: 360px; position: relative; padding: 20px; background-color: #EA0437; color: #ffffff; font-family: Arial, "sans-serif"; font-size: 16px; line-height: 1.5em; border-radius: 16px; display: none; }
#DesignProcess .cardTitle { font-size: 30px; line-height: 1.2em; font-weight: bold; margin-bottom: 20px; }
#DesignProcess .cardIcon {  width: 240px; height: 360px; position: relative; padding: 20px; color: #000; font-family: Arial, "sans-serif"; font-weight: bold; font-size: 24px; line-height: 1.2em; text-align: center; display: block; }
#DesignProcess .cardIcon img { display: block; margin: 0 auto 20px; width: 100px; }
@media only screen and (max-width: 1240px) {
  #DesignProcess .rolloverWrapper { width: 33%; }
}
@media only screen and (max-width: 720px) {
  #DesignProcess .rolloverWrapper { float: none; width: 100%; }
  #DesignProcess .rolloverCard { display: block; width: 100%; min-height: 0; height: auto !important;  background-color: #fff; color: #000; }
  #DesignProcess .cardIcon { display: none; }
}

#InteractiveMap { overflow: hidden; }
#InteractiveMap .cityList, #InteractiveMap .mapTitleMobile { display: none; }
#InteractiveMap .circle { height: 20px; width: 20px; background-color: #F70004; opacity: 0.8; border-radius: 50%; position: absolute; transition: all 0.2s ease-in-out; }
#InteractiveMap .circle:hover { background-color: #F70004; border: solid 5px #8B1315; z-index: 9999999; width: 20px; height: 20px; }
#InteractiveMap .imagecontain { width: 1191px; height: 587px; background-repeat: no-repeat; background-size: 1191px 587px; background-image: url("/images/connected-mobility/modules/LabCapabilities/Interactive_Map/images/map.png"); }
#InteractiveMap .hovertext { position: relative; left: 45%; top: 250px; width: 300px; background-color: #6C3A77; color: #FFFFFF; z-index: 1; border-radius: 10px; display: none; }
#InteractiveMap .text { width: 270px; padding: 30px; font-weight: bold; overflow: hidden; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 16px; line-height: 1.4em; }
#InteractiveMap .text ul { padding: 10px 15px 0; }
#InteractiveMap .text li { font-weight: normal; margin: 0; font-size: 16px; line-height: 1.4em; }
#InteractiveMap .cityList .text { padding: 15px 0; }
@media only screen and (max-width: 1024px) {
	#InteractiveMap .cityList, #InteractiveMap .mapTitleMobile { display: block; }
	#InteractiveMap .imagecontain, #InteractiveMap .hovertext, #InteractiveMap .circle, #InteractiveMap .mapTitle  { display: none; }
}

/*#SafetyInfographic { overflow: hidden; } */
#SafetyInfographic .cityList { display: none; }
#SafetyInfographic .mapTitle {  text-align: center; float: left; left: 200px; font-family: Arial, "sans-serif"; font-weight: bold; color: #58595B; font-size: 1.5em; padding-top: 25px; display: block; }
#SafetyInfographic .mapTitleMobile {  text-align: center; float: left; left: 200px; font-family: Arial, "sans-serif"; font-weight: bold; color: #58595B; font-size: 1.5em; padding-top: 25px; display: none; }
#SafetyInfographic .underscore{ width: 92px; height: 5px; background-color: #EA0437; float: left; }
#SafetyInfographic .circle { height: 20px; width: 20px; background-color: #F70004; opacity: 0.8; border-radius: 50%; position: absolute; transition: all 0.2s ease-in-out;  }
#SafetyInfographic .circle:hover { background-color: #F70004; border: solid 5px #8B1315; z-index: 9999999; width: 20px; height: 20px; }
#SafetyInfographic .imagecontain { margin: auto; width: 1191px; height: 587px; background-repeat: no-repeat; background-size: 1191px 587px; background-image: url("/images/connected-mobility/modules/SafetyInfographic/images/connectedmobility_3.png"); }
#SafetyInfographic .hovertext { position: relative; left: 45%; top: 250px; width: 400px; background-color: #FFFFFF; color: #000000; z-index: 1; border-radius: 10px; display: none; }
#SafetyInfographic .text { width: 100%; padding: 30px; font-weight: bold; overflow: hidden; font-size: 16px; line-height: 1.4em; }
#SafetyInfographic .text ul { padding: 10px 15px 0; }
#SafetyInfographic .text li { font-weight: normal; margin: 0; font-size: 16px; line-height: 1.4em; }
@media only screen and (max-width: 700px) {
	#SafetyInfographic .text { width: auto; padding: 0; }
	#SafetyInfographic .cityList { display: block; }
    #SafetyInfographic .imagecontain { display: none; }
    #SafetyInfographic .hovertext { display: none; }
    #SafetyInfographic .circle{ display: none; }
    #SafetyInfographic .mapTitle { display: none; }
    #SafetyInfographic .mapTitleMobile { display: block; }
}

#SliderModule { overflow: hidden; }
#SliderModule .customH5 { font-size: 3em; line-height: 1.2em; font-weight: bold; }
#SliderModule .customP { font-size: 1.5em; line-height: 1.2em; font-weight: normal; max-width: 500px; }
#SliderModule .custom-carousel-caption { position: absolute; right: 15%; bottom: 15%; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: left; }
#SliderModule .avatar { position: absolute; right: 100px; top: 0px; }
#SliderModule .owl-buttons { position: absolute; top: 45%; left: 0; right: 0; }
#SliderModule .owl-prev, #SliderModule .owl-next { cursor: pointer; position: absolute; color: inherit; background: rgb(0,0,0,0.3); border-radius: 5px; border: 1px solid white; padding: 7px 20px; z-index: 100; color: white; }
#SliderModule .owl-prev.disabled, #SliderModule .owl-next.disabled { display: none; }
#SliderModule .owl-buttons i { font-size: 3.5rem; color: white; }
#SliderModule .owl-prev:hover, #SliderModule .owl-next:hover { background-color: rgba(88, 89, 91, 1.0); }
#SliderModule .owl-prev { left: -5px; border-left: 0; }
#SliderModule .owl-next { right: -5px; border-right: 0; }
#SliderModule.owl-theme .owl-controls { position: absolute; bottom: 10px; width: 100%; }
#SliderModule.owl-theme .owl-controls .owl-page span { background: white; height: 6px; width: 55px; margin-left: 7px; margin-right: 7px; border: none; }
#SliderModule.owl-theme .owl-controls .owl-page.active span, #SliderModule.owl-theme .owl-controls.clickable .owl-page:hover span { background: #ea0437; border: none; }
@media screen and (max-width: 1100px) {
	#SliderModule { background-color: #f0f0f0; padding-bottom: 20px; }
	#SliderModule .owl-buttons { top: 5%; }
	#SliderModule .custom-carousel-caption { padding: 30px; position: relative; right: auto; bottom: auto; left: auto; color: #323232; }
	#SliderModule .avatar {display: none;}
}

#CMS-homepage-module { background-color: #000; color: white; padding: 20px 20px 40px; overflow: hidden; }
#inner-content #CMS-homepage-module.section .row + .row { margin-top: 0; }
#CMS-homepage-module .text { margin-top: 50px; }
#CMS-homepage-module .text, #CMS-homepage-module .text p { font-size: 16px;  line-height: 1.4em; }
#CMS-homepage-module .text h3 { font-size: 24px; line-height: 1.4em;  }
#CMS-homepage-module .car { display: none; width: 962px; height: 534px;  }
#CMS-homepage-module .car-default {	 display: block; width: 962px; height: 534px; }
#CMS-homepage-module .car-overlay { height: 236px; display: inline-block; width: 352px; background-color: #000;  }
#CMS-homepage-module .car-overlay:hover { background-color: #EA0437;  }
@media screen and (max-width: 960px) {
	#CMS-homepage-module .car { display: none !important; }
	#CMS-homepage-module .car-overlay { margin-top: 20px; }
}


#cert-finder { }
#cert-finder .choice { color: #ea0437;}
#cert-finder p,
#cert-finder li { font-weight: 700; font-size: 18px;}
#cert-finder label { display: block; font-weight: 400; font-size: 14px;}
#cert-finder select { position: relative; z-index: 0; display: block; font-size: 14px; min-width: 150px; background: #ccc; color: #333; border: none; height: 40px; padding: 0 10px; line-height: 1; -webkit-appearance: none; appearance: none;}
#cert-finder select::-ms-expand { display: none!important; border: 0; background-color: transparent; opacity: 0; visibility: hidden;}
#cert-finder .select-wrap { position: relative; overflow: hidden; background: #ccc; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer;}
#cert-finder .select-wrap::after { content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; right: 15px; left: auto; margin: auto; height: 10px; width: 10px; background: none; border-left: 8px solid #ea0437; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}

#cert-finder #location .select-wrap,
#cert-finder .result { display: none;}


.detail-box { display: flex; border-bottom: 1px solid #ccc; padding: 30px 0;}
.detail-box > div { width: 100%;}
.detail-box .left { max-width: 200px; color: #58595B;}
.detail-box .left * { color: inherit;}
.detail-box .right { padding-left: 30px;}
@media (max-width: 767px)
{
    .detail-box { padding: 15px 0; display: block;}
    .detail-box .left { max-width: 100%;}
    .detail-box .right { padding: 15px 0 0;}
}
.detail-box:not(.top):first-child { padding-top: 0;}
.detail-box.top { border-top: 1px solid #ccc;}

.aboutus-padding { padding-left:50px; padding-right:50px;}

/* Custom Configurator spacing fix */
#config-wrap, #config-wrap *,
#config-wrapper, #config-wrapper * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/********************************
**  New product detail | product-detail.php
********************************/

.wysiwyg p.subtitle, .wysiwyg p.info { margin: 5px 0; }
.wysiwyg p.subtitle, .wysiwyg p.info, .wysiwyg p.subtitle a, .wysiwyg p.subtitle a strong, .wysiwyg p.info a, .wysiwyg p.info a strong { font-weight: bold; font-size: 24px; line-height: 1.2; }
.wysiwyg p.info, .wysiwyg p.info a, .wysiwyg p.info a strong { font-size: 15px; }
@media (max-width: 767px) {
	.part-details h1 { font-size: 28px; }
	.wysiwyg p.subtitle, .wysiwyg p.info, .wysiwyg p.subtitle a, .wysiwyg p.subtitle a strong, .wysiwyg p.info a, .wysiwyg p.info a strong { font-size: 16px; }
}

.part-buttons .btn { margin-top: 15px; }

span.warning { color: #ea0437; font-weight: bold; }
span.warning img { width: 15px; height: 15px;}
span.warning i { background-color: #ea0437; border-radius: 50%; color: white; display: inline-block; padding: 1px 3px 4px 3px; text-align: center; line-height: 10px; vertical-align: middle; bottom: 2px; position: relative; }

.btn-secondary { background-color: #587E92; }
/* .part-image-buttons .btn-secondary, .part-details a.btn { padding: 12px 60px; font-size: 16px; margin-right: 15px; } */
.part-image-buttons .btn-secondary { padding: 12px 60px; font-size: 16px; margin-right: 15px; }

.part-image { position: relative; margin-bottom: 20px; }
.part-image img { width: 100%; }
.part-image-buttons .btn { margin: 10px 15px; }
.part-image-buttons .btn.btn-secondary { margin: 10px 15px; padding: 12px 10px; font-size: 12px;  }
.part-image-buttons .btn.btn-secondary .molex-icon { margin-right: 5px;  }
.part-image-buttons .btn, .zoom-triangle-bg { position: absolute; bottom: 0; z-index: 5; }
.part-image-buttons .btn.js_view_gallery, .zoom-triangle-bg { position: absolute; right: 0; margin: 0; }
.btn-transparent { background: none !important; border: none !important; padding: 0 0 10px; min-width: 35px; }
.zoom-triangle-bg { width: 0px; height: 0px; border-top: 67px solid transparent; border-right: 67px solid #587E92; position: absolute; z-index: 4; }
@media (max-width: 1200px) {
    /* .part-image-buttons .btn-secondary, .part-details a.btn { padding: 12px 30px; } */
	.part-image-buttons .btn-secondary { padding: 12px 30px; }
}
@media (max-width: 767px) {
	.part-image { width: 80%; margin: 0 auto 10px; }
}

/* .part-details p, .part-details a, .part-details li, .part-details strong, .part-details a.btn { font-size: 16px; } */
.part-details p, .part-details a, .part-details li, .part-details strong { font-size: 16px; }
.part-details a.text-link { color: #5A7E92; font-size: 16px; }
.part-details ul { margin-top: 10px; }
.part-details ul, .part-details ul li { list-style-type: none; padding: 0; margin-bottom: 10px; color: #707070; }
.part-actions li a { display: inline-block; margin-bottom: 0; color: #5A7E92; font-weight: bold; }
.part-actions li .molex-icon { margin-right: 5px; }

.section-title { margin-bottom: 25px; }
h4.document { font-weight: normal; font-size: 20px; line-height: 1.3; border-left: 1px solid #5A7E92; }
h4.document a { display: block; padding: 10px; color: #5A7E92; }

ul.document-list { border-left: 1px solid #5A7E92; font-family: Verdana, sans-serif;}
ul.document-list a { display: block; color: #5A7E92; padding: 10px;}
ul.document-list li { font-weight: normal; font-size: 20px; line-height: 1.3; margin: 0; padding: 0;}
ul.document-list ul { padding-left: 30px; margin: 0;}

a.link-secondary { color: #5A7E92; }

.tab-style-2 .tab-content-wrap { background-color: white; padding: 40px 25px; }
.tab-style-2 .tabs-wrapper .tabs { margin-top: 0; margin-bottom: 0; }
.tab-style-2 .tabs-wrapper { border: none; }
.tab-style-2 .tabs li { margin: 0; }
.tab-style-2 .tabs li a { font-size: 17px; padding: 23px 26px; background-color: #e6e6e6; color: #58595b; }
.tab-style-2 .tabs li a.selected, .tab-style-2 .tabs li a:hover { background-color: white; color: #ea0437; }
.tab-style-2 .section { margin: 50px 0; }

ul.part-list { margin-top: 25px; border-left: 1px solid black; padding-left: 10px; }
ul.part-list li { margin: 15px 0; }
@media (max-width: 767px) {
	ul.part-list img { display: block; }
}

#part-details [class^="container"] { padding-top: 0; }
#part-details table { border: none; font-size: 14px; width: 100%;}
#part-details table tr:nth-child(odd) { background: #f1f1f1;}
#part-details table td { border: none; padding: 12px 25px; font-size: 14px;}
#part-details table td.col-sm { width: 250px;}
#part-details table td + td { border-left: 2px solid #fff;}

.add-row-border { border-top: 1px solid #e0e0e0; }
#part-details .display { padding: 30px 0; }

#part-details .preview img { border: 1px solid #e0e0e0; width: 100%;}
#part-details p.title-toggle { position: relative; margin: 0; cursor: pointer; display: block; font-size: 17px; }
#part-details p.title-toggle::before,
#part-details p.title-toggle::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; background: #f00; transition: all 0.5s ease;}
#part-details p.title-toggle::before { width: 20px; height: 4px; right: 0;}
#part-details p.title-toggle::after { width: 4px; height: 20px; right: 8px;}
#part-details p.title-toggle + .content-toggle { padding-top: 20px;}
#part-details .content-toggle { display: none;}
#part-details .display-open .title-toggle::after { height: 0;}
#part-details .toggle-div.active,
#part-details .toggle-div.active:hover { color: #000; text-decoration: none; font-weight: 700;}

.cta-block.shaded .white-block { background-color: white; padding: 20px; }
.cta-block.shaded .white-block .heading { color: #323232; }


/* From https://jcthepants.github.io/Retina-CSS-Sprite-Generator/ */
.molex-icon { margin-right: 10px; margin-top: -4px; vertical-align: middle; display: inline-block; background: url('/images/molexRD/product-detail/product-detail-icons.png') no-repeat top left; width: 25px; }
.molex-icon.icon-email { background-position: 0 0; height: 18px; }
.molex-icon.icon-part-list { background-position: 0 -19px; width: 22px; height: 26px; }
.molex-icon.icon-help { background-position: 0 -46px; height: 25px; }
.molex-icon.icon-down-arrow { background-position: 0 -72px; height: 26px; }
.molex-icon.icon-zoom { background-position: 0 -98px; height: 26px; }
.molex-icon.icon-view-3d { background-position: 0 -125px; height: 25px; }
.molex-icon.icon-buy-now { background-position: 0 -151px; width: 27px; height: 23px; }
.molex-icon.icon-request-design-support { background-position: 0 -175px; width: 27px; height: 28px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .molex-icon { background: url('/images/molexRD/product-detail/product-detail-icons@2x.png') no-repeat top left; background-size: 27px 204px; }
}




/* Full Height Page */

html.fullpage,
html.fullpage body { height: 100%;}
html.fullpage #content { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; min-height: 100%;}
.fullpage .section { min-height: 100%; width: 100%; padding: 30px 15px; display: -ms-flexbox; display: flex; flex-grow: 1;}
.fullpage .section > div { width: 100%; flex-grow: 1;}
.fullpage .section.message { flex-direction: column;}
.fullpage .section.end { background: #333; flex-grow: 0; color: #fff; font-size: 18px;}
.fullpage .section.end a { color: #fff;}


/* 404 Page */

.page-404 .end { flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.page-404 .end li + li { margin-top: 15px;}
.page-404 .end a { font-size: 20px;}

.page-404 .message .message-wrap { max-width: 1000px; margin: auto;}
.page-404 .message .message-wrap > div + div { margin-top: 30px;}
.page-404 .message #search-form { height: auto; margin: auto;}
.page-404 .message form { border-radius: 4px; box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.4);}
.page-404 .message ::-webkit-input-placeholder { font-style: italic;}
.page-404 .message :-moz-placeholder { font-style: italic;}
.page-404 .message ::-moz-placeholder { font-style: italic;}
.page-404 .message :-ms-input-placeholder { font-style: italic;}


@media (min-width: 992px) {
    html.page-404 #content { flex-direction: row;}

    .page-404 .end { width: 35%; max-width: 500px; min-width: 300px; padding: 30px;}
    .page-404 .end li + li { margin-top: 30px;}

    .page-404 .message .message-wrap > div + div { margin-top: 60px;}
    .page-404 .message #search-form input { padding-right: 170px;}
    .page-404 .message ::-webkit-input-placeholder { font-size: 1.4vw;}
    .page-404 .message :-moz-placeholder { font-size: 1.4vw;}
    .page-404 .message ::-moz-placeholder { font-size: 1.4vw;}
    .page-404 .message :-ms-input-placeholder { font-size: 1.4vw;}
}
@media (min-width: 1200px) {
    .page-404 .end { padding: 45px;}
}
@media (max-width: 991px) {
    .page-404 .logo { padding: 0 0 15px; text-align: center;}
    .page-404 .end { justify-content: center; text-align: center; flex-grow: 1;}
    .page-404 .message #search-form input { font-size: 16px; padding: 18px 22px; padding-right: 130px;}
    .page-404 .message button { min-width: 100px; padding: 0 15px;}
}
@media (max-width: 575px) {
    .page-404 .message ::-webkit-input-placeholder { font-size: 12px;}
    .page-404 .message :-moz-placeholder { font-size: 12px;}
    .page-404 .message ::-moz-placeholder { font-size: 12px;}
    .page-404 .message :-ms-input-placeholder { font-size: 12px;}
}




/* Thank You Page */

html.page-thankyou body { background: #ececec;}


/* Resources Page */

#resources-grid .resource-box { position: relative; margin-bottom: 30px; }
#resources-grid .resource-text .text-inner-wrap { height: 100%; position: relative; top: 0; left: 0; z-index: 9; color: #fff; text-decoration: none; padding: 60px 30px 15px; text-align: left;}
/* #resources-grid .resource-text .text-inner { position: absolute; bottom: 20px; width: 85%; } */
#resources-grid .resource-text p { font-size: 16px; }
#resources-grid .resource-text p:last-child { margin-bottom: 15px; }
#resources-grid .resource-text h2 { color: white; font-size: 20px; line-height: 23px; margin-top: 10px; }
#resources-grid .resource-image { position: absolute; top: 0; right: 0; z-index: 8; }
#resources-grid .resource-image img { height: 100%; max-width: 100%; }
#resources-grid .resource-box.has-image .resource-text .text-inner-wrap { width: 50%; float: left; padding-right: 0;}
#resources-grid .resource-box.has-image .resource-text .image-cover { width: 50%; float: left; margin-left: -1px; clip-path: polygon(0 0, 0% 188%, 40% 0); position: relative; z-index: 9; height: 100%; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #resources-grid .resource-box.has-image .resource-text .image-cover { display: none; }
}

#resources-grid a:hover { text-decoration: none; }

#resources-grid .shaded-color-1 .text-inner-wrap, #resources-grid .shaded-color-1 .image-cover { background-color: #01577d; }
#resources-grid .shaded-color-2 .text-inner-wrap, #resources-grid .shaded-color-2 .image-cover { background-color: #039ac9; }
#resources-grid .shaded-color-3 .text-inner-wrap, #resources-grid .shaded-color-3 .image-cover { background-color: #57d3dc; }
#resources-grid a:hover .shaded-color-1 .text-inner-wrap, #resources-grid a:hover .shaded-color-1 .image-cover { background-color: #12688e; }
#resources-grid a:hover .shaded-color-2 .text-inner-wrap, #resources-grid a:hover .shaded-color-2 .image-cover { background-color: #14abda; }
#resources-grid a:hover .shaded-color-3 .text-inner-wrap, #resources-grid a:hover .shaded-color-3 .image-cover { background-color: #68e4ed; }

#resources-grid .container { padding: 0; }


@media (max-width: 991px) {
    #resources-grid .resource-text .text-inner-wrap { padding-top: 30px;}
    #resources-grid .resource-box.has-image .resource-text .text-inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
}
@media (max-width: 767px) {
	#resources-grid .resource-image { display: none; }
    #resources-grid .resource-text .text-inner-wrap { padding: 20px 20px 10px; }
	#resources-grid .resource-text .text-inner { position: relative; bottom: auto;}

    #resources-grid .resource-box.has-image .resource-text .image-cover { display: none; }
    #resources-grid .resource-box.has-image .resource-text .text-inner-wrap { width: 100%; float: none; }
}