.newmolex , .newmolex body { clear: both; padding: 0; margin: 0; text-align: left; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; background-color: #cfcdd0; }
.newmolex .container { background-color: white; padding: 20px 44px; width: 960px !important; position: relative; }
.newmolex .row, .newmolex .div[class^="col"], .newmolex .inner { position: relative;}
.newmolex h3 { font-family: Arial, sans-serif; font-size: 18px; line-height: 22px; font-weight: bold;  }
.newmolex h4 { font-family: Verdana, sans-serif; font-size: 16px; line-height: 18px; font-weight: bold;  }
.newmolex h5 { font-size: 12px; font-weight: bold; font-style: italic; color: #999;  }
.newmolex img { max-width: 100%; }
/* UPDATED 1.5.16 */
.newmolex img + h4 { padding-top:12px; }
/* CLOSE UPDATED */

/* Lists */
.newmolex ul.styled, .newmolex ul.styled li, .newmolex ul.simple-list, .newmolex ul.simple-list li { list-style-type: none; margin: 0; padding: 0; }
.newmolex ul.bulleted-list { margin: 0 0 10px 15px; padding: 0; list-style-type: disc;}
.newmolex ul.bulleted-list li { list-style-type: disc; }
.newmolex ul.simple-list li { color: #797979; }
.newmolex ul.simple-list-bold li, .newmolex ul.simple-list-bold li a { font-weight: bold; }
.newmolex ul.simple-list { margin-bottom: 15px; }
.newmolex ul.simple-list li { margin-bottom: 6px; }
.newmolex ul.simple-list p { font-size: 13px; line-height: 16px; font-weight: normal; color: #323232; margin-top: 5px; }

/* Body text styles */
.newmolex .body-text p { font-size: 14px; line-height: 22px; margin: 0 0 20px; }
.newmolex .body-text .contain { max-width: 600px; margin-left: auto; margin-right: auto; display: block;}
.newmolex .body-text h1 { font-size: 30px; line-height: 32px; font-weight: bold; margin: 0 0 24px;}
.newmolex .body-text h2 { font-size: 30px; line-height: 32px; font-weight: bold; margin: 0 0 24px;}
.newmolex .body-text h4 { font-family: Verdana, sans-serif; font-size: 16px; line-height: 18px; font-weight: bold;  }
.newmolex .body-text h5 { font-size: 14px; font-weight: bold; font-style: normal; line-height: 20px; color: #323232;  }

/* Section padding */

/* UPDATED 1.5.16 */
.newmolex .lead-section { padding-top: 30px; padding-bottom: 10px; }
/* CLOSE UPDATED */
.newmolex .lead-section p, .newmolex .lead-section h2 { width: 95%; }

/* top */
.newmolex #new-header { padding-bottom: 10px; }
.newmolex #new-header .logo { margin-left: -35px;margin-top: -12px; }
.newmolex .languages { clear: both; margin-top: 15px; }
.newmolex .languages li { float: left; }
.newmolex .languages li a { font-size: 11px; color: #888; padding: 5px 0 5px 15px; display: block; }
.newmolex .account-links a { font-weight: bold; }
.vip .newmolex .account-links a { font-weight: normal; }
.newmolex .account-links #my-parts { color: #666; margin-left: 10px; font-weight: normal; }
.newmolex .account-links .vip-services { float: right; position: relative; }
.newmolex .account-links .vip-services a { margin-left: 20px; font-weight: bold; }
.newmolex #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; }
.newmolex #vip-dropdown li { list-style-type: none; padding: 0; margin: 0; }
.newmolex #vip-dropdown li a:link, .newmolex #vip-dropdown li a:visited, .newmolex #vip-dropdown li a:hover, .newmolex #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;}
.newmolex #vip-dropdown li a:hover, .newmolex #vip-dropdown li a:focus { color: white; background-color: #4d4d4d; }

.newmolex .account-links .password-warning { float: left; position: relative; }
.newmolex .account-links .password-warning a { font-weight: bold; }
.newmolex #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; }
.newmolex #password-warning-dropdown li { list-style-type: none; padding: 0; margin: 0; }
.newmolex #password-warning-dropdown li a:link, .newmolex #password-warning-dropdown li a:visited, .newmolex #password-warning-dropdown li a:hover, .newmolex #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;}
.newmolex #password-warning-dropdown li a:hover, .newmolex #password-warning-dropdown li a:focus { color: white; background-color: #4d4d4d; }

.newmolex .account-links .password-profile-warning { float: left; position: relative; }
.newmolex .account-links .password-profile-warning a { font-weight: bold; }
.newmolex #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; }
.newmolex #password-warning-profile-dropdown li { list-style-type: none; padding: 0; margin: 0; }
.newmolex #password-warning-profile-dropdown li a:link, .newmolex #password-warning-profile-dropdown li a:visited, .newmolex #password-warning-profile-dropdown li a:hover, .newmolex #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;}
.newmolex #password-warning-profile-dropdown li a:hover, .newmolex #password-warning-profile-dropdown li a:focus { color: white; background-color: #4d4d4d; }


/* main menu */
.newmolex #new-header2 { background-color: #2b2b2b; padding: 0; border-bottom: 1px solid #454545;}
.newmolex .nav li { float: left; }
.newmolex .nav li a { display: block; padding: 14px; color: white; text-transform: uppercase; font-size: 12px; }
.newmolex .nav li:first-child a { border-left: none; }
.newmolex .nav li a:hover { text-decoration: none; }

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

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

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

.newmolex #products-page #search { padding-top: 32px; }
.newmolex #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; }
.newmolex #products-page #search .btn { padding: 10px 24px; border-radius: 0 3px 3px 0; font-size: 14px; line-height: 22px; font-weight: normal; }

.newmolex .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 3px 0 3px; cursor: pointer; display: block; position: absolute; right: 0; top: 0; background: #e30536; color: white; font-weight: bold; border: 0; padding: 0 30px; line-height: 66px; font-size: 18px; font-weight: normal; }
.newmolex-search-popup #search-form input { border-radius: 3px; font-size: 22px; font-weight: normal; border: 0; outline: 0; padding: 20px 32px; width: 760px; }
.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;   }

.newmolex .search-links { padding-top: 10px; padding-bottom: 10px; margin-top: 5px; padding-right: 0; }
.newmolex .search-links:first-child { padding-right: 15px; }
.newmolex .search-links img { margin-right: 10px; }
.newmolex .search-links a { color: white; display: table; }
.newmolex .search-links a span { font-size: 11px; line-height: 15px; display: table-cell; vertical-align: middle; }
.newmolex .search-links.border-left { border-left: 1px solid #565656; }

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

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

.newmolex .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)";}
.newmolex .owl-theme .owl-controls .owl-page.active span, .newmolex .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #595959;}
.newmolex .owl-theme .owl-controls { margin-top: -27px; margin-bottom: 8px; z-index: 999; position: relative; }

/* Generic overlays */
.newmolex .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; }
.newmolex .overlay-text { text-shadow: 1px 1px 1px #000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; color: white; display: block; width: 100%; height: 100%; text-decoration: none; position: absolute; top: 0; left: 0; z-index: 3; padding: 0 20px; }

.newmolex 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: white; font-size: 16px; line-height: 19px; font-weight: bold; padding: 15px; }
.newmolex button.simple-overlay:hover { border: 5px solid #333; }

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

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

.newmolex #top-banner-small .bg-image { width: 960px; }
.newmolex #top-banner-small { height: 193px; padding: 0; }
.newmolex #top-banner-small h1 { margin: 0; position: absolute; left: 0; bottom: 0; font-size: 21px; padding: 30px 43px; background: transparent url("/images/molexRD/overlay-bg.png") top left repeat; color: white; text-shadow: 1px 1px 1px #000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; display: inline-block; }

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

/* Generic page features */
.newmolex .page-feature { min-height: 177px; }
.newmolex .page-feature .overlay-text span { display: block; }
.newmolex .page-feature .circle { margin: 40px auto 10px; position: relative; width: 77px; height: 77px; padding: 18px;}
.newmolex .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; }
.newmolex .page-feature .overlay-text .circle img { position: relative; margin: auto; display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.newmolex .page-feature .overlay-text { font-size: 16px; color: white; font-weight: bold; }
.newmolex .page-feature .overlay:hover .overlay-bg { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.newmolex .page-feature .overlay:hover .circle .circle-bg { background-color: #ea0437; }

/* Industry popover */
.newmolex .contains-popover { position: relative; width: 960px; margin: auto; }
.newmolex .popover { display: none; background-color: #323232; padding-top: 44px; padding-bottom: 44px; position: absolute; z-index: 8; top: 0; left: 0; }
.newmolex .popover h4, .newmolex .popover p { color: white; }
.newmolex .popover h4 { font-size: 16px; margin-top: 0; font-family: Arial, sans-serif;}
.newmolex .popover p { font-size: 12px; line-height: 18px; }
.newmolex .popover a:hover { color: white; }
.newmolex .popover .close { position: absolute; top: 20px; right: 27px;}
.newmolex .popover .vertical-align-wrapper { height: 275px; }

/* Video */
.newmolex .video { width: 497px; height: 275px; position: relative; cursor: pointer; }
.newmolex .video .play { top: 50%; left: 50%; position: absolute; z-index: 9; margin-top: -45px; margin-left: -45px; }

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

/* Tabs */
/* MODIFIED 5.13.16 */
.newmolex .tabs-wrapper { border-top: 1px solid #e2e2e2; margin: 30px 0 0;}
.newmolex .tabs { list-style-type: none; margin: -20px 15px 0; padding: 0; z-index: 99;}
.newmolex .tabs li { display: inline-block; /* background-color: white; */ margin: 0 2px 10px 2px;}
.newmolex .tabs li a { border-radius: 3px; font-weight: bold; display: block; color: white; background-color: #f5f5f5; font-size: 11px; line-height: 12px; color: #797979; padding: 12px 15px;}
.newmolex .tabs li a:hover,
.newmolex .tabs li a.selected { background-color: #323232; color: white; text-decoration: none; }

.newmolex .body-text p:last-child { margin-bottom: 0; }

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

.newmolex .col-text { padding: 25px 20px;}
.newmolex .col-text .cat-title { padding: 0; margin-bottom: 10px}
.newmolex .col-text .cat-features { padding: 0; color: #323232;}
.newmolex .col-text ul { padding: 0 0 0 20px;}
.newmolex .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;}
.newmolex .tab-content, .newmolex .multi-tab-content { padding: 0; display: none; }
.newmolex .tab-content.selected, .newmolex .multi-tab-content.selected { display: block; }
/* CLOSE MODIFIED */

/* UPDATED 1.5.16 */
.newmolex #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: white; text-decoration: none; }
/* CLOSE UPDATED */


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

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

/* Gray boxes */
.newmolex .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; }
.newmolex .gray-box span { font-weight: bold; font-size: 12px; margin: 5px 0 0; display: block; }
.newmolex .gray-box:hover { text-decoration: none; }
.newmolex .gray-box:hover span, .newmolex .red-text span { color: #ea0437; }

/* Resources */
.newmolex #resources .container { padding: 50px 44px 15px; }
.newmolex .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; }
.newmolex .resource-box .rollover { border-radius: 5px; height: 185px; overflow: hidden; }
.newmolex .resource-box h6 { font-weight: bold; }

/* Industries */
.newmolex #industries #industry-boxes { padding: 0; }
.newmolex #industries #select { height: 240px; width: 25%; background-color: #333; color: white; display: table;}
.newmolex #industries #select h3 { display: table-cell; color: white; text-transform: uppercase; padding: 0 30px; text-align: center; vertical-align: middle; font-size: 20px; line-height: 23px; font-weight: normal; font-style: italic; }
.newmolex .industry-box { height: 240px; width: 25%; float: left; position: relative; }
.newmolex .industry-box img.bg-image { max-width: none; }
.newmolex .industry-box .item { text-align: center; margin-bottom: 0; }
.newmolex .industry-box .item h6.overlay-text { font-size: 16px; line-height: 20px; top: 145px; color: white; font-weight: bold; height: auto; text-align: center; padding: 0 40px; }
.newmolex .industry-box .rollover { height: 240px; padding: 20px 25px; }
.newmolex .industry-box .rollover h6 { font-weight: bold;  }

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

.newmolex #products .product a { color: #323232;}
/* .newmolex #products .product a span { display: block; margin: 15px 0 35px; font-weight: bold; } */
/* 07152016 */
.newmolex #products .product a span { display: block; margin: 15px 0px 0px; font-weight: bold; }

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

.newmolex #products .product a.number-indicator { top: -16px !important; left: 0 !important; }
.newmolex .number-indicator, .newmolex #products .product a.number-indicator { position: absolute; z-index: 2; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 16px; background-color: #ea0437; color: white; font-size: 14px; font-weight: bold; }
.newmolex .number-indicator:hover { text-decoration: none; background-color: #dc002a; color: white; }

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


/* products main*/
.newmolex #products-page h6 { font-size: 14px; font-weight: bold; border-left: 4px solid #ea0437; padding: 0 0 0 15px; margin: 0; color: #323232;}
.newmolex #products-page ul { margin: 0; padding: 10px 42px 10px 18px; border-left: 1px solid #e2e2e2; }
.newmolex #products-page ul li { font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
.newmolex #products-page ul li a { color: #797979; line-height: 16px; padding-bottom: 10px; display: block; }
.newmolex #products-page ul li a:hover { color: #ea0437; text-decoration: none; }

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

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

/* Footer */
.newmolex #new-footer { margin-top: 0; border: none; background-color: #333333; color: #fefefe; padding-top: 35px; padding-bottom: 50px; }
.newmolex #new-footer h6 { color: #fefefe; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 15px; padding-bottom: 0; }
.newmolex #new-footer a { color: #fefefe; font-size: 12px; line-height: 21px;  }
.newmolex #new-footer img { max-width: none; }
.newmolex #new-footer p { color: #fefefe; }

.newmolex #new-footer #social a { margin: 0 1px 9px 0; display: inline-block;}
.newmolex #new-footer #social #app-store { margin-top: 10px; }

/* generic */
.newmolex .featured-ribbon { position: absolute; top: 0; left: 0; z-index: 1;}
.newmolex .has-featured-ribbon { position: relative; display: block; }

.newmolex .btn { font-size: 14px; padding: 8px 24px; line-height: 22px; font-weight: normal;}
.newmolex .btn-plain { border: none; background-image: none; }
.newmolex .btn-sm, .newmolex .btn-group-sm > .btn { padding: 5px 10px; }
.newmolex .border-right { border-right: 1px solid #e2e2e2; }
.newmolex .border-left { border-left: 1px solid #e2e2e2; }
.newmolex .extra-padding { padding: 25px; }
.newmolex .extra-padding-top-bottom { padding-top: 25px; padding-bottom: 25px; }
.newmolex .view-all, .newmolex .see-more { font-weight: bold;}
.newmolex .view-all-capability { font-weight: bold;}
.newmolex .view-all-application { font-weight: bold;}
.newmolex .learn-more { font-weight: bold;}
.newmolex .shaded { background-color: #f0f0f0; }
.newmolex .underlined { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #e2e2e2;}

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

/* Solutions Product Group Template */
.newmolex #solutions-detail h5 { color: #999; font-size: 12px; text-transform: uppercase; }
.newmolex #solutions-detail .right-btn { margin-bottom: 25px; }
.newmolex .solutions-category { background: #f0f0f0; padding-bottom: 15px; margin-bottom: 25px; }
.newmolex .solutions-category img { display: block; margin: 0 auto; }
.newmolex .cat-title { font-size: 16px; font-family: "Arial"; color: #323232; font-weight: bold; padding: 15px 15px 5px 15px;}
.newmolex .cat-features { color: #ea0437; font-size: 12px; font-weight: bold; padding-left: 15px; margin-bottom: 5px; }
.newmolex .solutions-category ul { padding-right: 15px; padding-left: 30px; }
.newmolex .solutions-category ul li { line-height: 18px; margin-bottom: 5px; }


/* Product Group Template - Attributes */
.newmolex #attributes-detail h5 { color: #999; font-size: 12px; text-transform: uppercase; }
.newmolex .related-links { background: #f5f5f5; padding: 0; }
/*.newmolex .related-links-icon { background: #ebebeb; display: inline-block; padding: 10px; }
.newmolex .related-links-links { display: inline-block; font-size: 14px; }
.newmolex .related-links-text { color: #033333; font-weight: bold; padding-left: 10px; }*/
/*Commenting above line, and adding new line below for 53594 - GROUP PAGE BUGS*/
.newmolex .related-links-icon { background: #ebebeb; display: block; float: left; padding: 10px; }
.newmolex .related-links-links { display: block; float: left; width: 90%; padding: 10px; font-size: 14px; }
.newmolex .related-links-text { color: #033333; font-weight: bold; }
.newmolex .filter { padding: 15px 0 25px 0;}
.newmolex .filter-by { color: #333; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin-left: 15px; text-transform: uppercase; }
.newmolex .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;}
.newmolex .filter .clear-filters { font-size: 10px; text-decoration: underline; margin-left: 5px; }
.newmolex .right-btn { float: right;}
.newmolex .family-number { background: #999; color: #fff; padding: 2px 3px; display: inline-block; font-size: 10px; }
.newmolex .family-name { display: block; color: #333; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 30px; }

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

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

.newmolex #products .product h4 { padding-top: 35px; } 
.newmolex #products .product p.underlined { padding-bottom: 35px; }
.newmolex #products .product { margin-bottom: 35px; }

/* Contact us */
.newmolex #contact-us-map-wrapper { width: 933px; margin-left: -30px; position: relative; }
.newmolex #contact-us-map { position: relative; }
.newmolex #contact-us-map, .newmolex #contact-us-map area { display: block; }
.newmolex #contact-us-map area { outline: none; }
.newmolex #contact-us small { font-size: 12px; line-height: 28px; color: #999; text-transform: uppercase; font-style: italic; }
.newmolex #contact-us #step-2, .newmolex #contact-us #refine-row-2, .newmolex #contact-us #request-products { display: none; }
.newmolex #refine-search form { background-color: #f0f0f0; padding: 30px 30px 15px 30px; display: block;}
.newmolex #refine-search label { font-size: 11px; text-transform: uppercase; font-weight: normal; }
.newmolex #refine-search select { margin-bottom: 15px; }
.newmolex #refine-search button { outline: none; }
.newmolex .refine-search-close { width: 100%; text-align: right; line-height: 36px; position: absolute; top: 24px; right: 21px; text-decoration: none; color: #cccccc; font-size: 30px; font-weight: bold; }
.newmolex .refine-search-close:hover { color: #ea0437; text-decoration: none; }
.newmolex .contact-us-list, .newmolex .contact-us-list a, .newmolex .contact-us-list address, .newmolex .contact-us-list p { font-size: 14px; line-height: 22px;  }
.newmolex #contact-us h3, .newmolex #contact-us h4 { margin-top: 11px; margin-bottom: 11px; }
.newmolex .contact-us-list h3 { font-size: 17px; }
.newmolex .contact-us-list h4 { font-size: 14px; font-weight: bold; }
.newmolex .contact-us-list ul { margin: 0 0 15px 0; padding: 0; }
.newmolex .contact-us-list li { list-style: none; padding: 0; margin: 0; }
.newmolex .contact-us-list a.link { color: #58595b; text-decoration: underline; }
.newmolex .contact-us-list .results { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 10px 0; }
.newmolex .contact-us-list .contact { border-bottom: 1px solid #e2e2e2; padding: 30px; }
.newmolex .contact-us-list .contact:nth-child(2n-1) { border-right: 2px solid #e2e2e2; }
.newmolex .contact-us-list .distributor-category { border-bottom: 1px solid #e2e2e2; padding: 30px; }
.newmolex .contact-us-list .distributor-category h4 { margin-bottom: 0; font-size: 13px; }
.newmolex .contact-us-list .distributor-category a { text-decoration: underline; }
.newmolex .contact-us-list .distributor-category a.email { color: #58595b; }
.newmolex .contact-us-list .distributor-category a.website { text-decoration: none; }
.newmolex .contact-us-list .distributor { margin-bottom: 20px; }

.newmolex #refine-search select { background-color: white; }
@media (min-width: 992px) {
	.newmolex #refine-search select.selected::-ms-expand {	display: none; }
	.newmolex #refine-search select.selected{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 35px;}
}

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

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

/*************
** Edits made 3/7/17-CMS 52740 PRODUCT FAMILY POP-UP 
*************/
#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 0 15px; line-height: 1;}
#newmolex-popup p                                          { color: #323232; font-size: 14px; margin: 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; padding: 15px 20px; border-radius: 5px; margin: 25px 10px 0 0; text-decoration: none; font-weight: bold; font-size: 14px;}
.product #newmolex-popup .bot .toggle                      { text-decoration: underline; font-size: 14px; color: #e30039;}
.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;}


/* Search Results */
#search-results                                             { font-size: 14px;}
#search-results a                                           { color: #e30536; font-weight: bold;}
#search-results h2                                          { display: inline-block; vertical-align: top; width: auto; margin-right: 5px;}

#search-results .back                                       { font-size: 12px; margin-bottom: 5px;}
#search-results .back a                                     { font-weight: normal; display: block;}

#search-results #breadcrumb                                 { display: inline-block; vertical-align: top; margin: 5px 0 0; padding-left:0;}
#search-results #breadcrumb ul                              { display: inline-block; margin:0; padding:0; list-style-type:none;}
#search-results #breadcrumb ul li                           { font-size:11px; display:inline-block; margin-left: 5px;}
#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: #e30536;}
#search-results #breadcrumb ul li a.focus                   { color:#ea0437;}

#search-results .box                                        { position: relative; background: #fff; border: 1px solid #e2e2e2;}
#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: 55px !important;}

#search-results .filter                                     { padding: 0;}
#search-results .filter .shaded                             { padding: 30px;}
#search-results .filter .shaded p                           { line-height: 1.75; margin: 0;}
#search-results .filter #categories                         { padding: 30px;}
#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;}
#search-results .filter ul li a                             { display: block; padding: 8px 0;}
/**/
#search-results #categories ul > li > a > .val              { color: #58595b; font-weight: normal;}
#search-results #categories ul > li > a:hover,
#search-results #categories ul > li > a:focus,
#search-results #categories ul > li > a > .val:hover        { text-decoration: none;}
#search-results #categories ul > li > a: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: #e30536; 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: 1024px)
{
#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;}
/**/
#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 .refine .expand .filters                    { }

#search-results .results                                    { }
#search-results .results .result-list                       { padding-left: 15px; padding-right: 15px;}
#search-results .results ol                                 { margin: 0;}
#search-results .results ol li                              { font-weight: bold; padding-left: 10px;}
#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 .title                        { background: #f0f0f0; color: #e30536; font-size: 12px; cursor: pointer; position: relative; z-index: 1; 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: #e30536; 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: 0 20px 20px; min-height: 200px;}
#search-results .part .details .part-img                    { position: absolute; width: 115px;}
#search-results .part .details .part-img img                { max-height: 100px;}
#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: #e30536;}
#search-results .part .details .part-desc p                 { font-size: 12px; font-weight: normal; line-height: 1.75;}
#search-results .part .details .part-desc .view-all-parts   { margin: 0;}
#search-results .part .details .part-desc .view-all-parts a { font-weight: normal;}

#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;}


/*************
** Edits made 2/21/17
*************/
.newmolex .container.noPB { padding-bottom: 0;}

.newmolex #products-page #search .btn { line-height: 20px;}

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

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

.newmolex .photo-search { }
.newmolex .photo-search .box-wrap { position: relative; border: 1px solid #e2e2e2; padding-top: 90%; margin-top: 30px; overflow: hidden;}
.newmolex .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);}
.newmolex .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;}

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

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


@media (max-width: 992px)
{
.newmolex #products-page ul.icon-tabs li,
.newmolex #products-page ul.icon-tabs li > a,
.newmolex #products-page ul.icon-tabs li > a span,
.newmolex #products-page ul.icon-tabs li > a .sub { display: block; width: 100%; border-radius: 0; margin: 0; border: 0;}
#outer-wrap .newmolex #products-page ul.icon-tabs li > a img { display: none;}
.newmolex .photo-search .box-wrap { margin-top: 20px;}
}


/**/
#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 .refine .expand .filters                    { }

#search-results .results                                    { }
#search-results .results .result-list                       { padding-left: 15px; padding-right: 15px;}
#search-results .results ol                                 { margin: 0;}
#search-results .results ol li                              { font-weight: bold; padding-left: 10px;}
#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 .title                        { background: #f0f0f0; color: #e30536; font-size: 12px; cursor: pointer; position: relative; z-index: 1; 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: #e30536; 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: 0 20px 20px; min-height: 200px;}
#search-results .part .details .part-img                    { position: absolute; width: 115px;}
#search-results .part .details .part-img img                { max-height: 100px;}
#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: #e30536;}
#search-results .part .details .part-desc p                 { font-size: 12px; font-weight: normal; line-height: 1.75;}
#search-results .part .details .part-desc .view-all-parts   { margin: 0;}
#search-results .part .details .part-desc .view-all-parts a { font-weight: normal;}

#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;}

/*************
** 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 0 15px; line-height: 1;}
#newmolex-popup p                                          { color: #323232; font-size: 14px; margin: 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; padding: 15px 20px; border-radius: 5px; margin: 25px 10px 0 0; text-decoration: none; font-weight: bold; font-size: 14px;}
.product #newmolex-popup .bot .toggle                      { text-decoration: underline; font-size: 14px; color: #e30039;}
.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 3/23/17 */
div.padded-box { padding: 20px; }

/* Careers: Added 1/23/18 */

.newmolex #careers p { font-size: 14px; line-height: 22px; margin-bottom: 15px; }
.newmolex #careers h1 { font-size: 30px; line-height: 32px; margin-top: 0; color: #323232;}
.newmolex #careers h2 { font-size: 30px; line-height: 32px; margin-top: 0; color: #323232;}
.newmolex #careers h3 { font-size: 20px; line-height: 32px; margin-top: 0; color: #323232;}
.newmolex .red-line { width: 82px; height: 9px; background-color: #ea0437; position: absolute; top: 0; left: 35px; }
.newmolex .shaded-dark { background-color: #323232; }
.newmolex #careers .shaded-dark h1, .newmolex #careers .shaded-dark h2, .newmolex #careers .shaded-dark h3, .newmolex #careers .shaded-dark p { color: white; }
.newmolex .linklist a { font-weight: bold; font-size: 14px; line-height: 18px; display: inline-block; padding: 5px 0; }
.newmolex .no-bootstrap-padding { padding: 0; }
.newmolex #careers .no-bottom-padding { padding-bottom: 0; }
.newmolex #careers .section-header { border-top: 1px solid #e2e2e2; }
.newmolex #careers .section-header h3 { display: inline-block; background-color: #323232; padding: 5px 10px; color: white; position: relative; top: -15px; font-size: 12px; line-height: 18px; text-transform: uppercase; }
.newmolex #careers .blurb img { display: block; margin-bottom: 20px; }
.newmolex #careers .image-box img { width: 100%; }
.newmolex #careers .careers-box .inner { padding: 45px 50px 30px 35px; }
.newmolex #careers .grid .image-box, .newmolex #careers .grid .careers-box { position: relative; min-height: 277px; }
.newmolex #careers .grid .image-box.align-bottom img { width: 100%; position: absolute; bottom: 0; }
.newmolex #careers .grid .image-box img { width: 100%; }
.newmolex #careers .shaded-red { background-color: #e9123d; padding-top: 45px; padding-bottom: 45px; }
.newmolex #careers .shaded-red h2, .newmolex #careers .shaded-red p { color: white; }
.newmolex #careers .shaded-red a.btn { background-color: #c50f33; }
.newmolex #careers .social { margin-top: 24px; }
.newmolex #careers .social p { font-weight: bold; line-height: 39px; float: left; margin-right: 10px; }
.newmolex #careers .quick-links { background: white; padding: 20px 30px; }
.newmolex #careers .quick-links a { font-weight: normal; }
.newmolex #careers ul.two-col { width: 50%; float: left;  }
.newmolex #careers .video .play { margin-top: -32px; margin-left: -32px; }
@media (max-width: 667px)
{
.newmolex #careers ul.two-col { width: 100%; float: none; margin: 0;}
.newmolex #careers .social { float: none !important; margin-bottom: 15px; }
.newmolex #careers .social p { float: none; line-height: 18px; }
.newmolex #careers .social a { line-height: 39px; margin-right: 10px; }
.newmolex #careers .btn { margin-bottom: 15px; }
.newmolex .linklist a { padding: 12px 0; }
}

/*
 * Added 8/21/17
 *
 * 250: .newmolex .industry-box .item { overflow: hidden;}
 * 251: .newmolex .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; margin-top: 30px;}
.video-wrap iframe                                         { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


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


.newmolex .darkened,
.btn.btn-secondary                                         { background: #666; color: #fff;}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus                                   { background: #777; color: #fff;}
/**/
.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-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;}
@media (max-width: 480px)
{
.btn.vam img                                               { max-width: 15px; max-height: 15px;}

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

.newmolex .container.raised                                { padding-top: 0; padding-bottom: 0;}
.newmolex .container.raised .row                           { -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.newmolex .max                                             { max-width: 650px; margin: 20px auto;}


.newmolex #breadcrumb                                      { margin: 0; background: #fff; padding: 0 24px 0 14px;}
.newmolex #breadcrumb ul                                   { margin: 0; padding-left: 30px;}
.newmolex #breadcrumb ul li                                { float: left; position: relative; padding: 0 10px;}
.newmolex #breadcrumb ul li:after                          { content: ">"; position: absolute; top: 0; right: -3px; bottom: 0; margin: auto; height: 18px; font-weight: 400;}
.newmolex #breadcrumb ul li a                              { display: block; padding: 10px 0; font-weight: 400; font-size: 12px; background: none;}
.newmolex #breadcrumb ul li.first                          { }
.newmolex #breadcrumb ul li.last:after                     { display: none;}
.newmolex #breadcrumb ul li.last a                         { font-weight: 700;}
.newmolex #breadcrumb ul li.last a:hover,
.newmolex #breadcrumb ul li.last a:focus                   { text-decoration: none; color: #18282d; cursor: default;}
@media (max-width: 991px)
{
.newmolex #breadcrumb                                      { border-top: 1px solid #ccc;}
.newmolex #breadcrumb ul                                   { padding-left: 0;}
}


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


.newmolex #industry-boxes                                  { padding-top: 0;}
.line-through                                              { border-top: 1px solid #e2e2e2; margin-top: 16px;}
.line-through span                                         { display: inline-block; background: #333; color: #fff; font-weight: 700; padding: 8px 14px;  -webkit-transform: translateY(-50%); transform: translateY(-50%);}


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

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

@media (min-width: 992px)
{
.newmolex .attached                                        { background: #fff;}
}
@media (max-width: 991px)
{
#content .attached .tabs                                   { border: 1px solid #8c8c8c; border-top: none; margin: 0 5px;}
#content ul.tabs.no-mobile                                 { display: block; border: none;}
#content ul.tabs.no-mobile li                              { width: auto; margin: 0 0 0 2px;}
#content ul.tabs.no-mobile li a                            { border-radius: 3px 3px 0 0;}
}

.newmolex .filter-wrap                                     { margin: 15px 0 30px;}
.newmolex .filter-wrap .label                              { display: block; margin: 0 0 5px; font-weight: 700; padding: 0; font-size: 12px; text-align: left;}
.newmolex .filter-wrap .select-wrap                        { position: relative; border-radius: 5px; overflow: hidden; background: #fff;}
.newmolex .filter-wrap .select-wrap 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; appearance: none; outline: none; background: url('../../images/molexRD/icon-up-downArrows-lite.png') no-repeat center right 14px transparent; border: none;}
.newmolex .filter-wrap .select-wrap::before                { content: " "; position: absolute; z-index: 0; top: 0; bottom: 0; right: 0; height: 40px; width: 40px; background: #333;}
.newmolex .filter-fields > div                             { display: none;}
/**/
.newmolex .preview                                         { margin-bottom: 30px;}
.newmolex .preview img                                     { margin-bottom: 20px;}
.newmolex .preview p                                       { margin-bottom: 5px;}



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

#article ul                                                { font-size: 14px; line-height: 26px; padding-left: 20px; margin: 20px 0;}
#article ul li                                             { list-style-type: disc;}
#article ul ul                                             { padding-left: 30px; 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: 670px; margin: -10% auto 0; 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;}
.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                                      { 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: 30px 10px 0;}

.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;}
}






/*
 *
 * 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);}

.background                                                { background-size: cover; background-repeat: no-repeat; background-position: center;}

.newmolex .custom-select                                   { position: relative; z-index: 0; display: inline-block; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; overflow: hidden; cursor: pointer;}
.newmolex .custom-select select                            { position: relative; z-index: 1; width: 100%; color: #333333; padding: 12px; font-size: 14px; font-weight: bold; line-height: 1.25; border: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.newmolex .custom-select select::-ms-expand                { display: none!important; border: 0; background-color: transparent}
.newmolex .custom-select select:focus                      { border: none; outline: none;}
.newmolex .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;}

#banner                                                    { position: relative; text-align: center; color: #fff; padding: 75px 0; font-size: 14px;}
#banner.has-scrollTo                                       { padding-bottom: 115px;}
#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 .js_scroll                    { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 75px; height: 100%; cursor: pointer;}
#banner h1                                                 { margin: 0 0 15px;}
#banner p                                                  { margin: 0; line-height: 1.75;}
#banner .custom-select                                     { margin-top: 45px; min-width: 300px;}

.info-box                                                  { position: relative; padding-left: 125px; margin: 40px 0;}
.info-box:first-child                                      { margin-top: 20px;}
.info-box .image                                           { position: absolute; top: 0; left: 0; width: 125px; height: 125px;}
.info-box .box                                             { position: relative; background: none; border: 1px solid #e2e2e2; margin: 0;}
.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: #333333;}
.info-box .box .info a:not(.btn)                           { color: #e00c3e; text-decoration: underline;}

.info-box .box .info .info-text                            { padding: 60px 45px 15px;}
.info-box .box .info .info-text p                          { margin: 0;}
.info-box .box .info .info-text .image                     { display: none; position: relative; float: left; margin: 0 20px 5px 0;}

.info-box .box .info .info-select                          { display: block; padding: 45px; 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;}

@media screen and (max-width: 767px)
{
    #banner                                                { padding: 30px 0;}
    #banner.has-scrollTo                                   { padding-bottom: 75px;}

    .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%;}
}





/*
 *
 * 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;}
.slick .slick-arrow:focus                                  { outline: none;}
.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;}


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


.background.bg-contain                                     { background-size: contain; background-position: top center;}


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

.newmolex .custom-select.red::after                        { background-color: #e31b39;}

.shaded-dark                                               { background-color: #333333; color: white; }

.button-icon                                               { margin-left: 5px; }


#banner                                                    { margin: 0; z-index: 1;}
#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;}

#banner .btn                                               { margin-top: 30px;}
#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 .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.half-wrap .background::before,
#banner.half-wrap .background::after                       { content: none;}


#inner-content                                             { background: #fff;}

#inner-content h1, #inner-content .h1,
#inner-content h2, #inner-content .h2,
#inner-content p,  #inner-content li                       { color: #323232;}

#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;}
#inner-content .body-text * + h2                           { margin-top: 45px;}
#inner-content .body-text * + h3                           { margin-top: 45px;}
#inner-content .body-text p                                { margin: 20px 0;}
#inner-content .body-text p:last-child                     { margin-bottom: 0;}
#inner-content .body-text p:first-child                    { margin-top: 0;}

#inner-content .body-text ul                               { margin: 10px 0 20px; padding-left: 20px;}
#inner-content .body-text ul li                            { font-size: 14px; line-height: 22px; margin-top: 4px;}
#inner-content .body-text ul.no-list                       { margin: 20px 0; padding: 0;}
#inner-content .body-text ul.no-list > li                  { list-style-type: none;}
#inner-content .body-text .video-wrap                      { margin-bottom: 30px;}

#inner-content .section                                    { margin-top: 90px; margin-bottom: 90px; position: relative;}
#inner-content .section.space-nn                           { margin-top: 0; margin-bottom: 0;}
#inner-content .section .row + .row                        { margin-top: 45px;}

#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.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; }




.info-box .image + p                                       { margin-top: 0;}
.info-box .box .info .info-text img                        { display: none; position: relative; float: left; margin: 0 20px 5px 0;}

.info-box .box.body-text                                   { border: none; border-bottom: 1px solid #e2e2e2;}
.info-box .box.body-text .info .info-text                  { padding: 0 0 45px;}
.info-box .box.no-border                                   { border: none;}
.info-box .box.no-border .info .info-text                  { padding: 0 0 15px;}

.info-box-style-2 .info-box                                { padding-left: 35%;}
.info-box-style-2 .info-box:first-child                    { margin-top: 0;}
.info-box-style-2 .info-box .floater                       { position: absolute; top: 0; left: 0; width: 35%; padding-right: 30px;}
.info-box-style-2 .info-box .box .info .info-text img      { margin-top: 30px; margin-bottom: 15px; width: 60px;}
/* .info-box-style-2 .info-box .floater img                   { display: block; width: auto; margin: 0 auto;} */

#inner-content .info-box:last-child                        { margin-bottom: 0;}
#inner-content .info-box:last-child .box                   { border: none;}
#inner-content .info-box:last-child .box .info-text        { padding: 0;}


.half-wrap                                                 { }
.half-wrap .background                                     { position: absolute; top: 0; bottom: 0; left: auto; right: auto; z-index: 0; width: 50%;}
.half-wrap .background.left                                { left: 0;}
.half-wrap .background.right                               { right: 0;}

.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;}


.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                         { }
.icon-blocks .block.thumb img                 { width: 100px;} */
.icon-blocks .block.thumb                         { padding: 30px 5px;}
/*.icon-blocks .block.thumb img                     { position: relative; top: 0; height: 125px; margin: 0 0 20px; width: auto;} */
.icon-blocks .block.thumb img                     { position: relative; top: -28px; height: auto; width: 100%;} 


.columns                                                   { }
.columns .block                                            { padding: 0 15px;}
.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; 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: #e30536;}
.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)
{
	#banner.section > [class*="container"],
    #inner-content .section > [class*="container"]           { padding-left: 60px; padding-right: 60px;}
    #inner-content .section.padd-xy-0 > [class*="container"] { padding-left: 0; padding-right: 0;}

    #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.overlap + .section     { margin-top: -33px; padding-top: 33px;}

    #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.section .background::before

    .news-posts.half a                                     { width: 47%; margin-left: 6%;}
    .news-posts.half a:first-child                         { margin-left: 0;}

    .half-wrap .left .body-text                            { padding-right: 30px;}
    .half-wrap .right .body-text                           { padding-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 (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: 80px; background-size: auto 80px;}
	#inner-content .section.bg-lite-blue-binary.bg-info    { background-size: 100% auto;}

    #banner.section                                        { padding: 60px 0;}
    #banner.section.carousel                               { padding-top: 0; 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 h1                                             { font-size: 38px; line-height: 1.05; margin: 0;}
    #banner .slick .copy .h1                               { font-size: 35px; line-height: 0.95; margin-bottom: 30px;}
    #banner .slick .fill                                   { height: auto;}

    #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.half-wrap                                      { padding: 0;}
    #banner.half-wrap .background                          { position: relative; padding-top: 60%;}

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

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

    .info-box-style-2 .info-box                            { padding-left: 0; margin: 30px 0;}
    .info-box-style-2 .info-box .box.body-text             { padding: 0;}
    .info-box-style-2 .info-box .box .info .info-text      { padding: 0 0 30px;}


    .icon-blocks .row                                      { margin-top: -15px;}
    .icon-blocks .block                                    { margin: 0 0 15px;}


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


    #inner-content .section.half-wrap                      { padding-left: 0; padding-right: 0; padding-bottom: 0;}
    #inner-content .section.half-wrap:not([class*="-binary"]) { padding-top: 0;}
    .half-wrap.bg-binary .body-text                        { padding-bottom: 30px;}

    .half-wrap .background                                 { position: relative; left: 0; right: auto; width: 100%; padding-top: 40%;}
    .half-wrap .body-text                                  { padding-top: 30px;}
    .half-wrap:not(.plain) .body-text                      { padding-bottom: 30px;}
    .half-wrap img                                         { display: block; margin: 0 auto;}


    #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;}

    .newmolex .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: white; }
.quick-links a 										{ font-size: 18px; line-height: 33px; }
.quick-links a:hover,
.quick-links a.active 								{ color: white; font-weight: bold; text-decoration: none; }

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

#inner-content .body-text small + h2 				{ margin-top: 0; }

@media screen and (max-width: 767px)
{
	#banner-2 div[class^="col-"] 					{ min-height: 0; }
}





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

#inner-content .section.space-sm                           { margin-top: 45px; margin-bottom: 45px;}
#inner-content .section.space-sm .row + .row               { margin-top: 20px;}

#inner-content .body-text ul.noList                        { padding: 0; margin: 0;}
#inner-content .body-text ul.noList li                     { list-style: none;}

.noWrap                                                    { white-space: nowrap;}

.newmolex .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;}
.newmolex .btn.white-border                                { border-color: #fff; color: #fff; background: none; text-decoration: none;}
.newmolex .btn.white-border:hover                          { border-color: #fff; color: #fff; text-decoration: underline;}
.newmolex .btn.iconLarge                                   { position: relative; padding: 12px 20px; padding-left: 65px; line-height: 18px; text-align: left; font-weight: 700;}
.newmolex .btn.iconLarge img                               { position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; height: 32px;}
.newmolex .hasImage img                                    { display: inline-block; vertical-align: -2px; margin-right: 6px; height: 15px;}

.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;}

#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;}


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


.red-block-list                                            { color: #333333;}
.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%;}
.display-box .main::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: 10px; right: 15px; margin: auto;}
/**/
#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;}
#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;}
.newmolex .group-links ul                                  { margin: 0; padding: 0;}
.newmolex .group-links ul > li                             { padding: 10px; vertical-align: middle;}
.newmolex .group-links ul li img,
.newmolex .group-links ul li a                             { display: inline-block; vertical-align: middle;}
/**/
.newmolex .group-links ul.style-2 > li                     { padding: 0; vertical-align: middle;}
.newmolex .group-links ul.style-2 li img                   { vertical-align: -5px; margin-right: 2px; width: 20px;}
.newmolex .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;}


#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                                        { padding: 30px 0; border-bottom: 1px solid #505050; text-align: right; padding-left: 250px;}
#part-overview .top .status-wrap                           { position: absolute; top: 24px; left: 15px;}
#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: 350px;}
#part-overview .side                                       { width: 310px; 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;}


.newmolex .display-box .display table                      { border: none; font-size: 14px;}
.newmolex .display-box .display table tr:nth-child(odd)    { background: #f1f1f1;}
.newmolex .display-box .display table td                   { border: none; padding: 12px 25px; font-size: 14px;}
.newmolex .display-box .display table td.col-sm            { width: 250px;}
.newmolex .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: 300px;}
    #inner-content .section.half-wrap > [class*="container"] { display: table-cell; vertical-align: middle;}

    .cta-block.plain .heading                              { max-width: 80%;}

    .half-wrap .right .redLine::before                     { left: 30px;}

    #banner.partial-overlay *                              { color: #fff;}
    #banner.partial-overlay .copy                          { padding-right: 60px;}
}
@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;}

    #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;}

    .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; right: auto; height: 40px; width: 100%; border-radius: 0;}

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


    .info-box-style-2 .info-box .floater                   { position: relative; width: 100%; display: block; margin: 0 0 10px;}

    #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; right: auto; 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: #e30536;}
#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: #e30536;}
#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: #e30536;}
#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: #e30536;}
#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;}

/*
 *
 * Added 03/11/19
 *
 */

.newmolex form table,
.newmolex form tr,
.newmolex form th,
.newmolex form td                                         { border: none;}
.newmolex form > table,
.newmolex form > table > tbody,
.newmolex form > table > tbody > tr,
.newmolex form > table > tbody > tr > th,
.newmolex form > table > tbody > tr > td                   { font-family: Verdana; display: block; width: 100%; float: left;}

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

.newmolex form > table input[type="radio"]                 { margin: 0 5px;}
.newmolex form > table input[type="radio"]:first-child     { margin-left: 0;}
.newmolex form > table select                              { min-width: 150px;}
.newmolex form > table input,
.newmolex form > table select,
.newmolex form > 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;}

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


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

/*  @charset "UTF-8"; */

/* /* RESET */ */

/* html, body, div, span, applet, object, iframe, */
/* h1, h2, h3, h4, h5, h6, p, blockquote, pre, */
/* a, abbr, acronym, address, big, cite, code, */
/* del, dfn, em, img, ins, kbd, q, s, samp, */
/* small, strike, strong, sub, sup, tt, var, */
/* b, u, i, center, */
/* dl, dt, dd, ol, ul, li, */
/* fieldset, form, label, legend, */
/* table, caption, tbody, tfoot, thead, tr, th, td, */
/* article, aside, canvas, details, embed,  */
/* figure, figcaption, footer, header, hgroup,  */
/* menu, nav, output, ruby, section, summary, */
/* time, mark, audio, video { */
/* 	margin: 0; */
/* 	padding: 0; */
/* 	border: 0; */
/* 	font-size: 100%; */
/* 	font: inherit; */
/* 	vertical-align: baseline; */
/* } */
/* /* HTML5 display-role reset for older browsers */ */
/* article, aside, details, figcaption, figure,  */
/* footer, header, hgroup, menu, nav, section { */
/* 	display: block; */
/* } */
/* body { */
/* 	line-height: 1; */
/* } */
/* ol, ul { */
/* 	list-style: none; */
/* } */
/* blockquote, q { */
/* 	quotes: none; */
/* } */
/* blockquote:before, blockquote:after, */
/* q:before, q:after { */
/* 	content: ''; */
/* 	content: none; */
/* } */
/* table { */
/* 	border-collapse: collapse; */
/* 	border-spacing: 0; */
/* } */

/* 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:#333333; 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:#333333; }
.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:#333333; display:inline-block; clear:left; float:left; }

/* STRUCTURE */

.stk50 { max-width:960px; margin:0 auto; }
.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; }

/* 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:#333333; 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:#333333; 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; }

}