@import url(/CMSPages/GetResource.ashx?stylesheetfile=/App_Themes/Rexnord/css/bootstrap.css);
@import url(/CMSPages/GetResource.ashx?stylesheetfile=/App_Themes/Rexnord/css/bootstrap-theme.css);
@import url(/CMSPages/GetResource.ashx?stylesheetfile=/App_Themes/Rexnord/css/royalslider/royalslider.css);
@import url(/CMSPages/GetResource.ashx?stylesheetfile=/App_Themes/Rexnord/css/royalslider/skins/default/rs-default.css);
@import url(/CMSPages/GetResource.ashx?stylesheetfile=/App_Themes/Rexnord/css/map.css);
@import url(/CMSPages/GetResource.ashx?stylesheetfile=/App_Themes/Rexnord/css/multiple-select.css);
.main-search,
.secondary-nav {
    text-align: right;
    float: right
}

img {
  max-width: 100%;
}

@font-face {
    font-family: LatoRegular;
    src: url(/App_Themes/Rexnord/fonts/lato-reg.eot);
    src: url(/App_Themes/Rexnord/fonts/lato-reg.eot?) format('embedded-opentype'), url(/App_Themes/Rexnord/fonts/lato-reg.woff) format('woff'), url(/App_Themes/Rexnord/fonts/lato-reg.ttf) format('truetype'), url(/App_Themes/Rexnord/fonts/lato-reg.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: LatoLight;
    src: url(/App_Themes/Rexnord/fonts/lato-reg.eot);
    src: url(/App_Themes/Rexnord/fonts/lato-reg.eot?) format('embedded-opentype'), url(/App_Themes/Rexnord/fonts/lato-reg.woff) format('woff'), url(/App_Themes/Rexnord/fonts/lato-reg.ttf) format('truetype'), url(/App_Themes/Rexnord/fonts/lato-reg.svg) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: LatoBold;
    src: url(/App_Themes/Rexnord/fonts/lato-bol.eot);
    src: url(/App_Themes/Rexnord/fonts/lato-bol.eot?) format('embedded-opentype'), url(/App_Themes/Rexnord/fonts/lato-bol.woff) format('woff'), url(/App_Themes/Rexnord/fonts/lato-bol.ttf) format('truetype'), url(/App_Themes/Rexnord/fonts/lato-bol.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

::-moz-selection,
::-webkit-selection,
::selection {
    background-color: #5591c9;
    color: #fff
}

span a {
    color: #02306b;
}
li a {
    color: #02306b;
}
div a {
    color: #02306b;
}
p a {
    color: #02306b;
}

.container {
    padding-right: 15px;
    padding-left: 15px
}

h4 {
    margin-top: 25px
}

.row .row {
    margin-top: 10px;
    margin-bottom: 0
}

hr {
    margin-top: 40px;
    margin-bottom: 40px
}

.logo,
.main-search,
.secondary-nav {
    border: none!important
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}
body {
    -ms-overflow-style: scrollbar;
}

.header {
    margin-bottom: 15px
}

.logo {
    background: #fff;
    padding: 15px 20px 0 12px
}

.logo img {
    max-width: 100%
}

.secondary-nav {
    background: linear-gradient(90deg, #640003, #C50028);
    padding: 20px 20px 0 0;
    width: auto;
    display: block
}

.secondary-nav ul {
    list-style: none;
    margin: 0!important;
    padding: 0!important
}

.secondary-nav li {
    display: inline;
    margin-right: 15px;
    font-size: 12px;
    position: relative
}

.secondary-nav li:after {
    content: "|";
    color: #fff;
    position: absolute;
    right: -10px;
    top: -1px
}

.secondary-nav li:last-child:after,
.secondary-nav li:nth-last-of-type(2):after {
    content: ""
}

.Signed-In .secondary-nav li:nth-last-of-type(2):after {
    content: "|";
}

.main-search {
    padding: 18px 0 0;
    cursor: pointer;
    display: block;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .main-search input:focus {
        box-shadow: none;
        color: #fff !important;
    }
    .main-search input[type=text] {
      padding: 5px;
      padding-left: 10px;
      line-height: 20px;
      margin-right: 10px;
      width: 170px;
      float: left;
      color: #333;
      font-size: 14px;
      background: #b1b1b1;
      border: 0px;
      border-radius: 4px;
    }
    .main-search input.form-control {
        color: #333 !important;
    }
    .main-search input[type=submit] {
      text-indent: -9999px;
      float: left;
      border: none;
      outline: 0;
      cursor: pointer;
      background: url(/Rexnord/media/Rexnord/Icons/search-button-wht.png) no-repeat;
      background-size: 16px;
      background-color: #bd0120;
      background-position: 50%;
      height: 30px;
      width: 30px;
      padding: 5px;
      text-align: center;
      position: absolute;
      top: 5px;
      right: 10px;
      opacity: 1;
      box-shadow: none !important;
      border-radius: 0 4px 4px 0;
    }
    .main-search:hover input[type=submit] {
        opacity: 1;
        text-shadow: none;
        box-shadow: none
    }
}

.main-settings {
    float: right;
    padding: 19px 0 0 10px;
    position: relative
}

.main-settings img {
    opacity: .2
}

.main-settings div {
    display: none;
    position: absolute;
    min-width: 225px;
    top: 44px;
    left: -179px;
    text-align: left;
    z-index: 50;
    padding-top: 10px
}

.main-settings ul {
    margin: 0;
    padding: 18px 20px 2px;
    list-style: none;
    border-radius: 5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2U0ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(243, 243, 243, 1) 0, rgba(227, 228, 232, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(243, 243, 243, 1)), color-stop(100%, rgba(227, 228, 232, 1)));
    background: -webkit-linear-gradient(top, rgba(243, 243, 243, 1) 0, rgba(227, 228, 232, 1) 100%);
    background: -o-linear-gradient(top, rgba(243, 243, 243, 1) 0, rgba(227, 228, 232, 1) 100%);
    background: -ms-linear-gradient(top, rgba(243, 243, 243, 1) 0, rgba(227, 228, 232, 1) 100%);
    background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 0, rgba(227, 228, 232, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e3e4e8', GradientType=0);
    -webkit-box-shadow: 2px 5px 8px 0 #4e536a;
    box-shadow: 2px 5px 8px 0 #4e536a
}

.main-settings li {
    padding-left: 30px;
    line-height: 18px;
    min-height: 18px;
    padding-bottom: 18px
}

.languageicon {
    background: url(/App_Themes/Rexnord/img/icon-language.png) left top no-repeat;
    opacity: .5
}

.regionicon {
    background: url(/App_Themes/Rexnord/img/icon-globe.png) left top no-repeat;
    opacity: .5
}

.languageicon:hover,
.regionicon:hover {
    opacity: 1
}

.main-settings:hover img {
    opacity: 1;
    cursor: pointer
}

.main-settings:hover div {
    display: block;
    cursor: pointer
}

.main-settings .settingselect select {
    font-family: LatoRegular, Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 150px
}

.fixedheader {
    display: none
}

.topbarfeatures {
    text-align: right;
    border: none!important;
    padding: 0;
    background: 0 0
}

.footer-container {
    margin-top: 40px;
    background: #02306b;
    clear: both;
}

.footer {
    margin: 0 auto;
    padding: 20px 0px 0px 25px;
    max-width: 1105px;
    color: #fff
}
.footer .stock-wrapper {
    margin: 0;
}
.left-nav a,
.left-nav h2,
.left-nav>h3 {
    color: #02306b
}

.left-nav {
    padding-left: 0;
    margin-top: 5px
}

.left-nav h2 {
    font-size: 26px
}

.left-nav>h3 {
    font-size: 20px;
    margin: 20px 0
}

.left-nav>.ContentCheckBoxList {
    padding: 0;
    margin: 0
}

.left-nav>.ContentCheckBoxList td {
    border-top: 1px solid #bbbbbc;
    padding: 5px 0;
    display: block;
    width: 100%
}

.left-nav>.ContentCheckBoxList tr:first-child td {
    border: none
}

.left-nav>.ContentCheckBoxList input[type=checkbox] {
    margin-left: 0;
    margin-right: 10px
}

.left-nav ul {
    margin-left: 0;
    margin-top: 15px;
    padding-left: 25px;
    list-style: none
}

.left-nav ul li {
    text-indent: -7px;
    margin: 0;
    padding-bottom: 12px
}

.left-nav ul li:before {
    content: "-";
    left: -5px;
    position: relative
}

.left-nav .active>a {
    color: #980019
}

.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer a {
    color: #fff;
    font-size: 11px
}

.footer a:hover {
    text-decoration: underline
}

.stock-details h3 {
    margin: 0
}

.documentSearch .button,
.globalSearch .button,
a.alt-button,
a.button,
fieldset .button {
    display: inline-block;
    width: auto;
    padding: 10px 25px;
    text-transform: capitalize;
    font-family: LatoRegular;
    min-width: 160px
}

.panel-group {
    margin-top: 60px
}

.documentSearch .button,
.globalSearch .button,
a.button,
fieldset .button {
    /*background: #4d92ce;
    color: #fff;*/
    font-size: 16px
}

.documentSearch .button:hover,
.globalSearch .button:hover,
a.button:hover,
fieldset .button:hover {
    color: #fff;
    /*text-decoration: underline!important*/
}



h1+h2,
h5 {
    text-transform: uppercase
}

.overviewcontainer {
    margin: 0 0 50px
}

.industry .caption {
    width: 300px;
    color: #fff
}

.industry .caption p {
    font-size: 14px;
    line-height: 1.4
}

.industry .caption .button {
    margin-top: 1.65em
}

h5 {
    font-size: 14px;
    font-weight: 400
}

.eventslist article {
    margin: 0;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 20px;
    width: 98%;
    overflow: hidden
}

.eventslist article h2 {
    font-size: 22px!important;
    margin: 14px 0 6px
}

.eventslist .date {
    font-size: 11px;
    color: #999;
    margin-bottom: 0
}

.eventslist .summary {
    margin: 8px 0;
    overflow: hidden
}

.eventslist .summary img {
    width: 200px;
    height: auto;
    border: 1px solid #e6e6e6;
    margin: 0 .8em .8em 0;
    float: left
}

.eventslist p+p.pdf {
    margin-top: 10px
}

.newsarticle h1 {
    font-size: 18px!important;
    margin: 14px 0 6px;
    color: #999
}

.newsarticle article h1 {
    font-size: 28px!important;
    margin: 14px 0 6px;
    color: #000
}

.newsarticle p {
    width: 98%
}

.newsarticle figure {
    float: right;
    margin: 3px 1em 3em 2em;
    display: table
}

.newsarticle figcaption {
    margin-top: 10px;
    color: #888;
    font-style: italic;
    font-size: 11px;
    display: table-caption;
    caption-side: bottom;
    width: auto;
    font-family: LatoRegular, Arial, Helvetica, sans-serif
}

.feature,
.feature h4 {
    font-family: LatoRegular
}

.newsarticle .date {
    margin-left: 2px;
    font-style: italic
}

.newsarticle address {
    color: #999;
    font-size: 10px;
    margin-left: 2px
}

.newsarticle img {
    width: auto!important;
    height: auto
}

.rightsidebar {
    padding-top: 20px
}

@media only screen and (min-width:768px) {
    .eventslist article {
        position: relative
    }
    .eventslist .date {
        font-size: 12px
    }
    .main-search {
        display: block
    }
    .main-settings img {
        display: none!important
    }
}

.feature {
    margin: 3.85em 0 0;
    font-size: 13px;
    padding-right: 0!important
}

.feature h4 {
    margin: 0 0 5px;
    font-size: 16px
}

.feature a,
a.all {
    font-size: 13px;
    font-family: LatoBold
}

.feature img {
    border: 1px solid #e6e6e6;
    float: left;
    margin: 0 .8em 2em 0
}

a.pdf {
    background: url(/App_Themes/Rexnord/img/icon-pdf.png) left top no-repeat
}

a.all {
    position: relative;
    padding-right: 8px
}

.menu_container .dmui_dropdown_block p.text,
.menu_container>ul>li .minusdrop,
.menu_container>ul>li .plusdrop {
    font-family: LatoRegular, Arial, Helvetica, sans-serif
}

a.all:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: auto;
    content: ">";
    line-height: 1.2
}

.newsarticle p.pdf {
    margin: 20px 0
}

p.date+p.pdf {
    margin-top: 14px
}

.content {
    //margin-bottom: 36px
}

.banner img {
    width: 100%;
    height: auto
}

.footer-links ul {
    width: 22%;
    margin-left: 3%;
    float: left
}

.row.banner [class*=col-] {
    padding: 0!important;
    border: 0!important
}
.row.breadcrumbs {
    margin-top: 0;
}

.fouc {
    height: 88px;
    width: 100%
}

.prependhere li:first-child .dmui-container {
    padding-bottom: 47px!important
}

.nav-search {
    background: #333;
    width: 50%;
    float: left;
    margin-left: -40px;
    margin-top: 15px;
    padding-bottom: 8px;
    position: absolute;
    bottom: 0
}

.nav-search .form-control.watermark {
    font-style: normal !important;
    color: #666 !important;
}

.headerSearch {
    position: absolute;
    right: 0px;
    top: 85px;
    z-index: 99999;
}

.nav-search .headerSearch {
    position: static;
    margin-left: 10px;
}

#ctl00_MainNav_cmssearchbox2_txtWord {
    width: 70%;
    float: left;
    margin-top: -12px;
    color: #666 !important;
}

#ctl00_MainNav_cmssearchbox2_btnGo {
    width: 25%;
    float: left;
    margin-top: -12px;
    margin-left: 8px;
    background: #0c4e76;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    font-weight: 100!important;
    text-shadow: 0 0 0!important;
    letter-spacing: 1px
}

.nav-search input[type=submit] {
    font-weight: 300!important
}

.nav-search:nth-of-type(2) {
    display: none!important;
    visibility: hidden;
    background: 0 0;
    width: 0!important;
    height: 0!important
}

/*# Menu Styles #*/
/* Not all centralized yet, VERY long section min 1500 lines */
.sticky-nav-search-icon { padding: 0; }

#menu1.sticky .header-zone.rt .widget-navlist {
  top: 10px;
}
#menu1 .header-zone.rt .widget-navlist .my-account-nav ul#ctl00_AuthorizedNavMainLinks1 li {
  margin-top: 0;
}

#fixed-header-placeholder {
  display: none;
}
#fixed-header-placeholder.nav-sticky {
  display: block;
}

.menu_container {
    clear: both;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
    height: auto;
    position: relative
}
.menu_container.full_width {
    width: 100%
}

.menu_container>ul {
    background: inherit;
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
    position: relative;
    width: 100%;
    height: 0;
    transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    overflow: hidden
}

.menu_container>ul.collapsed {
    height: auto;
    min-height: 40px;
    max-height: 2999px;
    background: #676767
}

.menu_container>ul>li {
    display: block;
    float: none;
    padding: 0;
    margin: 0
}

.menu_container>ul>li>a {
    padding: 14px 17px;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    font-size: 15px;
    line-height: 18px;
    font-weight: 200;
    outline: 0
}

.menu_container>ul>li.last>a {
    box-shadow: none;
    border-right: none
}

.menu_container>ul>li:hover>a,
.menu_container>ul>li>a.active {
    background: #5591c9;
}

.menu_container>ul>li:first-child:hover>a,
.menu_container>ul>li:first-child>a.active {
    background: #fff;
    border-top: 1px solid grey;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    color: #bd0120;
}

.menu_container>ul>li:last-child:hover>a,
.menu_container>ul>li:last-child>a.active {
    background: #fff;
    border-top: 1px solid grey;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    color: #bd0120;
}

.menu_container .dmui_dropdown_block {
    visibility: visible;
    position: relative;
    background: #fff;
    top: 30px;
    color: #575757;
    opacity: 0;
    transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -webkit-transition: opacity .1s linear;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 0;
    overflow: hidden
}

.menu_container>ul>li.right>.dmui_dropdown_block {
    right: 0
}

.menu_container .dmui_dropdown_block p {
    padding: 5px;
    margin-bottom: 10px;
    line-height: 1.7em
}

.menu_container .dmui_dropdown_block p.small {
    font-size: 11px;
    color: #666
}

.menu_container .dmui_dropdown_block p.links a {
    text-decoration: none
}

.menu_container .dmui_dropdown_block p.links a:hover {
    text-decoration: underline
}

.menu_container .dmui_dropdown_block p.text {
    line-height: 1.5em
}

.menu_container>ul>li.mobileOpen>.dmui_dropdown_block {
    height: auto;
    min-height: 40px;
    max-height: 3000px;
    visibility: visible;
    opacity: 1
}

.menu_container>ul>li .plusdrop {
    display: block
}

.menu_container>ul>li .minusdrop,
.menu_container>ul>li.mobileOpen .plusdrop {
    display: none
}

.menu_container>ul>li.mobileOpen .minusdrop {
    display: block
}

.menu_container .dmui_dropdown_block.full_width {
    left: 0;
    width: 70%;
    margin-left: 0;
    margin-top: 15px;
}
#menu1>ul>li:nth-child(6)>div {
    margin-left: 597px !important;
    height: 125px !important;
    width: 275px !important;
}
#menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block, #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block {
    margin-left: 491px;
    width: 500px;
}

.menu_container .dmui_dropdown_block.half_width {
    width: 50%
}

.menu_container .dmui_dropdown_block .dmui-col {
    float: none;
    width: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.menu_container .dmui_dropdown_block .dmui-col .content {
    padding: 10px 0
}

.menu_container .dmui_dropdown_block h1 {
    font-size: 24px;
    margin-bottom: 25px;
    color: #333;
    border-bottom: 3px solid #888;
    padding: 5px 0 5px 10px;
    height: 7px;
    font-weight: 400
}

.menu_container .dmui_dropdown_block h2 {
    font-size: 18px;
    padding: 6px 0 6px 8px;
    margin: 0 0 18px;
    color: #bd0120;
    border-bottom: 2px solid #333;
    font-weight: 600
}

.menu_container .dmui_dropdown_block h1:after,
.menu_container .dmui_dropdown_block h1:before {
    display: inline-block;
    width: 10px;
    content: ' '
}

.menu_container .dmui_dropdown_block h2:after,
.menu_container .dmui_dropdown_block h2:before {
    display: inline-block;
    width: 6px;
    content: ' '
}

.menu_container .dmui_dropdown_block h1:first-line,
.menu_container .dmui_dropdown_block h2:first-line {
    background: #fff
}

img.auto_width {
    width: auto;
    width: 100%
}

ul.dmui-simple-ul {
    list-style: none;
    padding: 0;
    margin: 0 0 10px
}

ul.dmui-simple-ul li {
    display: block
}

ul.dmui-simple-ul li a {
    display: block;
    padding: 4px 0 0 13px;
    text-decoration: none;
    margin: 2px 0
}

ul.dmui-simple-ul li a:hover {
    color: #111
}

ul.dmui-simple-ul li a:hover:before {
    color: inherit
}

.dmui-container {
    padding: 15px
}

.dmui-container .dmui-container {
    padding: 0
}

.dmui-container .seeall {
    display: block;
    text-align: center;
    color: #0c4e8b;
    font-family: LatoBold
}

.content .DimensionValues>li,
.dmui-btn,
.dmui-input,
.menu_container,
ul.dmui-contacts-info,
ul.dmui-submenu li a,
ul.dmui-submenu>li.has-dropdown>a:after {
    font-family: Lexend, sans-serif
}

.dmui-container>.dmui-col:last-child {
    border: none!important
}

.dmui-container:after {
    content: ' ';
    display: block;
    clear: both
}

ul.dmui-submenu {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.dmui-submenu li {
    display: block;
    position: relative
}

ul.dmui-submenu li a {
    display: block;
    padding: 9px 30px 9px 20px;
    text-decoration: none;
    margin: 0;
    line-height: 18px;
    white-space: nowrap
}

ul.dmui-submenu li a .fa {
    font-size: 16px;
    margin-right: 6px
}

ul.dmui-submenu li:hover>a {
    background: rgba(0, 0, 0, .3);
    color: #fff
}

ul.dmui-submenu>li.has-dropdown>a:after {
    content: "\203A";
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 20px;
    line-height: 16px;
    font-weight: 700;
    opacity: .7
}

ul.dmui-submenu>li.has-dropdown:hover>a:after {
    opacity: 1
}

ul.dmui-submenu>li>.dmui-submenu {
    visibility: hidden;
    opacity: 0;
    position: relative;
    width: auto;
    text-align: left;
    min-width: 160px;
    top: 100%;
    height: 0;
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2)
}

ul.dmui-submenu>li.has-dropdown:hover>.dmui-submenu {
    visibility: visible;
    opacity: 1;
    transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -webkit-transition: opacity .1s linear;
    height: auto
}

ul.dmui-submenu>li>.dmui-submenu a {
    padding-left: 30px
}

ul.dmui-submenu>li>.dmui-submenu>li>.dmui-submenu a {
    padding-left: 40px
}

ul.dmui-submenu>li>.dmui-submenu>li>.dmui-submenu>li>.dmui-submenu a {
    padding-left: 50px
}

.menu_container .dmui_dropdown_block>ul.dmui-submenu>li>ul.dmui-submenu {
    margin-left: 4px
}

.menu_container .dmui_dropdown_block ul.dmui-submenu li a {
    color: #666
}

.menu_container .dmui_dropdown_block ul.dmui-submenu li a:hover {
    color: #fff;
    background: #2f3c69!important
}

.dmui-col .dmui-container ul {
    list-style: none;
    padding-left: 15px
}

ul.dmui-contacts-info {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fefefe;
    border-radius: 4px;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .1), 0 -1px 0 0 rgba(0, 0, 0, .1)
}

ul.dmui-contacts-info li {
    display: block;
    padding: 8px 15px;
    border-top: 1px solid #e3e3e3
}

ul.dmui-contacts-info li:first-child {
    border-top: none
}

ul.dmui-contacts-info li .fa {
    float: left;
    font-size: 16px;
    margin-top: 2px
}

ul.dmui-contacts-info li>span {
    display: block;
    margin-left: 25px;
    line-height: 1.5em
}

ul.dmui-contacts-info a {
    color: #555
}

.form-horizontal h3 {
    margin: 0 0 15px;
    font-weight: 500;
    font-size: 20px
}

.form-horizontal small {
    font-style: italic
}

.dmui-input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 6px 8px;
    line-height: 18px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    border-radius: 3px;
    border: 1px solid #d0d0d0;
    background: #f7f7f7;
    margin-bottom: 8px
}

textarea.dmui-input {
    resize: none;
    min-height: 80px
}

.menu_container .dmui_dropdown_block .dmui-btn,
.menu_container .dmui_dropdown_block a.dmui-btn {
    display: inline-block;
    border: none;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    padding: 8px 24px 9px;
    margin: 0;
    line-height: 18px!important;
    font-size: 16px;
    font-weight: 200;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
    text-decoration: none
}

.menu_container .dmui_dropdown_block a.dmui-btn:hover {
    color: #fff
}

.dmui_dropdown_block .dmui-blog-item {
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 2px solid #eee
}

.dmui_dropdown_block .dmui-blog-item:first-child {
    padding-top: 0;
    border-top: none
}

.dmui_dropdown_block .dmui-blog-item p {
    padding: 5px 0;
    margin-bottom: 0
}

.dmui_dropdown_block .dmui-blog-item h3 {
    line-height: 1.3em;
    margin-bottom: 5px;
    font-weight: 600;
    color: #555
}

.dmui_dropdown_block .dmui-blog-item .date {
    float: right;
    font-size: 11px;
    font-style: italic;
    line-height: 20px;
    font-weight: 700
}

.menu_container .dmui_dropdown_block a.dmui-btn-mini {
    display: inline-block;
    color: #fff;
    background: #bbb;
    padding: 2px 8px 3px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2)
}

.menu_container .dmui_dropdown_block a.dmui-btn-mini:hover {
    color: #fff
}

.overflow-hidden {
    overflow: hidden
}

.mobile_collapser {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    padding: 5px 0;
    background: url(/App_Themes/Rexnord/img/menu-mobile.png) no-repeat;
    width: 22px;
    text-indent: -9999px;
    line-height: 15px;
    margin: 10px
}

.search_collapser,
.settings_collapser {
    color: #fff;
    font-size: 16px;
    width: 25px;
    height: 25px;
    padding: 0 8px;
    margin: 5px 10px 0 0;
    float: right;
    text-indent: -9999px;
    cursor: pointer
}

.search_collapser {
    display: inline-block;
    background: url(/App_Themes/Rexnord/img/search-mobile.png) no-repeat
}

.settings_collapser {
    background: url(/App_Themes/Rexnord/img/settings-mobile.png) no-repeat
}

/*# Menu Styles/mobile & desktop adjustments #*/

@media screen and (max-width: 874.4px) {
  #fixed-header-placeholder {
    display: none !important;
  }
}
@media only screen and (min-width:874.5px) {
    .menu_container>ul>li:hover>.dmui_dropdown_block {
        height: auto;
        min-height: 40px;
        max-height: 3000px;
        visibility: visible;
        opacity: 1
    }
    .mobile_collapser {
        display: none
    }
    .menu_container>ul {
        background: 0 0;
        height: inherit;
        overflow: visible
    }
    .menu_container>ul>li {
        float: left;
        background: inherit
    }
    .menu_container>ul>li>a {
        position: relative
    }
    .menu_container>ul>li>a:after {
        content: "|";
        position: absolute;
        right: -5px;
        color: #fff;
    }
    .menu_container>ul>li:last-child>a:after {
        content: ""
    }
    .menu_container .dmui_dropdown_block {
        visibility: hidden;
        position: absolute;
        height: 0;
        border: 1px solid grey;
        border-top: none
    }
    .menu_container>ul>li:hover>.dmui_dropdown_block,
    .menu_container>ul>li:hover>.dmui_dropdown_block.clickopen {
        overflow: visible;
        visibility: visible;
        opacity: 1
    }
    .menu_container>ul>li.right {
        float: right
    }
    .menu_container .dmui_dropdown_block .dmui-col {
        float: left
    }
    .menu_container .dmui_dropdown_block .dmui-col .dmui-container {
        padding: 10px
    }
    .menu_container .dmui_dropdown_block .dmui-col.span1 {
        width: 100%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span2 {
        width: 50%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span3 {
        width: 33%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span4 {
        width: 25%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span5 {
        width: 20%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span6 {
        width: 16%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span10per {
        width: 10%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span20per {
        width: 20%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span30per {
        width: 30%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span40per {
        width: 40%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span50per {
        width: 50%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span60per {
        width: 60%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span70per {
        width: 70%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span80per {
        width: 80%
    }
    .menu_container .dmui_dropdown_block .dmui-col.span90per {
        width: 90%
    }
    .menu_container .dmui_dropdown_block .dmui-col.bordered {
        border-right: 1px dotted #ddd
    }
    ul.dmui-submenu>li>.dmui-submenu {
        position: absolute;
        top: 0;
        height: auto;
        min-width: 160px;
        left: 100%;
        box-shadow: -2px 2px 0 rgba(0, 0, 0, .1)
    }
    .menu_container .dmui_dropdown_block>ul.dmui-submenu>li>ul.dmui-submenu {
        margin-left: 0
    }
    ul.dmui-submenu>li>.dmui-submenu a {
        padding-left: 20px!important
    }
    ul.dmui-submenu.right-align li a {
        text-align: right
    }
    ul.dmui-submenu.right-align li.has-dropdown>a:after {
        content: '\2039';
        right: auto;
        left: 10px
    }
    ul.dmui-submenu.right-align li a .fa {
        margin-right: 0;
        margin-left: 6px
    }
    ul.dmui-submenu.right-align>li .dmui-submenu {
        left: auto;
        right: 100%;
        box-shadow: 2px 2px 0 rgba(0, 0, 0, .1)
    }
}

.caption .button:after,
.overviewcontainer:after,
.refineSelected:before,
.refinetooltoggle a:after {
    content: ""
}

.industryDDleft .label,
.industryDDright .label {
    font-size: 14px;
    color: #000;
    margin-left: 10px
}

.dmui-col .industryDDleft,
.dmui-col .industryDDright {
    float: left;
    width: 50%
}

.dmui-col .industryDDleft ul,
.dmui-col .industryDDright ul {
    list-style: none;
    padding-left: 15px;
    margin-bottom: 10px
}

.menu_container.topfixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0
}

.menu_container.topfixed.centered>ul {
    float: none;
    height: inherit;
    margin: 0 auto;
    max-width: 1000px
}

.options {
    z-index: 100;
    position: fixed;
    left: 0;
    top: 100px;
    width: 210px;
    clear: both;
    background: #fff;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.options label {
    display: block;
    margin-right: 15px;
    font-size: 12px;
    line-height: 32px;
    cursor: pointer;
    color: #777
}

.options label:hover {
    color: #333
}

.options label input {
    float: left;
    margin-top: 9px;
    margin-right: 5px
}

.options label input:checked+span {
    font-weight: 700;
    color: #333
}

.options .toggler {
    position: absolute;
    right: -40px;
    top: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    padding: 10px 10px 10px 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, .3);
    border-radius: 0 5px 5px 0
}

.options .toggler i {
    font-size: 20px;
    color: #78b837;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear
}

.options h3 {
    border-bottom: 1px dotted #333;
    font-size: 14px;
    font-weight: 700;
    color: #555;
    padding-bottom: 5px;
    margin: 10px 0
}

.options.opened .toggler i {
    color: #999
}

#menu2 {
    position: fixed !important;
    top: -46px;
    left: 0px;
    width: 100%;
    height: 46px;
    z-index: 99999;
    background: #666;
    transition: all .4s;
}

.sticky {
    top: 0px !important;
}

#menu2.menu_container>ul>li>a:after {
    color: #fff !important;
}

#menu2 > a {
    background: #333;
    padding: 2px;
    width: 20%;
    float: left;
    text-align: center;
}

#menu2 > ul {
    float: left;
    width: 70%;
}

#menu2 .sticky-nav-search-icon {
    background-image: url(/Rexnord/media/Rexnord/Icons/search-button-wht.png);
    background-repeat: no-repeat;
    background-color: #333;
    background-position: 50%;
    float: right;
    width: 50px;
    height: 46px;
    transition: all .4s;
    position: fixed;
    right: 0px;
    cursor: pointer;
}

#menu2 .sticky-nav-close-icon {
    display: none;
    color: #fff;
    position: fixed;
    font-size: 20px;
    height: 36px;
    right: 15px;
    cursor: pointer;
    margin-top: 5px;
    z-index: 100000;
}

#menu2 .sticky-nav-search-icon.expanded {
    width: 80% !important;
    background-color: #ccc !important;
    background-position-x: 15px !important;
}

#menu2 .searchBox {
    display: none;
    float: right;
    width: 80%;
    transition: all .4s;
    padding-left: 50px;
    position: fixed;
    top: 0px;
    right: 0px;
}

#menu2 .searchBox .form-control {
    height: 46px;
    border: 0px;
    background: #ccc;
    color: #fff;
}

#menu2 .searchBox .btn-default {
    display: none;
}

.menu_container.navy,
.menu_container.navy .dmui-blog-item a.dmui-btn-mini:hover,
.menu_container.navy .dmui-btn {
    background: linear-gradient(90deg, #000000, #313131);
    padding: 0px !important;
}

.menu_container.navy .dmui_dropdown_block a {
    color: #1f4164
}

.menu_container.navy .dmui_dropdown_block a:hover {
    color: #275782
}

.menu_container.navy .dmui_dropdown_block h1 {
    border-bottom-color: #25547d;
}

.menu_container.navy .dmui-btn:hover,
.menu_container.navy ul.dmui-submenu {
    background: #fff
}

@media only screen and (min-width:769px) {
    body,
    html {
        height: 100%
    }
    .container {
        min-height: 100%;
        margin-bottom: -263px
    }
    .container:after {
        content: "";
        display: block
    }
    .footer-container {
        height: 203px
    }
}

/*# Refine Tool #*/
.newRefineTool .DimensionStateGroups,
fieldset .button {
    min-width: 0
}

#Products {
    position: relative;
    margin-top: 20px
}

.refinetool {
    position: absolute;
    top: 41px;
    max-width: 185px;
    width: 100%;
    overflow: hidden;
    padding: 0;
    background: #fff;
    z-index: 50;
    border: 1px solid #aaa;
    border-top: none;
}

.refinetoolpanel {
    /*top: -61px;*/
    right: calc(100% + 15px);
    margin: 0 auto;
    max-width: 195px;
    position: absolute;
}
.featureDocContainer .refinetoolpanel {
    position: absolute;
    right: 0;
    top: -3px;
}

.newRefineTool {
    margin-top: 10px;
}

.content ul.DimensionStateGroups {
    list-style: none;
    margin: 0;
    padding: 0;
}

.content .DimensionValues,
.content ul.DimensionStates {
    list-style: none;
    margin: 0;
    padding: 0;
}

.content .newRefineTool .DimensionValues,
.content .newRefineTool ul.DimensionStates {
    padding: 0 0 0 15px;
}

.content .productContainer.moveOver ul.DimensionStates,
.content .productContainer.moveOver ul.DimensionValues,
.content .resultDocContainer.moveOver ul.DimensionStates,
.content .resultDocContainer.moveOver ul.DimensionValues {
    padding-left: 0
}

.content .newRefineTool .DimensionValues {
    padding: 10px 0 0 15px;
}

.refinetool .SearchHeading, .refinetool .SearchHeading:active {
    display: block;
    margin: 10px 5px 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    color: #0C4E76!important;
    border-bottom: 1px solid #000;
    font-weight: 700;
}

.newRefineTool .DimensionStates>li {
    background: url(/App_Themes/Rexnord/img/arrow_normal.png) 9px 12px no-repeat
}

.newRefineTool .DimensionStates>li.clicked {
    background: url(/App_Themes/Rexnord/img/arrow_down.png) 7px 15px no-repeat
}

.newRefineTool .DimensionStates>li span {
    margin: 0;
    border-bottom: 1px solid #ccc;
    color: #0c4e76!important;
    padding: 7px 0 7px 20px;
    font-weight: 700;
    font-size: 10pt;
    display: block;
}

.content .DimensionValues {
    padding: 0
}

.content .DimensionValues.openrefinement {
    display: block!important
}

.content .DimensionValues>li {
    padding: 0;
    font-size: 12px;
    line-height: 12px;
}
.content .DimensionValues > li a {
    padding: 5px 0 5px 10px;
    display: block;
    color: #888;
}
.content .DimensionValues > li:last-child a {
    margin-bottom: 10px;
}
.content .DimensionValues > li a span {
    margin: 0;
    padding: 0;
}
.content .newRefineTool .DimensionValues>li {
    padding: 3px 0 3px 20px
}

.refineSelected {
    background: #aaa;
    position: relative;
}
.refineSelected span {
    position: relative;
}
.DimensionValues > li.refineSelected a {
    color: #0C4E76;
    font-weight: 700;
}
.DimensionValues > li.refineSelected a:after {
    content: ' ';
    border-left: 4px solid #0C4E76;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    margin-left: 5px;
    margin-top: 2px;
}

.rexnord-loader-bg.show, .rexnord-loader.show {
  display: block;
}

.newRefineTool .refineSelected {
    background: url(/App_Themes/Rexnord/img/check.png) no-repeat
}

.newRefineTool .refineSelected a {
    color: #0c4e76!important;
    font-weight: 400
}

.newRefineTool .refineSelected:before {
    display: none!important
}

.refinetooltoggle {
    max-width: 185px;
    width: 100%;
    line-height: 35px;
    position: relative;
    background: #27366d;
    overflow: visible!important;
}

.refinetooltoggle.refineOpen {
    color: #fff;
}

.refinetooltoggle a:after {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 10px;
    margin-top: 8px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #FFFFFF;
    transform: rotate(0);
    transition: all .4s;
}
.refinetooltoggle.refineOpen a:after {
    transform: rotate(90deg);
}

.refinetooltoggle a {
    padding: 10px;
    text-decoration: none!important;
    cursor: pointer;
    display: block;
    outline: 0;
    border: 0;
    color: #fff;
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

/*# Refine Tool/Mobile Styles #*/
@media screen and (max-width: 768px) {
  .refinetoolpanel {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: none;
    width: calc(100% + 30px);
    margin-left: -15px;
    text-align: center;
    margin-top: 10px;
  }
  .featureDocContainer .refinetoolpanel {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin-left: 0;
  }
  .refinetooltoggle {
    max-width: none;
    margin-top: 0;
    margin-right: 0;
    width: auto !important;
  }
  .featureDocContainer .refinetooltoggle {
    margin: 0;
  }
  .refinetooltoggle a {
    font-size: 18px;
    font-weight: normal;
    padding: 16px 5px;
  }
  .refinetooltoggle a:after {
    display: none;
  }
  .refinetooltoggle a span {
    position: relative;
  }
  .refinetooltoggle a span:after {
    content: "";
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    margin-left: 8px;
    margin-top: 7px;
    transform: rotate(0);
    transition: all .4s;
  }
  .refinetooltoggle.refineOpen a span:after {
    transform: rotate(90deg);
  }
  .refinetool {
    max-width: none;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #edf6fd;
  }
  .featureDocContainer .refinetool {
    top: 0;
  }
  .refinetool .SearchHeading {
    padding: 16px 5px;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    border-bottom: none;
    color: #333 !important;
    background: #fff;
  }
  .refinetool .CimensionValues.openrefinement {
    background: #edf6fd;
  }
  .refinetool .DimensionValues > li {
    border-top: 1px solid #a2a2a2;
    margin: 0 5px;
  }
  .refinetool .DimensionValues > li.refineSelected {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 0;
  }
  .refinetool .DimensionValues > li.refineSelected + li {
    border-top: none;
  }
  .refinetool .DimensionValues > li > a {
    padding: 16px 5px;
    font-size: 16px;
    font-weight: bold;
  }
  .refinetool .DimensionValues > li.refineSelected a {
    color: #fff;
  }
  .refinetool .DimensionValues > li.refineSelected a:after {
    display: none;
  }
  .refinetool .DimensionValues > li:last-child a {
    margin-bottom: 0;
  }
}

.modelContainer dl,
.productContainer dl {
    border-bottom: 1px solid #ccc;
    overflow: hidden
}

.refineTitleBar {
    overflow: hidden;
    min-height: 32px;
    background: url(/Rexnord/media/Rexnord/pageDefaults/titlebg.png) left bottom no-repeat;
    margin-bottom: 10px
}

.refineTitleBar h4 {
    float: left;
    display: block;
    font-size: 16px;
    line-height: 22px;
    width: 22%;
    padding-left: 16px;
    margin: 0
}

.clonePagination li a,
.moveOver .pagination li a,
.pagination li a {
    height: 18px;
    line-height: 18px;
    font-family: LatoRegular, Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none
}

.refineTitleBar .searchTitle {
    display: block;
    float: left;
    font-size: 13px;
    padding-top: 5px
}

.refineTitleBar .cloneFound {
    display: block;
    float: left;
    font-weight: 700;
    padding-left: 20%;
    font-size: 11px;
    padding-top: 8px
}

.pagination {
    overflow: hidden;
    width: 100%
}

.clonePagination {
    overflow: hidden;
    width: auto;
    float: right
}

.clonePagination ul,
.pagination ul,
.pagination-bottom ul{
    margin: 0;
    padding: 0;
    list-style: none;
    float: right
}

.clonePagination ul {
    margin: 5px 16px 5px 0
}

.pagination li, .pagination-bottom li {
    display: inline-block;
    width: auto;
    margin: 0 3px 0 0;
    padding: 0
}

.pagination li a, .pagination-bottom li a {
    display: block;
    width: 18px;
    background: #eee;
    color: #666;
    font-size: 11px
}

.pagination li a.selected, .pagination-bottom li a.selected {
    background: #444;
    color: #fff;
    font-weight: 500
}

.refinetoolpanel a.button {
    min-width: 0;
    margin-top: 15px;
    cursor: pointer;
    text-decoration: none
}

.moveOver .pagination {
    margin: 20px!important
}

.clonePagination li,
.moveOver .pagination li {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0
}

.clonePagination li a,
.moveOver .pagination li a {
    display: block;
    width: auto;
    background: #fff;
    color: #666;
    font-size: 11px
}

.clonePagination li a {
    background: 0 0
}

.clonePagination li a.selected,
.moveOver .pagination li a.selected {
    color: #000;
    font-weight: 700
}

/*# Family Page Model List #*/
.productContainer dl {
    width: 100%
}

.productContainer dt,
.productContainer div dt:first-child {
    width: 63%;
    float: left;
    font-size: 22px;
    color: #000;
    display: block;
    margin-bottom: 8px;
    font-weight: 400;
    margin-left: 0 !important;
}

.productContainer .truncated {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.productContainer .expand-model-text {
    color: #0C4E76;
    cursor: pointer;
    position: relative;
    margin-left: 5px;
}

.productContainer .expand-model-text.active {
  margin-left: 10px;
}

.productContainer .long-model-text span:before {
  content: '› ';
}

.productContainer .expand-model-text:hover {
    text-decoration: underline;
}

.productContainer dt span {
    display: block;
    font-size: 13px;
    color: #333
}

.productContainer dt:first-child {
    width: 12%;
}
.productContainer .model-info {
    margin-left: calc(12% + 15px);
}
.productContainer>dl>dt {
    margin-left: 15px;
    margin-right: 15px;
}

.productContainer dt:first-child img {
    width: 100%;
    height: auto
}

.productContainer dd {
    margin-left: 14%;
    width: 63%;
    display: block;
    clear: none;
    float: none
}

.productContainer dl dd:first-of-type {
    float: right;
    width: 20%;
    padding-left: 2%;
    font-size: 13px;
    border-left: 3px dotted #ccc
}

.productContainer dd .viewall {
    padding: 10px 0 0;
    display: block
}

.productContainer .expand-model-text:before {
  content: '\203A ';
  transition: transform .4s;
  display: block;
  position: absolute;
}

.productContainer .expand-model-text.active:before {
  transform: rotate(-90deg);
}

.productContainer dd .viewall:after {
    content: ' \203A';
}
.pl-desc a:after {
    content: ' \203A';
}
/*# Family Page Model List New #*/
.productlist-item-0 {
  padding-top: 20px;
}
.productlist-item {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.pl-img {
  display: inline-block;
  width: 12%;
  vertical-align: top;
  margin-right: 15px;
}
.pl-img img {
  width: 100%;
}
.pl-txt {
  display: inline-block;
  width: 63%;
  vertical-align: top;
}
.pl-title {
  font-size: 22px;
  color: #000;
  margin-bottom: 8px;
}
.pl-title span {
  font-size: 13px;
  font-weight: 700;
}

/*# Model List? #*/
.ModelList {
    margin: 4px 0;
    padding: 0!important;
    list-style: none;
    overflow: hidden;
    clear: both
}

.ModelList li {
    padding: 0;
    margin: 0 4px 6px 0;
    width: auto;
    float: left
}

.ModelList li.head {
    float: none;
    clear: both;
    margin: 10px 0 4px;
    font-size: 12px;
    font-style: italic;
    color: #888
}

.greybox h3,
.productCopy h3,
h1,
h3 {
    font-style: normal
}

.ModelList li a {
    border: 1px solid #ccc;
    padding: 0;
    background: #eee;
    text-align: center;
    width: 48px;
    line-height: 46px;
    height: 48px;
    border-radius: 48px;
    display: block;
    font-size: 11px
}

.modelContainer dl {
    width: 100%;
    padding: 0 0 20px
}

.modelContainer dl:first-of-type {
    padding: 20px 0
}

.modelContainer dt {
    width: 20%;
    float: left;
    font-size: 20px;
    color: #000;
    display: block;
    margin-bottom: 8px;
    font-weight: 400
}

.modelContainer dd {
    margin-left: 21%;
    width: 70%;
    display: block;
    clear: none;
    float: none
}

.modelContainer dd p {
    margin: 0;
    padding: 0;
    line-height: 1.2
}

.tabcontainer {
    clear: both
}

.overviewcontainer:after {
    display: block;
    width: 0;
    height: 0;
    clear: both
}

.overviewcontainer ul {
    display: block;
    float: left;
    margin-top: 8px;
    padding-left: 2em
}

.overviewcontainer p.imageleft {
    display: block;
    max-width: 22%;
    float: left;
    border: 1px solid #ccc;
    margin: 3px 2% 0 0
}

#industry-subcat,
.map iframe {
    max-width: 100%
}

h1+h2 {
    color: #bababa;
    font-size: 16px;
    margin: -10px 0 24px
}

.specContainer p img {
    width: 100%;
    height: auto
}

.specContainer .titleBar h4 {
    font-size: 22px
}

.dlTable {
    display: block;
    width: 100%;
    margin: 0 auto 30px;
    overflow: hidden
}

.dlTable dd,
.dlTable dt {
    float: left;
    width: 50%;
    border-bottom: 2px solid #eee;
    padding: 3px 12px
}

.dlTable dt {
    background: #e6e6e6;
    text-align: left
}

.caption,
.industrysolutions .box {
    text-align: center
}

.red {
    color: #C00!important
}

.section h3 {
    margin-bottom: 10px
}

.section dd,
.section dt {
    float: left
}

.section dt {
    clear: left;
    width: 45%
}

.greybox {
    padding: 10px!important;
    margin: 0!important;
    background-color: #f5f5f5!important;
    border: 1px solid #ddd!important;
    border-radius: 3px
}

.greybox h3 {
    font-size: 16px;
    line-height: 1.1em;
    margin: 6px 8px 0;
    padding: 0
}

.greybox .section {
    margin-top: 0
}

.titleBar {
    background: url(/Rexnord/media/Rexnord/pageDefaults/titlebg.png) left bottom no-repeat rgba(0, 0, 0, 0);
    background-size: 100%;
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}

.titleBar h2 {
    padding: 0 0 10px 10px;
    vertical-align: bottom;
    font-size: 22px!important
}

.caption p,
.caption.half p {
    font-family: LatoRegular;
    color: #333;
    font-size: 20px
}

@media only screen and (min-width:920px) {
    .titleBar {
        padding: 0 10px
    }
}

.productsContainer {
    margin: 50px 0 0;
    padding: 0;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.documentation {
    margin-bottom: 20px
}

.documentation h3 {
    margin-bottom: 5px
}

.titleBarFull {
    background: url(http://www.rexnord.com/images/titlebar_bg-880px.jpg) bottom left no-repeat;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 34px
}

.titleBarFull H2 {
    padding: 0 0 10px 10px;
    vertical-align: bottom
}

.cadgroup .cadcontainer span,
.featureDoc {
    vertical-align: top
}

.productWindow a:hover {
    text-decoration: none
}

.productLink {
    border: 0;
    padding: 0;
    margin: 20px 7px 0 0
}

.productBox {
    background: #F0F0F2;
    width: 100%;
    min-height: 220px;
    padding: 0;
    margin: 0;
    border: 2px solid #d7d7d7
}

.productBox:hover {
    border: 2px solid #bd0120;
}

.productBox:hover .sliderwrapper .box .caption {
    transform: translate(0, -57px);
    -ms-transform: translate(0, -57px);
    -moz-transform: translate(0, -57px);
    -o-transform: translate(0, -57px);
    -webkit-transform: translate(0, -57px);
    opacity: 1
}

.learnHowButton {
    margin-bottom: 10px
}

.specContainer dl {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
    overflow: hidden
}

.specContainer dl dt {
    float: left;
    margin: 0 2.5% 0 0;
    width: 27.5%
}

.specContainer dl dd {
    margin-left: 30%
}

.industrysolutions .productWindow {
    width: 225px;
}

.industrysolutions .box img {
    width: auto;
    height: 80px
}

.box,
.box img {
    border: none;
    width: 100%;
    height: auto
}

.industrysolutions .productBox {
    min-height: 240px;
    height: 100%;
}

.box {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0
}

.caption {
    width: 60%;
    margin-left: 15%;
    z-index: 10
}

.productBox .caption {
    margin-left: 0;
    width: 100%
}

.caption p {
    margin: 0 30px 10px
}

.caption.half p {
    text-align: right
}

.caption.half {
    width: 45%;
    margin: 0 2.5%
}

.ie7 .caption {
    bottom: 0
}

.ie8 .caption {
    bottom: -10px
}

.simple-caption {
    margin-left: 0;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1.4;
    display: none
}

.sliderCaption,
.staticCaption {
    width: 100%;
    margin: 0!important;
    color: #fff;
    font-weight: 600!important;
    font-family: LatoRegular, Arial, sans-serif!important;
    text-align: center
}

.caption,
.productBox:hover .simple-caption {
    display: block
}

.sliderCaption {
    background-color: rgba(5, 78, 120, .6);
    padding: 3px 0!important;
    font-size: 10pt
}

.ie7 p.sliderCaption,
.ie8 p.sliderCaption {
    background-color: #6492ac;
    padding: 3px 0
}

.ie7 .secondCaption {
    bottom: 0
}

.ie8 .secondCaption {
    bottom: -10px
}

.secondCaption {
    transform: translate(0, -57px);
    -ms-transform: translate(0, -57px);
    -moz-transform: translate(0, -57px);
    -o-transform: translate(0, -57px);
    -webkit-transform: translate(0, -57px);
    opacity: 1;
    position: absolute;
    bottom: 62px;
    z-index: 500
}

.staticCaption {
    height: 15px;
    background-color: rgba(5, 78, 120, .6);
    padding: 0!important;
    font-size: 11px
}

.ie7 p.staticCaption,
.ie8 p.staticCaption {
    background-color: #6492ac;
    padding: 10px 0
}

.productCopy {
    padding: 10px
}

.productCopy h3,
.productCopy p {
    padding: 0!important;
    margin: 0!important
}

.productCopy h3 {
    color: #bd0120;
    font-weight: 700!important;
    font-size: 16px!important;
    line-height: 1.1em
}

.productCopy p {
    color: #000;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px
}

.caption .button,
.whatsNewContainer H3,
h1 {
    font-weight: 400!important
}

.caption {
    min-height: 100px;
    position: absolute;
    color: #111;
    line-height: 1.4
}
/*# Royal Slider #*/

.royalSlider .caption h3 {
    font-size: 42px;
    font-family: LatoRegular;
    margin: 0 0 10px
}

.caption .button {
    position: relative;
    padding: 13px 30px;
    margin: 40px 0 15px;
    text-decoration: none!important;
    background: #5591C9;
    border: 2px solid #fff;
    border-radius: 0;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 22px;
    line-height: 2.2rem
}

.caption .button:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -70px;
    background: url(/App_Themes/Rexnord/img/button-shadow.png) no-repeat;
    width: 141px;
    height: 6px;
    display: block
}

.caption .button:hover {
    text-decoration: underline!important
}

.caption ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.caption li a {
    font-size: 13px;
    font-family: LatoRegular, Arial, sans-serif;
    position: relative;
    padding-right: 8px
}

.caption li a:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: auto;
    content: ">";
    line-height: 1.25
}/*# Royal Slider/Home Page Slide Styles #*/

/*.rsContainer .rsSlide:nth-child(4) .caption,
.rsContainer .rsSlide:nth-child(4) .caption p,
.rsContainer .rsSlide:nth-child(4) .caption,
.rsContainer .rsSlide:nth-child(4) .caption p {
color: #fff;
}
/*.rsContainer .rsSlide:nth-child(4) .caption p.slideSubtitle,
.rsContainer .rsSlide:nth-child(4) .caption p.slideSubtitle {
margin-top: 25px;
}
/*.rsContainer .rsSlide:nth-child(4) .caption .left {
float: left;
max-width: calc(100% - 200px); 
}

.rsContainer .rsSlide:nth-child(4) .caption .right {
float: right;
max-width: 200px;
}
.rsContainer .rsSlide:nth-child(4) .caption img {
width: auto;
}
.rsContainer .rsSlide:nth-child(4) .caption p a.button.button-lightBlue {
margin-right: 115px;
}
.rsContainer .rsSlide:nth-child(4) .caption h3 {
text-align: right;
}
.rsContainer .rsSlide:nth-child(4) .caption {
width: 75%;
margin-left: 6%;
}
.rsContainer .rsSlide:nth-child(4) .caption p.slideSubtitle {
width: 52%;
text-align: center;
margin-left: 141px;
margin-top: 30px;
}
.rsContainer .rsSlide:nth-child(4) .caption img {
width: 75%;
position: absolute;
top: 66px;
right: -246px;
}*/
/*.rsContainer .rsSlide:nth-child(4) .rsVideoContainer .rsPlayBtn {
display: none;
}
.rsContainer .rsSlide:nth-child(4) .caption {
left: 65px;
right: 65px;
max-width: calc(100% - 130px);
width: 100%;
color: white;
margin: 0;
top: 5%;
bottom: 0;
}
.rsContainer .rsSlide:nth-child(4) .caption {
color: white;
left: 10%;
right: 10%;
margin: 0;
max-width: 80%;
width: 80%;
bottom: 0;
top: 15%;
}*/
.rsContainer .rsSlide:nth-child(4) .caption {
color: white;
left: 10%;
right: 10%;
margin: 0;
max-width: 80%;
width: 80%;
bottom: 0;
top: 15%;
}
/*.rsContainer .rsSlide:nth-child(2) .caption p,
.rsContainer .rsSlide:nth-child(3) .caption p,
.rsContainer .rsSlide:nth-child(4) .caption p {
margin-left: 0;
text-align: left;
}
/*.rsContainer .rsSlide:nth-child(2) .caption .slideSubtitle,
.rsContainer .rsSlide:nth-child(3) .caption .slideSubtitle,
.rsContainer .rsSlide:nth-child(4) .caption .slideSubtitle {
color: white;
max-width: 60%;
text-align: left;
margin-left: 0;
}
/*.rsContainer .rsSlide:nth-child(4) .caption .slideSubtitle {
font-size: 22px;
max-width: 58%;
}
.rsContainer .rsSlide:nth-child(2) .slideImage,
.rsContainer .rsSlide:nth-child(3) .slideImage,
.rsContainer .rsSlide:nth-child(4) .slideImage {
position: absolute;
top: 0;
left: 60%;
right: 0;
bottom: 0;
}
/*.rsContainer .rsSlide:nth-child(2) .caption h3,
.rsContainer .rsSlide:nth-child(3) .caption h3,
.rsContainer .rsSlide:nth-child(4) .caption h3 {
max-width: 60%;
float: left;
text-align: left;
}
/*.rsContainer .rsSlide:nth-child(3) .caption h3 {
font-size: 38px;
font-weight: 500 !important;
margin-top: 20px;
}
.rsContainer .rsSlide:nth-child(4) .caption h3 {
margin-top: 90px;
font-weight: 500;
max-width: 67%;
}
.rsContainer .rsSlide:nth-child(4) .slideButton .button {
margin-top: 20px;
}

.rsContainer .rsSlide:nth-child(4) p.slideImage {
margin-top: 60px;
}*/

/*# Royal Slider/Career Page Slide #*/
.Careers .rsContainer .rsSlide:nth-child(3) .caption {
    bottom: auto;
    top: 13%;
}
.Careers .rsContainer .rsSlide:nth-child(3) .caption,
.Careers .rsContainer .rsSlide:nth-child(3) .caption p{
    color: #000;
}
.Careers .rsContainer .rsSlide:nth-child(3) .caption p {
    max-width: none;
    text-align: center;
    margin: 0 30px 10px;
}
.Careers .rsContainer .rsSlide:nth-child(3) .caption h3 {
    max-width: none;
    text-align: center;
    float: none;
    margin-top: 0;
}
@media only screen and (min-width:980px) {
    .caption {
        width: 70%;
        height: auto;
        top: 14%;
        font-size: 17px;
        line-height: 1.4
    }
}
@media only screen and (max-width: 980px) {
  .rsContainer .rsSlide:nth-child(4) .caption h3 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
    .rsContainer .rsSlide:nth-child(1) .caption img,
    .rsContainer .rsSlide:nth-child(2) .caption img,
    .rsContainer .rsSlide:nth-child(3) .caption img,
    .rsContainer .rsSlide:nth-child(4) .caption img {
      display: none;
    }
    .rsContainer .rsSlide:nth-child(1) .caption h3,
    .rsContainer .rsSlide:nth-child(2) .caption h3,
    .rsContainer .rsSlide:nth-child(3) .caption h3,
    .rsContainer .rsSlide:nth-child(4) .caption h3 {
      text-align: center;
      width: 100%;
      max-width: none;
    }
    .rsContainer .rsSlide:nth-child(3) .caption .slideButton,
    .rsContainer .rsSlide:nth-child(4) .caption .slideButton {
      text-align: center;
      margin-right: 0;
    }
    .rsContainer .rsSlide:nth-child(1) .caption a,
    .rsContainer .rsSlide:nth-child(2) .caption a,
    .rsContainer .rsSlide:nth-child(3) .caption a,
    .rsContainer .rsSlide:nth-child(4) .caption a {
      text-align: center;
    }
}

@media only screen and (min-width:768px) and (max-width:979px) {
    .caption {
        width: 65%;
        font-family: LatoRegular;
        height: auto;
        top: 15px;
        left: 10px;
        font-size: 13px;
        line-height: 1.4;
        opacity: .7;
        padding: 7px 10px 15px
    }
}

@media only screen and (max-width:569px) {
    .rsTmb {
        display: none
    }
    .caption {
        width: 94%;
        height: 60px;
        top: 5%;
        bottom: 0;
        left: 3%;
        font-size: 1rem;
        line-height: 1.4;
        margin-left: 0;
        min-height: 0
    }
    .caption.half {
        left: 0
    }
    .royalSlider .caption h3 {
        font-size: 1.8rem;
        margin-bottom: 10px
    }
    .caption .button {
        padding: 5px 15px;
        font-size: 1.3rem;
        margin: .4rem 0;
        text-align: center
    }
    .caption li {
        margin-bottom: .5rem
    }
    .caption li a {
        font-size: 1.2rem
    }
    .rsDefault .rsPlayBtn {
        margin-top: 30px!important
    }
    .rsSlide:nth-of-type(4) .rsDefault .rsPlayBtn {
        margin-top: 140px!important
    }
    .rsDefault .rsBtnCenterer {
        left: 30%!important
    }
}

.productWindow {
    background: url(http://www.rexnord.com/publishingimages/boxshadow.jpg) left bottom no-repeat rgba(0, 0, 0, 0);
    float: left;
    margin: 2px 2.5% 1.5% 0;
    background-origin: border-box;
    width: 22%;
    background-size: 100%
}

.row.banner {
    margin-bottom: 20px
}

h1 {
    border-bottom: 0 none;
    font-size: 30px!important;
    line-height: 1.1em;
    margin: 0 0 .5em;
    padding: 0
}

.whatsNewContainer,
.ric-page-content .whatsNewContainer {
    background: url(/App_Themes/Rexnord/img/whatsNewBg.jpg) right top no-repeat rgba(0, 0, 0, 0);
    float: right;
    height: 220px;
    margin: 0 0 0 20px;
    padding: 0;
    position: relative;
    width: 325px;
    font-size: 14px;
    background-size: cover;
}

.whatsNewContainer H3,
.ric-page-content .whatsNewContainer h3 {
    color: #000;
    font-size: 20px!important;
    height: 55px;
    line-height: 24px;
    margin: 6px 10px 0 36px;
    padding: 0;
    text-align: center
}

.whatsNewContainer p {
    color: #000;
    line-height: 1.2em;
    margin: 0;
    padding: 5px 14px 12px 40px
}

.learnHowButton {
    bottom: 20px;
    display: inline;
    height: 25px;
    line-height: 25px;
    margin: 0;
    overflow: visible;
    padding: 0 5px 0 15px;
    position: absolute;
    right: 3px;
    text-align: right;
    white-space: nowrap
}

.learnHowButton a {
    color: #367c2b!important;
    font-size: 16px!important;
    font-weight: 700
}

.documentation {
    background: url(/App_Themes/Rexnord/img/pdf_icon_sm.jpg) 5px 4px no-repeat rgba(0, 0, 0, 0);
    float: left;
    height: 65px;
    margin: 17px 7px 0 8px;
    padding: 0 0 0 25px;
    width: 200px
}

h3 {
    font-size: 16px;
    line-height: 1.1em;
    margin: 0;
    padding: 0
}

.documentation h3 {
    font-weight: 400!important
}

.tcoContainer {
    background: url(/App_Themes/Rexnord/img/tco-shadow.png) center bottom no-repeat rgba(0, 0, 0, 0);
    margin: 70px 0 50px;
    padding: 0 0 12px;
    position: relative
}

.newRibbon {
    background: url(/App_Themes/Rexnord/img/new-ribbon.png) left top no-repeat rgba(0, 0, 0, 0);
    height: 51px;
    right: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -9px;
    width: 82px
}

.tcoFrame {
    border: 10px solid #f2f2f2;
    margin: 0;
    padding: 16px;
    width: 100%
}

.tcoFrame img {
    float: left;
    margin: 0 15px 0 0;
    padding: 0
}

.tcoFrame p {
    margin: 0;
    padding: 0
}

@media only screen and (max-width:800px) {
    .tcoFrame img {
        width: 30%
    }
    .tcoFrame a {
      margin: 10px 0;
    }
}

@media only screen and (max-width:600px) {
    .tcoFrame {
        padding: 32px 16px 16px
    }
    .dlTable dd,
    .dlTable dt {
        font-size: 12px
    }
}

@media only screen and (max-width:480px) {
    .tcoFrame img {
        width: 90%;
        float: none;
        clear: both;
        margin: 0 auto
    }
    .tcoFrame p {
        width: 100%
    }
    .newRibbon {
        left: 69%
    }
    .documentation {
        background: url(/App_Themes/Rexnord/img/pdf_icon_sm.jpg) 0 4px no-repeat rgba(0, 0, 0, 0);
        float: none;
        height: auto;
        margin: 7px;
        padding: 0 0 0 25px;
        width: 100%
    }
    .tcoContainer {
        margin: 40px 0
    }
}

@media only screen and (max-width:768px) {
    .productWindow {
        width: 47.5%
    }
}

@media only screen and (max-width:479px) {
    .dlTable dt {
        clear: left
    }
}

*/ .featureDocContainer {
    width: 100%;
    font-family: LatoRegular, Arial, Helvetica, sans-serif
}

.split dt,
.split h3 {
    font-family: LatoBold, Arial;
}

.featureDocContainer {
    position: relative;
}

.featureDocContainer .pagination {
    margin: 0 10px;
    width: 97%;
}

.SearchHeading {
    color: #00f!important;
}

.SearchHeading:hover {
    cursor: pointer!important;
}

.DimensionState.clicked .SearchHeading {
    color: red!important;
}

.newRefineTool .DimensionState.clicked .SearchHeading {
    color: #0c4e76!important;
}

ul.split {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.split dl:after,
.titleBar:after,
ul.split:after {
    clear: both;
    display: block;
    content: "";
    width: 0;
    height: 0
}

ul.split dl {
    margin: 0;
    padding: 0;
    width: 50%;
    float: left
}

ul.split li {
    margin: 0;
    padding: 4px 15px;
    width: 50%;
    float: left
}

ul.split li:first-of-type {
    border-right: 3px dotted #ccc
}

.overviewcontainer ul.split li:first-of-type {
    border-right: none
}

.split {
    margin-bottom: 15px
}

.split .pages p a {
    font-weight: 700
}

.contentcontainer b,
.split dt {
    font-weight: 400
}

.split .pages p {
    margin-top: 5px
}

.split h3 {
    font-size: 17px
}

.overviewcontainer ul.split {
    margin: 0;
    padding: 0 0 0 30px;
    list-style: disc
}

.overviewcontainer ul.split li {
    margin: 0 5% 0 0;
    padding: 4px 0;
    width: 45%;
    float: left;
    line-height: 1.2
}

.contentcontainer {
    margin-top: 20px
}
.col-xs-12.col-md-12.contentcontainer {
  margin-top: 0;
}

@media only screen and (max-width:768px) {
    ul.split {
        margin: 20px 0
    }
    ul.split dl {
        width: 100%;
        float: none;
        margin: 0 0 10px
    }
    .contentcontainer .titleBar {
        margin-top: 20px
    }
    .list-unstyled,
    h3.titleBar {
        padding-left: 10px
    }
    .overviewcontainer ul.split {
        margin: 0;
        padding: 0 0 0 30px;
        list-style: disc
    }
    .overviewcontainer ul.split li {
        margin: 0;
        padding: 4px 0;
        width: 100%;
        float: none;
        line-height: 1.2
    }
    .overviewcontainer ul.split li:first-of-type {
        border-right: none
    }
}

.contentcontainer h3.titleBar {
    font-size: 22px!important;
    background: 0 0;
    line-height: 28px;
    font-family: LatoRegular, Arial;
    margin: 1em 0 .7em
}

#industry-subcat h3,
.additional-resources .cta,
.additional-resources h3,
.contentcontainer b,
.list_carousel #resources h2,
.more-industries .cta,
.more-industries h3 {
    font-family: LatoBold, Arial
}

.titleBar span {
    float: right
}

.titleBar a.pdf {
    background: url(/App_Themes/Rexnord/img/icon-pdf.png) left 2px no-repeat
}

.breadcrumb {
    border-bottom: 1px dotted #dadada;
    font-size: 11px;
    list-style: none;
    margin-bottom: 20px;
    padding: 8px 0
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    color: #ccc;
    content: "/ ";
    padding: 0 5px
}

.fade.in:after,
.teaser span a:after,
a.hand:after {
    content: ""
}

.breadcrumb>.active {
    color: #999
}

.panel-body h4:first-of-type {
    margin-top: 0!important;
    font-weight: 700;
    margin-bottom: 0
}

.panel-body ul {
    list-style: none;
    margin: 20px 0
}

.more-industries {
    list-style: none;
    padding-left: 10px;
    overflow: hidden
}

.more-industries li {
    float: left;
    width: 45%;
    margin: 0 5% 0 0;
    min-height: 110px
}

.more-industries img {
    float: left;
    border: 1px solid #e6e6e6;
    padding: 1px;
    margin: 0 10px 25px 0
}

.more-industries .cta {
    display: block
}

#industry-subcat h3 {
    font-size: 18px!important;
    margin-bottom: 10px
}

#industry-subcat img {
    float: right;
    padding: 5px 0 5px 8px;
    width: auto
}

.modal-lg.map {
    width: 952px
}

.map iframe {
    width: 930px;
    height: 607px;
    border: none
}

.map iframe body {
    overflow: hidden
}

.modal-body {
    padding: 10px
}

.gm-style-iw ul,
.inline-list {
    padding: 0;
    list-style: none
}

.inline-list {
    margin: 10px 0 40px
}

.inline-list li {
    display: inline;
    margin-right: 20px
}

.additional-resources {
    list-style: none;
    padding-left: 0;
    overflow: hidden
}

.additional-resources li {
    float: left;
    width: 48%;
    margin: 0 2% 40px 0;
    min-height: 80px
}

.additional-resources img {
    float: left;
    border: 1px solid #e6e6e6;
    padding: 1px;
    margin: 0 10px 25px 0
}

.pdf_icon,
.video_icon {
    display: inline-block;
    margin: 5px 0;
    text-decoration: none
}

.pdf_icon {
    padding: 0 4px 0 22px;
    background: url(/App_Themes/Rexnord/img/pdf-icon-sm.png) 0 2px no-repeat
}

.video_icon {
    padding: 0 4px 0 26px;
    background: url(/Rexnord/media/Rexnord/Icons/video.png) no-repeat;
  background-size: contain;
}

.additional-resources .cta {
    display: block
}

.list_carousel #resources li {
    max-width: 201px
}

.list_carousel #resources h2 {
    font-size: 17px
}

.row.sales-platform {
    background: #e7e9f6;
    padding: 10px 10px 10px 50px;
    overflow: hidden;
    margin: 40px 0
}

.sales-platform .col-md-7 {
    margin-top: 40px;
    font-size: 20px;
    line-height: 27px;
    padding-right: 50px
}

.sales-platform .col-md-5 {
    border-left: 1px dotted #9598a1;
    padding-left: 30px
}

.process-platform {
    border-right: 1px solid #d1d1d1
}

.process-platform h2,
.process-platform h3,
.water-platform h2,
.water-platform h3 {
    margin-bottom: 20px
}

.process-platform h3,
.water-platform h3 {
    margin-left: 30px
}

.process-section {
    padding: 0 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px dotted #9598a1;
    overflow: hidden
}

.process-section:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.process-section img {
    float: left;
    margin: 0 50px 20px 0
}

.process-section a.cta {
    display: block;
    width: 100%;
    float: left
}

.about-list {
    padding: 0 0 0 16px
}

.about-list.listCol1,
.about-list.listCol2 {
    float: left;
    margin-right: 5%;
    width: 45%;
    list-style-type: disc
}

.history-lesson {
    margin: 60px 0
}

.history-lesson img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.list_carousel {
    margin: 20px 0 0 60px;
    width: 360px;
    position: relative
}

.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

.list_carousel li {
    text-align: left;
    width: 201px;
    height: auto;
    padding: 8px!important;
    margin: 0 10px 5px!important;
    display: block;
    float: left;
    position: relative;
    background: 0 0!important;
    border: 2px solid #d7d7d7;
    box-shadow: 0 6px 5px -5px #797979
}

.list_carousel li:hover {
    border: 2px solid #06357a
}

.list_carousel li p {
    font-size: 13px;
    line-height: 15px;
    margin-top: 0
}

.list_carousel li a {
    display: block
}

.list_carousel.responsive {
    width: auto;
    margin: 50px 0 80px
}

.list_carousel li img {
    display: block;
    margin-bottom: 0;
    max-width: 100%;
    width: 100%
}

.next,
.prev {
    top: 38px;
    height: 78px;
    width: 78px;
    display: inline-block;
    text-indent: -9999px;
    position: absolute;
    outline: 0
}

.clearfix {
    float: none;
    clear: both
}

.prev {
    left: -35px;
    background: url(/App_Themes/Rexnord/img/carousel-arrows.png) no-repeat
}

.next {
    right: -35px;
    background: url(/App_Themes/Rexnord/img/carousel-arrows.png) -78px 0 no-repeat
}

.prev:hover {
    background-position: 0 -82px
}

.next:hover {
    background-position: -78px -82px
}

.list_carousel li .play-overlay {
    position: absolute;
    top: 27px;
    left: 38%;
    display: block;
    opacity: .75
}

.list_carousel li:hover>a>.play-overlay {
    opacity: 1
}

.list_carousel h2 {
    margin: 5px 0
}

#industry-subcat li {
    max-width: 31.3%;
    min-height: 255px
}

#industry-subcat h3 {
    margin-top: 10px
}

#industry-subcat li p {
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 20px
}

@media only screen and (max-width:768px) {
    .next,
    .prev {
        height: 48px;
        width: 48px
    }
    .next, {
        top: -80px;
        right: 33%
    }
    .list_carousel.responsive {
        margin-top: 100px
    }
    .list_carousel h2 {
        font-size: 17px
    }
    .prev {
        top: -80px;
        left: 33%;
        background: url(/App_Themes/Rexnord/img/carousel-arrows-phone.png) no-repeat
    }
    .next {
        background: url(/App_Themes/Rexnord/img/carousel-arrows-phone.png) -48px 0 no-repeat
    }
    .prev:hover {
        background-position: 0 -49px
    }
    .next:hover {
        background-position: -48px -49px
    }
    .more-industries li {
        width: 100%;
        margin-right: 0;
        min-height: inherit
    }
    #industry-subcat li {
        max-width: 95%;
        width: 95%!important;
        min-height: 215px
    }
    .row.sales-platform {
        padding-left: 10px
    }
    .sales-platform .col-md-7 {
        margin: 10px 0 0;
        padding: 0
    }
    .sales-platform .col-md-5 {
        border: none;
        padding: 0
    }
    .about-list.listCol1 {
        margin-bottom: 0;
        width: 100%;
        margin-right: 0
    }
    .about-list.listCol2 {
        margin-top: 0;
        width: 100%;
        margin-right: 0
    }
    blockquote.right {
        float: none;
        width: 100%;
        margin: 20px 0;
        padding: 10px 20px
    }
}

.processColumn,
.waterColumn {
    padding: 20px;
    margin: 30px 0;
    box-sizing: border-box
}

.processColumn {
    border-radius: 8px;
    border: 1px solid #0cc;
    background: #edf8f9
}

.waterColumn {
    border-radius: 8px;
    border: 1px solid #4d92ce;
    background: #d6eaf3
}

.listContainer1 {
    margin-top: 20px;
    overflow: hidden
}

.brands,
.brands ul,
.brands ul li {
    margin: 0!important;
    padding: 0;
    list-style: none
}

.brands {
    overflow: hidden;
    line-height: 1.2;
    float: left;
    box-sizing: border-box;
    border-right: 2px dotted #ccc
}

.brands.threeColumns {
    width: 32%;
    padding-left: 20px
}

.brands.threeColumns:first-of-type {
    padding-left: 0
}

.brands>li {
    padding: 0 10px 1.4em 0
}

.brands.threeColumns:nth-child(3n+3) {
    border-right: none
}

.brands a,
.brands p {
    font-size: .85em
}

@media only screen and (min-width:570px) and (max-width:940px) {
    .brands.twoColumns {
        width: 48%
    }
    .processColumn,
    .waterColumn {
        border-radius: 5px;
        padding: 20px
    }
    .processColumn h2,
    .processColumn p,
    .waterColumn h2,
    .waterColumn p {
        margin: 0 auto
    }
    .brands.twoColumns:nth-child(2n+2) {
        border-right: none;
        padding-left: 20px
    }
    .brands p {
        margin: 0 0 5px
    }
}

@media only screen and (max-width:569px) {
    .processColumn,
    .waterColumn {
        border-radius: 4px;
        padding: 10px
    }
    .processColumn h2,
    .processColumn p,
    .waterColumn h2,
    .waterColumn p {
        margin: auto 0
    }
    .processColumn h2,
    .waterColumn h2 {
        font-size: 18px;
        margin: 0 0 5px
    }
    .processColumn p,
    .waterColumn p {
        font-size: 11px
    }
    .brands {
        width: 100%;
        min-height: 0;
        border-right: none!important
    }
    .brands p {
        margin: 0 0 5px
    }
}

.section {
    box-sizing: border-box;
    padding: 1em 0 1em 2em
}
.Contact .section.indent {
  min-height: 181px;
}

.section h2 {
    font-size: 22px;
    margin: 0 0 5px
}

.dotsleft {
    border-left: 3px dotted #dadada;
    min-height: 200px
}

.globe {
    background: url(/App_Themes/Rexnord/img/global_img.jpg) left 14px no-repeat;
    padding-left: 90px
}

.building {
    background: url(/App_Themes/Rexnord/img/building_img.jpg) 26px 14px no-repeat;
    padding-left: 82px
}

.dealerdetails ul {
    list-style: none;
    padding: 0
}

@media only screen and (max-width:768px) {
    .section {
        margin: 1em 0;
        box-sizing: border-box;
        padding: 5px 0;
        border-bottom: 1px solid #dadada
    }
    .section h2 {
        font-size: 16px;
        margin: 0 0 5px
    }
    .section.dotsleft {
        border-left: none
    }
    .building,
    .globe {
        background: 0 0;
        padding-left: 0
    }
}

fieldset.blue {
    background: #e7edf1;
    padding: 10px;
    margin: 20px 0
}

legend {
    margin-bottom: 10px;
    margin-top: 20px;
    display: inline
}

label {
    font-weight: 400
}

fieldset small {
    display: block;
    clear: both;
    margin-bottom: 20px
}

@media only screen and (max-width:768px) {
    fieldset small,
    legend {
        padding: 0 15px
    }
    fieldset small {
        display: block;
        clear: both;
        margin-bottom: 10px
    }
}

.featureDoc {
    padding: 20px 4%;
    border-bottom: 2px dotted #ccc;
    width: 33.3%;
    display: block;
    float: left;
    text-align: center;
    min-height: 240px
}

.featureDoc:last-of-type {
   /* min-height: 262px*/
}

.featureDoc img {
    padding: 0!important;
    border: 1px solid #dadada;
    margin: 0 auto 10px;
    display: block
}

div.productsContainer+div.documentationContainer .featureDoc {
    text-align: center;
    position: relative;
    padding-left: 40px;
    min-height: 150px
}

.documentSearch+.featureDocContainer>.resultDocContainer .featureDoc {
    min-height: 106px
}

.featureDoc span.title {
    font-size: 16px;
    font-style: normal;
    padding: 0;
    margin: 0 0 .5em;
    line-height: 1.1em;
    display: block
}

.featureDoc SPAN.secondText {
    font-size: 11px;
    color: #000;
    display: block;
    margin: 0 auto .5em
}

.col-md-push-2 SPAN.secondText {
    font-size: 11px
}

.featureDoc SPAN.thirdText,
.featureDoc span.Notes {
    font-size: 14px;
    color: #666;
    line-height: 16px
}

.secondText {
    font-size: 11px;
    color: #000
}

@media only screen and (max-width:768px) {
    .featureDoc {
        vertical-align: top;
        padding: 10px 0;
        border-bottom: 2px dotted #ccc;
        width: 100%;
        display: block;
        float: none;
        text-align: left;
        min-height: 136px
    }
    .featureDoc img {
        padding: 0!important;
        border: 1px solid #dadada;
        margin: 0 10px 10px;
        display: block;
        float: left;
    }
    div.productsContainer+div.documentationContainer .featureDoc {
        text-align: left;
        position: relative;
        padding-left: 40px;
        min-height: 0;
    }
    div.productsContainer+div.documentationContainer .featureDoc img {
        width: 29px;
        height: 38px;
        position: absolute;
        top: 10px;
        left: -10px;
    }
    .featureDoc span.title {
        font-size: 15px;
        margin: 0;
        line-height: 1.3em;
    }
    .featureDoc SPAN.secondText {
        font-size: 11px;
        color: #000;
        line-height: 1.3em;
        display: block;
        margin: 0 auto .4em;
    }
}

.documentSearch,
.globalSearch {
    margin: 0 auto 20px;
    width: 100%;
    overflow: hidden
}

.documentSearch p {
    margin: 1em 0;
    padding-left: 5%
}

.documentSearch p .watermarked,
.globalSearch p .watermarked {
    width: 64%;
    height: 36px;
    background: url(/App_Themes/Rexnord/img/search-button.png) 5px 5px no-repeat;
    padding: 3px 3px 3px 35px;
    line-height: 36px;
    border: 1px solid #999;
    margin-right: 5px
}

.documentSearch ul {
    margin: 20px auto;
    padding: 10px 15px;
    border: 2px solid #dadada;
    background: #eee;
    list-style: none!important;
    width: 70%;
    overflow: hidden
}

.documentSearch li {
    display: block;
    width: 33%;
    float: left;
    padding-left: 8%;
    line-height: 15px
}

.documentSearch .back {
    float: none
}

.documentSearch li:first-of-type {
    float: none;
    width: 100%;
    clear: both;
    padding-left: 0;
    color: #999;
    font-size: 12px;
    margin: -4px 0 0 -4px
}

.documentSearch li.result {
    display: block;
    float: none;
    width: 100%;
    padding-left: 0
}

.documentSearch dl {
    width: 100%;
    overflow: visible;
    padding: 8px 0 8px 20%;
    margin-bottom: 5px;
    position: relative;
    min-height: 36px
}

.documentSearch dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 18%;
    display: block;
    height: 100%;
    padding: 20px 10px 0 15px;
    border-right: 2px dotted #999;
    line-height: 15px;
    margin-top: -8px
}

.documentSearch dd {
    float: left;
    width: 33%;
    padding-left: 2%;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 10px
}

.documentSearch li a.selected {
    font-weight: 700;
    color: #000!important;
    text-decoration: none
}

@media only screen and (max-width:768px) {
    .documentSearch p .watermarked,
    .globalSearch p .watermarked {
        margin: 0 0 10px;
        width: 94%
    }
    .documentSearch p img {
        display: none
    }
    .documentSearch ul {
        margin: 15px;
        padding: 10px;
        width: 95%
    }
    .documentSearch li {
        display: block;
        width: 50%;
        float: left;
        padding-left: 6%
    }
    .documentSearch dl {
        padding: 8px 0
    }
    .documentSearch dt {
        position: absolute;
        left: 0;
        top: 0;
        width: 30%;
        display: block;
        height: 100%;
        padding: 20px 10px 0 15px;
        border-right: 2px dotted #999;
        line-height: 15px;
        margin-top: -8px
    }
    .documentSearch dd {
        float: left;
        width: 100%;
        padding-left: 36%;
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:450px) {
    .documentSearch li {
        display: block;
        width: 100%;
        float: none;
        padding-left: 8%
    }
}

.col-md-6 .panel-group {
    margin-top: 20px
}

.panel-heading {
    font-size: 17px
}

#accordion2.panel-group,
#accordionB2.panel-group {
    margin-top: 0
}

#accordion2 .panel-heading,
#accordionB2 .panel-heading {
    background: #f5f5f5;
    color: #333;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 14px
}

#accordion3 .panel-heading,
#accordionB3 .panel-heading {
    background: #fff;
    color: #333;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 4px 24px
}

#accordion3 .panel-default,
#accordionB3 .panel-default {
    border: none!important
}

#accordion2 .panel-body,
#accordionB2 .panel-body {
    padding: 0!important
}

#accordion3 .panel-body,
#accordionB3 .panel-body {
    padding: 15px 15px 15px 30%!important
}

.panel-group a {
    outline: 0
}

.processBlue .panel-default>.panel-heading {
    background: #edf8f9
}

.processBlue .panel-default .panel-heading.open {
    background: #62e2ef
}

.waterBlue>.panel-default {
    border-color: #4d92ce
}

.waterBlue .panel-default>.panel-heading {
    background: #d6eaf3
}

.waterBlue .panel-default .panel-heading.open {
    background: #4d92ce
}

.mapcontainer {
    width: 100%;
    max-width: 1105;
    margin: 30px 0;
    position: relative;
    padding-bottom: 42%;
    height: 0;
    overflow: hidden
}

.mapcontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

#featurelist-scrollable-container {
    display: none!important
}

.Error .form-control {
    border-color: red
}

.Error .checkbox,
.Error .checkbox-inline,
.Error .control-label,
.Error .help-block,
.Error .radio,
.Error .radio-inline {
    color: red
}

.help-block {
    display: none;
    margin-bottom: 0
}

.has-error .help-block {
    display: block
}

.EditingFormErrorLabel {
    font-size: 11px;
    line-height: 1.2;
    padding-left: 3px;
    display: block;
    color: red
}
@media only screen and (min-width:768px) {
    fieldset .col-lg-1,
    fieldset .col-lg-10,
    fieldset .col-lg-11,
    fieldset .col-lg-12,
    fieldset .col-lg-2,
    fieldset .col-lg-3,
    fieldset .col-lg-4,
    fieldset .col-lg-5,
    fieldset .col-lg-6,
    fieldset .col-lg-7,
    fieldset .col-lg-8,
    fieldset .col-lg-9,
    fieldset .col-md-1,
    fieldset .col-md-10,
    fieldset .col-md-11,
    fieldset .col-md-12,
    fieldset .col-md-2,
    fieldset .col-md-3,
    fieldset .col-md-4,
    fieldset .col-md-5,
    fieldset .col-md-6,
    fieldset .col-md-7,
    fieldset .col-md-8,
    fieldset .col-md-9,
    fieldset .col-sm-1,
    fieldset .col-sm-10,
    fieldset .col-sm-11,
    fieldset .col-sm-12,
    fieldset .col-sm-2,
    fieldset .col-sm-3,
    fieldset .col-sm-4,
    fieldset .col-sm-5,
    fieldset .col-sm-6,
    fieldset .col-sm-7,
    fieldset .col-sm-8,
    fieldset .col-sm-9,
    fieldset .col-xs-1,
    fieldset .col-xs-10,
    fieldset .col-xs-11,
    fieldset .col-xs-12,
    fieldset .col-xs-2,
    fieldset .col-xs-3,
    fieldset .col-xs-4,
    fieldset .col-xs-5,
    fieldset .col-xs-6,
    fieldset .col-xs-7,
    fieldset .col-xs-8,
    fieldset .col-xs-9 {
        padding-left: 0
    }
}

.imagegrid4 {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.imagegrid4 li {
    float: left;
    margin: 0;
    width: 25%;
    height: auto;
    display: block;
    position: relative;
    box-sizing: border-box
}

.imagegrid4 li:nth-child(4n+1) {
    margin: 0
}

.imagegrid4 li img {
    width: 100%;
    height: auto
}

.imagegrid4 a.button {
    width: 90%;
    height: auto;
    display: block;
    outline: 0;
    font-size: 1.7rem;
    margin: 40% auto 0!important
}

.imagegrid4 b {
    position: absolute;
    top: 20px;
    left: 10%;
    width: 80%;
    display: block;
    padding: 0;
    color: #000;
    background: 0 0;
    font-size: 27px;
    line-height: 29px;
    font-weight: 400;
    font-family: LatoRegular
}

.imagegrid4 a:hover b {
    background: #4b8ac1
}

.details-overlay {
    display: none;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, .8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .8)), color-stop(100%, rgba(255, 255, 255, .8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, .8) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, .8) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, .8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .8) 0, rgba(255, 255, 255, .8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff', GradientType=0)
}

.imagegrid4>li:hover>.details-overlay {
    display: block
}

.imagegrid5 {
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.imagegrid5 li {
    float: left;
    margin: 0 0 1% 1%;
    width: 19%;
    height: auto;
    display: block;
    position: relative;
    box-sizing: border-box
}

.imagegrid5 li:nth-child(5n+1) {
    margin: 0
}

.imagegrid5 li img {
    width: 100%;
    height: auto
}

.imagegrid5 a {
    width: 100%;
    height: 100%;
    display: block;
    outline: 0;
    text-decoration: none
}

.imagegrid5 a b {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    padding: 2px 9px 5px;
    color: #fff;
    background: #1c295d;
    font-size: 14px;
    opacity: .92
}

.imagegrid5 a:hover b {
    background: #4b8ac1
}

@media only screen and (max-width:768px) {
    h5 {
        margin-left: 10px
    }
    .imagegrid4 {
        padding-left: 0!important
    }
    .imagegrid4 li {
        width: 32%
    }
    .imagegrid4 li b {
        font-size: 17px;
        line-height: 19px
    }
    .imagegrid5 a b {
        padding: 2px 5px 3px;
        font-size: 11px
    }
}

.Notes,
.thirdText {
    font-size: 14px!important
}

@media only screen and (max-width:479px) {
    .imagegrid4 li {
        width: 49%
    }
    .imagegrid5 li {
        width: 32%
    }
    .imagegrid5 li:nth-child(5n+1) {
        margin: 0 0 1% 1%
    }
}

.more-industries img {
    width: 100px;
    height: 100px
}

.imgcursor {
    position: absolute;
    height: auto;
    width: 60px;
    margin-top: 70px;
    border: 0;
    margin-left: -60px;
    pointer-events: none
}

.interactive-map {
    display: none;
    margin: 24px 0;
    border-top: 3px dotted #ccc;
    padding: 30px 25px 40px;
    background: url(/App_Themes/Rexnord/img/button-shadow.png) center bottom no-repeat;
    background-size: 110% 15px
}

.interactive-map a {
    font-family: LatoBold, Arial;
    cursor: pointer;
    position: relative
}

.interactive-map img {
    float: left;
    width: 110px;
    height: auto
}

.interactive-map h2,
.interactive-map p {
    padding: 0 0 0 130px
}

.interactive-map h2 span {
    color: #0e7c3e
}

@media only screen and (min-width:920px) {
    .interactive-map {
        display: block
    }
}

.searchResults {
    overflow: hidden
}

.searchResults .result {
    float: left;
    width: 49%;
    display: block;
    padding: 20px
}

.searchResults .result:nth-child(even) {
    padding: 20px 20px 20px 40px
}

.searchResults a img {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
    height: auto;
    border: 1px solid #ccc
}

.searchResults .Notes,
.searchResults .secondText,
.searchResults .thirdText {
    display: block
}

.searchResults .Notes {
    margin: 5px 0 0;
    font-style: italic
}

.Notes {
    font-style: italic!important
}

.thirdText {
    color: #666!important;
    line-height: 16px!important
}

.falk-links h3 {
    font-weight: 700
}

.glossary-index {
    background: #A9C3E2;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 30px
}

.glossary-index h3 {
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff
}

.glossary-index ol {
    list-style: none;
    padding-left: 0
}

.glossary-index ol li {
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    color: #888;
    height: 25px;
    width: 25px;
    background: #fff;
    text-align: center;
    line-height: 25px;
    border-radius: 3px
}

.glossary-index ol li a {
    display: block;
    border-radius: 3px;
    color: #333
}

.glossary-index ol li a:hover {
    background: #ccc;
    color: #333
}

.product-gears h1+h2 {
    font-size: 26px;
    color: #000;
    text-transform: none;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #dadada
}

.product-gears h2 {
    margin-bottom: 0
}

.product-gears h2+p {
    margin-bottom: 30px
}

.product-gears dl {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #dadada
}

.product-gears dt {
    float: left;
    width: 86%
}

.product-gears dt:first-child {
    width: 12%;
    margin-right: 2%
}

.product-gears dd {
    margin-left: 14%;
    width: 86%;
    float: none;
    display: block
}

.product-gears .refinetooltoggle {
    width: 220px
}

.drawings-models {
    padding-top: 40px
}

.drawings-models img {
    float: left;
    width: 30%;
    margin-right: 5%
}

.drawings-models h2 {
    font-size: 16px;
    margin-left: 35%;
    width: 65%;
    font-weight: 700;
    margin-bottom: 5px
}

.drawings-models ul {
    margin-left: 35%;
    padding-left: 17px
}

.drawings-models .col-md-6 {
    margin-bottom: 20px;
    min-height: 200px
}

#support .documentationContainer {
    clear: both
}

.DimensionState input[type=text] {
    border: 1px solid #ccccd8;
    width: 90%;
    padding: 3px 5px
}

.DimensionState input[type=submit].button {
    outline: 0;
    border: none;
    padding: 5px;
    margin-top: 15px;
    min-width: 100px
}

@media only screen and (max-width:768px) {
    .product-gears dd,
    .product-gears dt {
        width: 100%;
        float: none
    }
    .product-gears dt:first-child {
        width: 100%;
        margin-right: 0
    }
    .product-gears dd {
        margin-left: 0;
        display: block
    }
    .drawings-models .col-md-6 {
        min-height: 0
    }
}

.productContainer dd.BlockList {
    display: block;
    clear: none;
    float: none;
    margin-top: 20px
}

.productContainer dd.BlockList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    clear: both
}

.productContainer dd.BlockList li {
    float: left
}

.productContainer .BlockList dl {
    width: 100%;
    overflow: hidden;
    border-bottom: none;
    padding: 0
}

.productContainer .BlockList dt {
    width: 100%;
    float: none;
    font-size: 22px;
    color: #000;
    display: block;
    margin-bottom: 8px;
    font-weight: 400
}

.productContainer .BlockList dt span {
    display: block;
    font-size: 13px;
    color: #333
}

.productContainer .BlockList dt:first-child {
    width: 100%;
    margin-right: 0
}

.productContainer .BlockList dt:first-child img {
    width: 100%;
    height: auto
}

.productContainer .BlockList dd {
    margin-left: 0;
    width: 100%;
    display: block;
    clear: none;
    float: none
}

.productContainer dd p {
    margin: 0;
    padding: 0;
    line-height: 1.2
}

.productContainer .BlockList dl dd:first-of-type {
    float: none;
    width: 100%;
    padding-left: 0;
    font-size: 13px;
    border-left: none;
    margin-top: 0
}

@media only screen and (max-width:768px) {
    .productContainer dd.BlockList {
        width: 100%;
        display: block;
        clear: none;
        float: none;
        margin-top: 14px
    }
    .contentcontainer dl,
    .contentcontainer ul {
        margin: 0
    }
    .productContainer dd.BlockList li {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 14px
    }
    p img[usemap] {
        border: 0;
        height: auto;
        max-width: 100%;
        width: auto
    }
}

.pages {
    background: url(/App_Themes/Rexnord/img/img_docs.png) left 8px no-repeat;
    padding-left: 90px
}

.phone {
    background: url(/App_Themes/Rexnord/img/phone.png) 20px 3px no-repeat;
    padding-left: 75px
}

ul.split li.pages {
    padding-left: 90px
}

ul.split li.phone {
    padding-left: 75px
}

hr {
    width: 100%;
    height: 0;
    color: #fff;
    background-color: #fff;
    border-top: 3px dotted #d4d4d4;
    margin: 24px 0 28px
}

p+ul.split {
    margin: 20px 0
}

.thumbnail-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.thumbnail-list li {
    float: left;
    width: 200px;
    margin: 10px 10px 0 0;
    font-size: 12px;
    line-height: 1.1;
    text-align: center!important
}

.thumbnail-list li.title {
    width: 90px;
    font-size: 14px;
    text-align: left!important;
    margin: 10px 0
}

.thumbnail-list li img {
    border: 1px solid #ccc;
    width: 150px;
    height: auto;
    display: block;
    clear: both;
    margin: 0 auto 4px
}

.thumbnail-list li:hover img {
    border: 1px solid #27366d
}

.thumbnail-list a:hover {
    color: #bd0120 !important;
}

@media only screen and (max-width:768px) {
    ul.split {
        margin: 20px 0
    }
    ul.split dl {
        width: 100%;
        float: none;
        margin: 0 0 10px
    }
    .contentcontainer .titleBar {
        margin-top: 20px
    }
    .list-unstyled,
    h3.titleBar {
        padding-left: 10px
    }
    p img[usemap] {
        border: 0;
        height: auto;
        max-width: 100%;
        width: auto
    }
}

.flexselect_dropdown {
    display: none;
    position: absolute;
    z-index: 999999;
    margin: 0;
    padding: 0;
    border: 1px solid WindowFrame;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: Window;
    color: WindowText;
    text-align: left;
    box-shadow: 0 6px 12px #ccc;
    -webkit-box-shadow: 0 6px 12px #ccc
}

.brandList,
.documentationContainer,
.listContainer1,
.listContainer2,
.listContainer3,
.listContainer4,
.newsfeed,
.newsfeed li,
.newsfeed ul,
.tcoFrame ul {
    overflow: hidden
}

.brandList *,
.resultDocContainer .featureDoc {
    text-align: center;
    box-sizing: border-box
}

.flexselect_dropdown ul {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0
}

.flexselect_dropdown li {
    margin: 0;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: Menu;
    overflow: hidden
}

.flexselect_dropdown li.disabled {
    cursor: not-allowed;
    color: GrayText
}

.flexselect_selected {
    background-color: Highlight;
    color: HighlightText
}

.fade.in:after {
    display: block;
    width: 0;
    height: 0;
    clear: both
}

.productResultDocContainer,
.resultDocContainer.moveOver {
    width: 80%;
    float: right
}

.productResultDocContainer {
    padding-top: 20px
}

.newRefineTool {
    width: 20%;
    float: left
}

.resultDocContainer .featureDoc {
    float: left;
    width: 49%;
    padding: 20px;
    line-height: 1.2;
    border-bottom: none;
    display: block;
    vertical-align: top
}

.resultDocContainer .featureDoc:nth-child(2n+1) {
    padding: 20px 20px 20px 40px;
    border-right: medium none
}

.resultDocContainer.featureDoc:nth-child(even) {
    padding: 20px 20px 20px 40px
}

.resultDocContainer a img {
    width: 86px;
    height: auto;
    border: 1px solid #ccc
}

.resultDocContainer .Notes,
.resultDocContainer .secondText,
.resultDocContainer .thirdText {
    display: block
}

.resultDocContainer .featureDoc span.title {
    display: block;
    font-size: 14px;
    font-style: normal;
    line-height: 1.2em;
    margin: 0 0 .5em;
    padding: 0
}

#map-canvas {
    padding: 0 0 50%!important;
    max-height: 400px
}

.BlockListItems dl p {
    font-size: .9em;
    line-height: 1.4
}

.BlockListItems dt:first-child img {
    border: 1px solid #ccc
}

.productContainer dd.BlockList {
    background: #fafafa;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 14px 14px 0;
    width: 85%
}

.productContainer dd.BlockList li {
    margin-right: 2%;
    width: 23%
}

.productContainer dl dd:first-of-type {
    margin-top: 0
}

#products h1 {
    margin: 20px 0 10px
}

.brandList {
    margin: 0 auto;
    padding: 10px;
    list-style: none;
    position: relative;
    width: 100%
}

.brandList div {
    display: block;
    margin: 0 auto 24px;
    height: 160px;
    padding-top: 7px
}

.brandList ul {
    margin: 0;
    padding: 10px 0 0;
    list-style: none
}

.brandList li {
    margin: 0;
    padding: 1px 9px
}

.brandList li a {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;
    color: #000
}

.brandList li a:hover {
    background: #0C4E76;
    color: #fff;
    border-color: #0C4E76
}

@media only screen and (min-width:800px) {
    .brandList,
    .brandList dd,
    ul.split {
        overflow: hidden
    }
    .brandList *,
    .button,
    .center {
        text-align: center
    }
    .brandList * {
        box-sizing: border-box
    }
    .brandList {
        margin: 0 auto;
        padding: 10px;
        list-style: none;
        position: relative;
        width: 100%
    }
    .brandList dt {
        padding-top: 52px
    }
    .brandList div {
        width: 33%;
        margin: 0;
        float: left;
        position: relative;
        border-bottom: 3px dotted #dadada;
        border-right: 3px dotted #dadada
    }
    .brandList div.last {
        border-bottom: none
    }
    .brandList div:nth-child(3n) {
        border-right: none
    }
    .brandList dd {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        height: 160px
    }
    .brandList .pad1 dd {
        padding-top: 48px
    }
    .brandList .pad2 dd {
        padding-top: 28px
    }
    .brandList .pad3 dd {
        padding-top: 16px
    }
    .brandList ul {
        display: none
    }
    .brandList dd:hover ul {
        display: block;
        cursor: pointer
    }
    ul.split ul li {
        border: none!important
    }
    a.more {
        float: right
    }
    .panel-title a {
        font-size: 18px
    }
    .panel-title>a {
        display: block
    }
    .careers .panel-title {
        margin: 0 0 6px;
        color: #2269a1
    }
    .panel-title a span {
        float: right;
        font-size: 11px;
        line-height: 18px;
        color: #0C4E76
    }
    #products h1 {
        margin: 12px 0 10px;
        max-width: 75%
    }
    .product-section .torque .refinetooltoggle {
        width: 220px
    }
    .product-section #accordion {
        margin-top: 24px
    }
    #accordion+div.refinetoolpanel {
        top: -45px
    }
    .center {
        margin: 0 auto;
        width: 100%
    }
}

@media only screen and (max-width:799px) {
    .brandList div {
        height: auto!important
    }
    .brandList div.last {
        display: none
    }
    .brandList div.last.pad1,
    .brandList div.last.pad3 {
        display: inline
    }
    .brandList div.last.pad1 dd {
        padding-bottom: 20px
    }
}

.fullbleedtabs .bgimage {
    width: 100%;
    position: relative
}

.fullbleedtabs .bgimage img {
    width: 100%;
    height: auto
}

.bgimage .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 48%;
    height: 100%;
    background: rgba(239, 242, 249, .8);
    padding: 10% 4%
}

.bgimage .overlay h2 {
    font-size: 28px
}

.bgimage .overlay p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px
}

.menu_container .dmui_dropdown_block {
    z-index: 90
}

@media only screen and (max-width:940px) {
    .bgimage .overlay {
        padding: 7% 4%
    }
    .bgimage .overlay h2 {
        font-size: 24px
    }
}

.newsfeed {
    margin: 0;
    clear: both
}

.newsfeed h3 {
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    font-size: 24px;
    line-height: 29px
}

.newsfeed ul {
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
    width: 100%
}

.newsfeed li,
.newsfeed li:nth-child(2n) {
    margin: 0 3% 0 0
}

.newsfeed li {
    padding: .78em 0;
    float: left;
    width: 31.25%;
    min-height: 96px;
    line-height: 17px!important
}

.newsfeed li:nth-child(3) {
    margin: 0
}

.newsfeed li a {
    font-family: LatoRegular;
    font-size: 14px
}

.newsfeed li img {
    width: 150px;
    height: auto;
    border: 1px solid #e6e6e6;
    float: left;
    margin: 0 .8em 0 0
}

.newsfeed li span {
    display: block;
    font-size: .85em;
    margin-top: 3px
}

.processBox {
    background-color: #efe6da;
    padding: 20px
}

.waterBox {
    background-color: #e7eaed;
    padding: 20px
}

.mobileOnly .panel-body,
.mobileOnly .panel-default,
.mobileOnly .panel-group,
.mobileOnly .panel-heading {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    box-shadow: none
}

.processBox hr,
.waterBox hr {
    margin: 30px 0 25px;
    border-color: #9598a1
}

.mobileOnly .panel-heading {
    background-image: none!important
}

.processBox hr {
    background: #efe6da
}

.waterBox hr {
    background: #e7eaed
}

.mobileOnly h2 {
    font-size: 1.9em!important;
    margin-bottom: .625em!important
}

.mobileOnly h3 {
    padding-left: 15px
}

.mobileOnly .listContainer1,
.mobileOnly .listContainer2,
.mobileOnly .listContainer3,
.mobileOnly .listContainer4 {
    margin: 20px 0;
    padding-left: 16px
}

.logos li {
    line-height: 3em
}

.logos img {
    max-height: 28px;
    width: auto
}

.headTarget+.content {
    padding-top: 0;
    padding-left: 15px
}

form[action="/Home.aspx"] .headTarget+.content {
    padding-top: 0
}

form[action="/Home.aspx"] .contentcontainer {
    margin-top: 0
}

.tcoFrame ul {
    display: block;
    list-style: none;
    margin: 15px 0 0;
    padding: 0
}

p+h2 {
    margin-top: 20px
}

/*-------------------------------------------------------------
 BUTTONS
 -------------------------------------------------------------*/
input[type="checkbox"]:checked:after {
        content: "\00a0\2714";
        background-color: #02306b;
        color: #fff;
        position: relative;
        top: -4px;
}

/*# Buttons #*/
.documentSearch .button,
.globalSearch .button,
a.alt-button,
a.button,
fieldset .button {
    display: inline-block;
    width: auto;
    padding: 10px 25px;
    text-transform: capitalize;
    font-family: LatoRegular;
    min-width: 160px;
}

.panel-group {
    margin-top: 60px;
}

.documentSearch .button,
.globalSearch .button,
a.button,
fieldset .button {
    font-size: 16px;
}

.documentSearch .button:hover,
.globalSearch .button:hover,
a.button:hover,
fieldset .button:hover {
    color: #fff;
}

a.alt-button:after,
a.button-green:after,
a.button-red:after,
a.button:after {
    background: url(/App_Themes/Rexnord/img/button-shadow.png) center 0 no-repeat rgba(0, 0, 0, 0);
    bottom: -8px;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    width: 100%;
    left: 0
}
a.button.no-shadow:after {
    display: none;
}

.button-red,
a.button,
a.button-green,
a.button-red,
a.button-lightBlue,
fieldset .button {
    border-radius: 0;
    font-size: 1.9rem;
    font-weight: 400!important;
    line-height: 2.2rem;
    margin: 40px 0 15px;
    padding: 13px 30px;
    position: relative;
    text-decoration: none!important
}

fieldset .button {
    background-color: #0C4E76!important;
    padding: 10px 25px!important;
    font-weight: 400!important;
    font-size: 17px!important;
    margin: 0!important
}

.button-red {
    background: #02306b !important;
    color: #fff;
    transition: background linear .25s, color linear .25s;
}

.button-red:hover {
    color: #fff;
    background: #0348a0 !important;
    text-decoration: none!important
}

.button-redBorder {
    background: #fff!important;
    color: #bd0120;
    border: 2px solid #bd0120;
    transition: background linear .25s, color linear .25s;
}

.button-redBorder:hover {
    color: #fff;
    background: #bd0120!important;
    text-decoration: none!important
}

.button-green {
    background: #367c2b!important;
    color: #fff
}

.button-green:hover {
    color: #fff;
    text-decoration: underline!important
}

.button-lightBlue {
    color: #fff!important;
    background: #4f91cd !important;
    border: 2px solid #fff;
}

.button-lightBlue:hover{
    font-weight:bold;
    text-decoration:none;
}

.button-lightBlueBorder {
    color: #4f91cd!important;
    background: #fff !important;
    border: 2px solid #4f91cd;
    font-weight: normal;
}

.button-lightBlueBorder:hover{
    font-weight:bold;
}

.button-navBlue {
  background: #0C4E76;
  color: #ffffff;
}

.button-white {
    background: #fff !important;
    color: #bd0120 !important;
    border: 2px solid #ffffff;
    font-style:normal;
}

.button-white:hover {
    background: #bd0120 !important;
    color: #ffffff !important;
    border: 2px solid #bd0120;
    font-style: normal;
}

.button-white:active {
    color: #bd0120 !important;
}
.button-whiteBorder {
    color: #fff!important;
    background: transparent;
    border: 2px solid #fff;
    font-weight: normal;
}

a.button.right {
    float: right;
    margin: -4px 0 24px 24px
}

a.button-darkBlue {
    background: #0c4e76;
    color: #fff;
    border: 2px solid #0c4e76;
    font-size: 1.9rem;
    position: relative;
    transition: all .2s;
}
a.button-darkBlueBorder {
    background: transparent;
    color: #0c4e76 !important;
    border: 2px solid #0c4e76;
    font-size: 1.9rem;
    position: relative;
    transition: all .2s;
}

a.button.button-noBorder {
  border: none;
}

a.button.button-full {
    display: block;
    width: 100% !important;
}

/*.button-darkBlue:hover {
  border: 2px solid #0c4e76;
  background: #ffffff;
  color: #0c4e76;
  }*/

/*# Buttons/New Button Styles #*/
.button--no-border.button--red {
  background: #bd0120;
  transition: background .5s;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  padding: 8px 40px;
  display: inline-block;
  margin-top: 20px;
  transition: background linear .25s, color linear .25s;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  text-align: center;
  -webkit-appearance: none;
}
  
.button--no-border.button--red:hover {
    background: #980019; 
}
.button--no-border.button--red:after {
  display: none;
}

/*# New Image Floating Styles #*/
.img--float--left {
  float: left;
  clear: both;
  padding-right: 20px; }

.img--float--right {
  float: right;
  clear: both;
  padding-left: 20px; }

.ItemDatalist {
    width: 50%;
    float: left;
    height: 150px;
    border-right: 2px dotted #ccc;
    box-sizing: border-box;
    padding: 0 15px 0 75px;
    position: relative;
    vertical-alignment: top
}

.ItemDatalist:nth-child(2n) {
    border-right: medium none
}
.ric-page-content #support>div.documentationContainer>div:nth-child(even) {
    border-right: 2px dotted #ccc;
}

.ItemDatalist img {
    width: 34px;
    height: auto;
    border-color: #999;
    position: absolute;
    left: 26px;
    top: 3px
}

.ItemDatalist .title {
    font-size: 18px;
    line-height: 1.1;
    display: block;
    margin-bottom: .65em;
    font-weight: 400
}

.ItemDatalist .Notes,
.ItemDatalist .secondText,
.ItemDatalist .thirdText {
    display: block;
    font-size: 12px;
    margin-bottom: .25em
}

a.hand {
    position: relative;
    overflow: visible;
    display: inline-block;
    float: left
}

a.hand:after {
    position: absolute;
    width: 54px;
    height: 51px;
    background: url(/App_Themes/Rexnord/img/interactionBtn.png) no-repeat;
    bottom: 0;
    right: -20px;
    overflow: visible
}

.main-settings,
.settings_collapser {
    display: none
}

@media only screen and (max-width:768px) {
    .row .row.about-platform {
        margin-top: 0
    }
    .about-platform .col-md-6 {
        padding-left: 0;
        padding-right: 0
    }
    .processBox,
    .waterBox {
        padding: 0
    }
    .about-platform .mobileOnly .panel-group {
        margin-bottom: 0
    }
    .mobileOnly h2 {
        margin: 0!important;
        line-height: 1!important;
        font-size: 18px!important
    }
    .mobileOnly h2 a {
        padding: 15px;
        display: block;
        width: 100%;
        height: auto;
        cursor: pointer
    }
    .breadcrumb {
        font-size: 10px
    }
    .headTarget+.content {
        padding-top: 0
    }
    .tcoFrame ul {
        display: block;
        list-style: none;
        margin: 15px 0 0;
        overflow: visible;
        padding: 0
    }
    .ItemDatalist {
        width: 100%;
        float: none;
        height: auto;
        border-right: none;
        box-sizing: border-box;
        padding: 0 0 0 42px;
        position: relative;
        border-bottom: 2px dotted #ccc;
        margin-bottom: 10px
    }
    .ItemDatalist img {
        width: 34px;
        height: auto;
        border-color: #999;
        position: absolute;
        left: 0;
        top: 0
    }
    .ItemDatalist .title {
        font-size: 15px;
        line-height: 1.1;
        display: block;
        margin-bottom: .45em;
        font-weight: 700
    }
    .ItemDatalist .Notes,
    .ItemDatalist .secondText,
    .ItemDatalist .thirdText {
        display: block;
        font-size: 12px;
        margin-bottom: .25em
    }
}

.process-platform {
    background-color: #EFE6DA;
    padding: 20px;
    margin-top: 10px;
    margin-right: 2%
}

.water-platform {
    background-color: #E7EAED;
    padding: 20px;
    margin-top: 10px;
    margin-right: 0
}

.process-section .brandImage {
    width: 135px;
    height: 75px;
    float: left;
    text-align: left
}

.modal-header button.close {
  right: 10px;
}

.modal-body .fieldset label {
    display: block;
    font-size: 12px;
    line-height: 1
}

.modal-body .fieldset textarea {
    width: 100%
}

.modal-body .fieldset input {
    width: 100%;
    margin-bottom: 6px
}

.modal-body .fieldset input[type=button],
.modal-body .fieldset input[type=submit] {
    width: auto
}

.section {
    position: relative;
    margin: 12px 0
}

.section i {
    position: absolute;
    left: 20px;
    top: 10px
}

.section i+p {
    margin-left: 65px
}

.section p a {
    display: block
}

.sprite {
    background-image: url(/App_Themes/Rexnord/img/spritesheet.png);
    background-repeat: no-repeat;
    display: block
}

.sprite-close-icon {
    width: 12px;
    height: 12px;
    background-position: -5px -5px
}

.sprite-global_img {
    width: 68px;
    height: 67px;
    background-position: -27px -5px
}

.sprite-icon-CAD {
    width: 60px;
    height: 59px;
    background-position: -105px -5px
}

.sprite-icon-download {
    width: 60px;
    height: 60px;
    background-position: -105px -74px
}

.sprite-icon-email {
    width: 60px;
    height: 60px;
    background-position: -5px -144px
}

.sprite-icon-globe {
    width: 19px;
    height: 19px;
    background-position: -175px -5px
}

.sprite-icon-language {
    width: 21px;
    height: 18px;
    background-position: -175px -34px
}

.sprite-icon-pdf {
    width: 16px;
    height: 16px;
    background-position: -175px -62px
}

.sprite-img_docs {
    width: 91px;
    height: 68px;
    background-position: -206px -5px
}

.sprite-menu-mobile {
    width: 22px;
    height: 15px;
    background-position: -5px -83px
}

.sprite-minus {
    width: 24px;
    height: 24px;
    background-position: -37px -83px
}

.sprite-pdf_icon_sm {
    width: 15px;
    height: 20px;
    background-position: -71px -83px
}

.sprite-phone {
    width: 49px;
    height: 60px;
    background-position: -201px -83px
}

.sprite-plus {
    width: 24px;
    height: 24px;
    background-position: -260px -83px
}

.sprite-search-button {
    width: 25px;
    height: 25px;
    background-position: -260px -117px
}

.sprite-search-mobile {
    width: 25px;
    height: 25px;
    background-position: -75px -152px
}

.sprite-settings-button {
    width: 28px;
    height: 28px;
    background-position: -110px -152px
}

.sprite-settings-mobile {
    width: 24px;
    height: 24px;
    background-position: -148px -152px
}

.productContainer {
    padding: 0;
    clear: both
}

.productContainer dl {
    padding: 0 0 20px
}

.productContainer .titleBar,
.productsContainer .titleBar {
    margin: 0 0 20px;
    padding: 0
}

.productContainer .specContainer dt {
    width: 100%;
    float: none;
    font-size: inherit;
    color: #000;
    display: block;
    margin-bottom: 0;
    font-weight: 700
}

.productContainer .modelContainer dl {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px
}

.productContainer .modelContainer dl:first-of-type {
    padding: 20px 0
}

.productContainer .modelContainer dt {
    width: 20%;
    float: left;
    font-size: 20px;
    color: #000;
    display: block;
    margin-bottom: 8px;
    font-weight: 400
}

.productContainer .modelContainer dd {
    margin-left: 25%;
    width: 75%;
    display: block;
    clear: none;
    float: none;
    padding-right: 17%
}

.productContainer .modelContainer dd p {
    margin: 0;
    padding: 0;
    line-height: 1.2
}

.productContainer .modelContainer dl dd:first-of-type,
.productContainer .specContainer dl dd:first-of-type {
    float: none;
    width: 75%;
    padding-left: 0;
    font-size: 14px;
    border-left: none;
    margin-top: 0
}

.productContainer .specContainer dd,
.productContainer .specContainer dl dd:first-of-type {
    width: 100%;
    float: none;
    font-size: inherit;
    color: #000;
    display: block;
    margin-bottom: 8px;
    margin-left: 0
}

.tab-pane {
    position: relative;
    margin-top: 20px
}

.topline {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
}

.right {
    float: right
}

a.pdf {
    padding: 0 0 1px 23px
}

.SKUList {
    margin: 4px 0;
    padding: 0!important;
    list-style: none;
    overflow: hidden;
    clear: both
}

.SKUList li {
    padding: 0;
    margin: 0 4px 6px 0;
    width: auto;
    float: left
}

.SKUList li.head {
    float: none;
    clear: both;
    margin: 10px 0 4px;
    font-size: 12px;
    font-style: italic;
    color: #888
}

.SKUList li a {
    border: 1px solid #ccc;
    background: #eee;
    text-align: center;
    width: auto;
    line-height: 26px;
    border-radius: 4px;
    padding: 2px 12px 0;
    display: block;
    font-size: 11px
}

@media only screen and (min-width:1024px) {
    .productContainer .modelContainer dt {
        width: 15.75%
    }
    .productContainer .modelContainer dd {
        margin-left: 15.75%;
        width: 80%
    }
    .productContainer .modelContainer dl dd:first-of-type {
        width: 80%
    }
}

@media only screen and (min-width:768px) and (max-width:1104px) {
    .footer {
        padding: 20px
    }
}
/*# Page Tabs/Left Tabs #*/
.tabs-left {
    margin-top: 40px
}
.tabs-left .nav-tabs {
    float: none;
    display: inline-block;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    min-width: 200px;
    margin-right: -3px;
}
.tabs-left .tab-content {
    float: none;
    width: calc(100% - 207px);
    display: inline-block;
    margin: 0;
}
.tabs-left .tab-content>.tab-pane {
    display: none
}
.tabs-left .tab-content>.active {
    display: block
}
.tabs-left .nav-tabs>li {
    float: none!important;
    width: 100%
}
.tabs-left .nav-tabs >li >a {
  min-width: 74px;
  margin-bottom: 2px;
  margin-right: -1px;
  border: 1px solid #333;
  text-align: left;
  background: #eee;
  color: #333;
}
.tabs-left .nav-tabs>li.active>a,
.tabs-left .nav-tabs>li.active>a:focus,
.tabs-left .nav-tabs>li.active>a:hover {
  border-right: 1px solid #fff;
  background: #fff;
  border-bottom: 1px solid #333 !important;
}
.tabContainer {
  clear: both;
  margin: 20px 0
}

@media only screen and (max-width: 768px) {
  .tabs-left .nav-tabs {
    display: none;
  }
  .tabs-left .acc-holder a {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
  }
  .tabs-left .acc-holder.mobile-active a {
    background: #fff;
  }
  .tabs-left .tab-pane.mobile-active + .acc-holder a {
    border-top: 1px solid #aaa;
  }
  .tabs-left .tab-content > .tab-pane.mobile-active {
    display: block;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: none;
    margin: 0 5px;
  }
  .tabs-left .tab-content > .tab-pane:last-of-type {
    border-bottom: 1px solid #aaa;
  }
}

@media only screen and (max-width:768px) {
    .ItemDatalist {
        border-bottom: 2px dotted #ccc;
        border-right: medium none;
        box-sizing: border-box;
        float: none;
        height: auto;
        margin-bottom: 10px;
        padding: 0 0 0 42px;
        position: relative;
        width: 85%
    }
    .ItemDatalist img {
        border-color: #999;
        height: auto;
        left: 0;
        position: absolute;
        top: 0;
        width: 34px
    }
}

p.quote {
    border-bottom: 1px solid #e0e0e1;
    margin-top: 10px;
    margin-bottom: 40px;
    padding-bottom: 10px
}

@media only screen and (max-width:768px) {
    .form-group {
        margin-bottom: 0
    }
    fieldset .col-sm-offset-2 {
        margin-top: 10px
    }
    fieldset .form-group .col-sm-2,
    fieldset .form-group .col-sm-7 {
        padding-left: 0;
        padding-right: 0
    }
    .specContainer dl dt {
        width: 42.5%
    }
    .specContainer dl dd {
        margin-left: 45%
    }
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px
}

/*# Banners #*/
div.banner+div.promo,
div.main-nav+div.promo {
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    width: 103%;
    max-width: 1105px
}

.promo .teaser {
    position: absolute;
    top: 10%;
    left: 2%;
    z-index: 1;
}

.promo .teaser .banner-plate {
 /* width: 85%;*/
}

.promo {
    width: 100%;
    background: red;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    position: relative
}

.promo img.background {
    width: 100%;
    height: auto
}

.promo .productfloat {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: auto
}
.Falkschool .promo .productfloat {
    right: 3% !important;
    top: 20%;
    bottom: 20%!important;
    max-height: 60%;
}
.scmstraining .promo .productfloat {
    right: 3% !important;
    top: 20%;
    bottom: 20%!important;
    max-height: 60%;
}

.promo .teaser {
    position: absolute;
    top: 18%;
    left: 2%;
    z-index: 1;
}
.promo.new-banner .teaser {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}
@media screen and (max-width: 768px) {
  .promo {
    overflow: hidden;
  }
  div.headTarget > div > div.col-xs-12.promo.new-banner {
    display: block;
  }
  .promo .teaser {
    margin: 10px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .promo img.background {
    position: absolute;
    min-height: 100%;
    min-width: calc(100% + 10px);
    top: 0;
    z-index: 1;
    left: -5px;
  }
  .IIoT-Smart-Gear-Drives .promo .teaser {
    left: 0;
  }
}
.Ultramite-Gear-Drives .Concentric-Inline-Gear-Drives .promo .teaser,
.IIoT-Smart-Gear-Drives .promo .teaser {
    top: 15%;
    left: 10%;
    right: 10%;
    bottom: 0;
    z-index: 2;
    text-align: center;
}
.Ultramite-Gear-Drives .Concentric-Inline-Gear-Drives .promo .teaser {
    background: rgba(255,255,255,.8);
    padding: 25px 18.5% 25px 25px;
    font-size: 20px;
    line-height: 1.2;
    text-align: left;
}
.Ultramite-Gear-Drives .Concentric-Inline-Gear-Drives .promo .teaser h2 {
    font-size: 42px !important;
    margin-bottom: 15px;
}
.Ultramite-Gear-Drives .Concentric-Inline-Gear-Drives .promo .productfloat {
    max-height: calc(85% - 25px);
    right: calc(10% + 25px);
    z-index: 10;
}
.promo.new-banner .teaser .overlay {
    position: absolute;
    top: 7%;
    left: 23%;
    right: 23%;
    bottom: 0;
    padding: 25px;
    z-index: 10;
}
.IIoT-Smart-Gear-Drives .promo .teaser .overlay {
  width: auto;
  margin: 0;
}
.Spherical-Roller-Bearings .promo .teaser .overlay {
  left: 6.5%;
  right: 6.5%;
  padding-top: 0;
  padding-bottom: 0;
  top: 5%;
}
.Gear .promo .teaser .overlay {
  left: 20%;
  right: 20%;
}
.PT-Select-Contest .promo .teaser .overlay,
.PT-Select-Contest-Thank-You .promo .teaser .overlay {
    left: 20%;
    right: 20%;
}
.PT-Select-Contest .new-banner .teaser .overlay-text,
.PT-Select-Contest-Thank-You .new-banner .teaser .overlay-text {
    width: 70%;
}
.PT-Select-Contest .new-banner .teaser .overlay-image,
.PT-Select-Contest-Thank-You .new-banner .teaser .overlay-image {
    width: calc(30% - 20px);
}
/*.new-banner .background-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 5;
    background: rgba(39,65,110,.6);
}*/
.new-banner .teaser .overlay-text {
    width: 80%;
    text-align: left;
    display: inline-block;
    color: white;
    font-weight: 400;
}
.Gear .new-banner .teaser .overlay-text {
  width: 70%;
}
.Spherical-roller-bearings .new-banner .teaser .overlay-text {
  width: 68%;
}
.new-banner .teaser.no-image .overlay-text {
    text-align: center;
    width: 100%;
}
.teaser h3 {
    color: #000!important;
    font-size: 26px!important;
    font-weight: 700;
    position: relative
}
.new-banner .teaser h2 {
    font-size: 42px !important;
    margin-bottom: 15px;
    color: white;
}
.Spherical-roller-bearings .new-banner .teaser h2 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 30px !important;
}
.teaser p {
    color: #1a1a1a;
    font-size: 18px;
    margin: 0!important;
    padding: 5px 0 25px!important;
    line-height: 1.4
}
.new-banner .teaser p {
    font-weight: 400;
    margin: 0;
    color: white;
}
.Spherical-roller-bearings .new-banner .teaser p {
  padding: 0 !important;
}
.new-banner .teaser .overlay-image {
    display: inline-block;
    width: calc(20% - 20px);
    height: 100%;
    vertical-align: top;
    margin-left: 15px;
}
.Gear .new-banner .teaser .overlay-image {
    width: calc(30% - 20px);
}
.Spherical-roller-bearings .new-banner .teaser .overlay-image {
  width: calc(32% - 20px);
}
.new-banner .teaser .overlay-image img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.new-banner .teaser .overlay-copy a.button {
    margin-top: 10px;
}

.teaser span {
    background-color: #fff;
    border: 2px solid #85a6ba;
    padding: 8px 15px;
    position: relative;
    right: 0
}
.PlanetGear .teaser span:nth-of-type(2) {
  padding: 10px 15px 7px
}
.new-banner .teaser span {
    background: transparent;
    border: none;
}
.new-banner .teaser span.small-text {
    font-size: 12px;
}
.teaser span a {
    color: #0c4e76!important;
    font-size: 16px;
    font-weight: 700
}

.teaser span a:after {
    background: url(/App_Themes/Rexnord/img/button-shadow.png) center 0 no-repeat rgba(0, 0, 0, 0);
    bottom: -8px;
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%
}

@media only screen and (min-width: 1105px) {
  .col-xs-12.promo.new-banner {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
@media only screen and (max-width: 1105px) {
  .col-xs-12.promo.new-banner {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
@media only screen and (max-width: 925px) {  
  .new-banner .teaser h2 {
    font-size: 32px !important;
  }
}
@media only screen and (max-width: 850px) {
  .Spherical-roller-bearings .new-banner .teaser h2 {
    font-size: 25px !important;
    margin-top: 10px;
  }
  .Spherical-roller-bearings .new-banner .overlay-text .overlay-copy {
    font-size: 17px;
  }
  .Spherical-roller-bearings .new-banner .overlay-text .button {
    padding: 8px 20px;
    font-size: 15px;
  }
}
@media only screen and (min-width:768px) and (max-width:1104px) {
    div.banner+div.promo,
    div.main-nav+div.promo {
        width: 103.25%
    }
    .teaser h3 {
        font-size: 21px!important
    }
    .teaser p {
        font-size: 14px;
        padding: 5px 0 20px!important;
        line-height: 1.3
    }
    .Ultramite-Gear-Drives .Concentric-Inline-Gear-Drives .promo .teaser h2 {
      font-size: 28px !important;
    }
}

@media (max-width: 820px) {
  .Ultramite-Gear-Drives .Concentric-Inline-Gear-Drives .promo .teaser {
    font-size: 16px;
  }
  .promo.new-banner .teaser h2 {
    font-size: 28px !important;
  }
}
@media (max-width: 768px) {
  .col-xs-12.promo.new-banner {
    margin-left: 0;
    padding: 0 !important;
  }
  .promo.new-banner .teaser .overlay {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    border: none;
  }
}

@media only screen and (min-width:460px) and (max-width:768px) {
    .promo .teaser {
        top: 11%
    }
    .teaser h3 {
        font-size: 16px!important;
        margin: 0
    }
    .teaser p {
        font-size: 12px;
        padding: 5px 0 10px!important;
        line-height: 1.2
    }
    .promo .productfloat {
        height: 85%
    }
    .promo.new-banner .teaser {
        margin: 0 0 20px;
    }
}

@media only screen and (max-width:459px) {
    .promo {
        width: 100%;
        min-height: 110px;
    }
    .promo .productfloat {
        display: none;
    }
    .promo img.background {
        height: 110px;
        width: auto;
    }
    .promo.new-banner img.background {
        height: auto;
     }
    .teaser h3 {
        font-size: 12px!important;
        margin: 0;
    }
    .teaser p {
        font-size: 11px;
        padding: 5px 0 10px!important;
        line-height: 1.1;
    }
    .promo.new-banner .teaser {
        margin: 0;
    }
    .promo.new-banner .teaser .overlay-image {
        display: none;
    }
    .promo.new-banner .teaser .overlay-text {
        width: 100%;
    }
}

@media only screen and (max-width:768px) {
    div.banner+div.promo,
    div.main-nav+div.promo {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    div.main-nav+div.promo.new-banner {
        width: calc(100% + 10px) !important;
        margin-left: -10px;
        padding: 0;
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-style: solid none none!important
    }
}
/*# Banners/Custom Banner Styles #*/
/* There is a lot of custom banner styles inside the regular banner section, move them here as they are changed, please */
.Spherical-Roller-Bearings .new-banner .teaser .overlay-text {
  width: 64%;
}
.Spherical-Roller-Bearings .new-banner .teaser .overlay-image {
  width: calc(36% - 20px);
  padding-top: 20px;
}

/*# Banners/New Banner Styles #*/
.banner {
    position: relative;
    overflow: hidden;
    margin: 25px auto;
}
.banner--main.page_section {
    max-width: 1105px;
}
.banner--main {
    margin: 0 -15px;
}
.banner--background-color--gradient-red-to-red .banner_background {
    background: linear-gradient(90deg, #02306b, #022552);
}

.banner_background {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0 15px;
    overflow: hidden;
}
.banner_overlay {
    position: relative;
    z-index: 10;
    padding: 30px;
}
.banner--main.banner--background-color--gradient-red-to-red .banner_overlay:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(/Rexnord/media/Rexnord-Images/Icons/Flights%20Belts/flight_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width: 100px;
    max-width: 20%;
    left: 0;
}
.banner--main.banner--background-color--gradient-red-to-red .banner_overlay {
    padding: 35px 50px 35px 110px;
    max-width: 670px;
}
.banner--main h1 {
    text-transform: uppercase;
    font-size: 36px !important;
    line-height: 40px;
    padding-bottom: 2px;
    margin-bottom: 0;
    color: #fff;
}
.banner--main h2 {
    font-size: 24px;
    font-weight: 100;
    line-height: 34px;
    color: #fff;
    text-transform: none;
    margin: -5px 0 30px;
}
.banner p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .banner--main .banner_overlay {
        padding: 20px 0;
    }
}

@media screen and (max-width: 480px) {
    .banner_overlay {
        padding: 15px;
    }
    .banner_overlay h2,
    .banner_overlay h3 {
        font-size: 18px;
        line-height: 22px;
    }
    .banner_overlay p {
        font-size: 14px;
        line-height: 18px;
    }
    .banner--main .banner_overlay p {
        display: none;
    }
    .banner_overlay a {
        font-size: 16px;
        line-height: 20px;
    }
    .banner_overlay .button {
        display: block;
        text-align: center;
    }
}

/*# Bearing Interchange Styles #*/
.Bearing-Finder .interchange-img-container {
    position: relative;
    z-index: 5;
    top: -35px;
    text-align: center;
    margin-bottom: -35px;
}
.interchange-img-container img {
    max-height: 150px;
  max-width: 100%;
}
.Bearing-Finder .banner--main {
    margin: 0 -15px;
    padding: 0 15px;
    overflow: visible;
}
.Bearing-Finder .banner--main.banner--background-color--gradient-red-to-red .banner_overlay {
    max-width: 500px;
}
.Bearing-Finder .banner_background {
    margin: 0;
}
.Bearing-Finder .banner--main.banner--background-color--gradient-red-to-red .banner_overlay {
    box-sizing: content-box;
    margin: 0 auto;
}

.Bearing-Finder .bearingInterchange {
    position: relative;
}
.Bearing-Finder .bearingInterchange:before {
    content: '';
    display: block;
    width: 10000px;
    background: #e6e6e6;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
}
.Bearing-Finder .bearingInterchange:after {
    content: '';
    display: block;
    width: 10000px;
    background: #e6e6e6;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
}

.bearingInterchangebtn {
    color: #fff!important;
    background: #4f91cd !important;
    border: 2px solid #fff;
}

.bearingInterchangebtn:hover{
    font-weight:bold;
    text-decoration:none;
}

#competitive-interchange input {
  transition: all .3s;
}

.interchangeSearchContainer {
  background: #e6e6e6;
  padding-bottom: 30px;
  text-align: center;
}

.interchangeSearchContainer > div{
  margin: 0 auto;
}
.interchangeSearchContainer div.js-viewMoreResultsContainer {
  max-width: none;
  margin: auto;
}

.PT-Select .interchangeSearchContainerTop {
  background: #ccc;
}
.interchangeSearchContainerTop {
  padding: 30px;
  max-width: 800px;
  margin: 0 auto;
}

.interchangeSearchContainerTop p {
  font-size: 18px !important;
  font-style: normal;
  color: #333;
  margin-top: 20px;
}

.interchangeLabel {
  font-size: 26px !important;
  font-weight: normal !important;
}

.interchangeSearchBox {
  height: 36px;
}

.interchangeSearchBtn[type="submit"] {
  border: 2px solid #02306b;
  background: #02306b;
  color: #fff;
  box-shadow: none !important;
  font-size: 18px;
  width: 33%;
  border-radius: 5px;
}

.interchangeSearchBtn[type="submit"]:hover {
  background: #02306b;
  color: #fff;
}

#competitive-interchange input[type=text] {
  color: #000;
  font-style: normal;
  font-size: 21px;
}

.howtouse {
  text-align: left;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 10px;
}
.howtouse strong {
  color: #02306b;
}

@media screen and (max-width: 768px) {
  .Bearing-Finder .banner--main {
    margin: 0 -20px;
    padding: 0 15px 20px;
  }
  .Bearing-Finder .interchange-img-container {
    top: -20px;
  }
  
  .Bearing-Finder div.container > div.row.content > div > div > img {
    display: inline;
  }
  .Bearing-Finder .interchangeSearchContainerTop {
    padding: 30px 0;
  }
  
  .Bearing-Finder .interchangeSearchContainer {
    margin: 0 -20px !important;
  }
  .Bearing-Finder .interchangeSearchBox {
    width: 100% !important;
  }
  .Bearing-Finder .interchangeSearchBtn {
    background-image: none !important;
    background-color: #bd1020 !important;
    width: auto !important;
    color: #fff !important;
    float: none;
    margin-top: 15px;
    height: auto;
    padding: 7px 20px;
  }
  
  .howtouse {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
  }
  .howtouse p {
    font-size: 16px !important;
  }
  .Bearing-Finder .banner--main.banner--background-color--gradient-red-to-red .banner_overlay {
    padding: 20px 20px 20px 100px;
  }
  
  .Bearing-Finder .banner_overlay h1 {
    font-size: 25px !important;
    line-height: 30px;
    margin: 0;
  }
  .Bearing-Finder .banner_overlay h2 {
    font-size: 20px;
    color: #fff;
    margin: 0;
  }
}

@media screen and (max-width: 425px) {
  .Bearing-Finder .banner--main.banner--background-color--gradient-red-to-red .banner_overlay {
    padding-left: 75px;
  }
}

/*# Cad styles? #*/
@media only screen and (min-width:1024px) {
    .productContainer .modelContainer dt {
        width: 15.75%
    }
    .productContainer .modelContainer dd {
        margin-left: 18.75%;
        width: 80%
    }
    .productContainer .modelContainer dl dd:first-of-type {
        width: 80%
    }
}

@media only screen and (max-width:769px) {
    .productContainer .modelContainer dt {
        width: 100%;
        float: none;
        font-size: 16px
    }
    .productContainer .modelContainer dd {
        width: 100%;
        float: none;
        margin-left: 0;
        clear: both;
        padding-right: 0
    }
    .productContainer .modelContainer dl dd:first-of-type {
        width: 100%;
        font-size: 12px
    }
    .contentcontainer .titleBar {
        width: 100%
    }
    .specContainer dd,
    .specContainer dl,
    .specContainer dt {
        font-size: 12px
    }
    .col-md-3 .button {
        margin: 20px 0
    }
    .overviewcontainer {
        margin: 0 0 15px
    }
    .contentcontainer h1 {
        border-bottom: 0 none;
        font-size: 21px!important
    }
    .contentcontainer h1+h2 {
        color: #bababa;
        font-size: 14px
    }
    .row .row .col-xs-12 {
        padding-left: 0;
        padding-right: 0
    }
    .contentcontainer dl,
    .contentcontainer h1,
    .contentcontainer h2,
    .contentcontainer h3,
    .contentcontainer h4,
    .contentcontainer p,
    .contentcontainer ul {
        margin-left: 0;
        margin-right: 0
    }
}

.productCadGroup .cadcontainer h3 {
    font-size: 16px;
    font-weight: 700!important;
    margin: 0 0 7px!important;
    padding: 0!important
}

.productCadGroup .cadcontainer p {
    font-size: 11px;
    float: left;
    margin: 0
}

.productCadGroup .cadcontainer {
    float: left;
    border: 1px solid #fff;
    height: 200px;
    width: 50%;
    overflow: hidden;
    text-align: left
}

.CADTabBlockContainer {
    display: block;
    clear: both;
    width: 100%
}

.CADTabBlock {
    float: left;
    width: 50%;
    padding: 10px 20px 30px 0;
    min-height: 160px
}

.CADTabBlock img {
    float: left;
    margin: 0 20px 0 0
}

.CADTabBlock a {
    display: block;
    font-size: 11px;
    position: relative;
    padding-left: 12px
}

.cadgroup h3,
.col-xs-4 .innercadcontainer h3,
.col-xs-6 .innercadcontainer h3 {
    font-size: 16px;
    font-weight: 700!important
}

.productCadGroup .innercadcontainer {
    border: 1px solid #fff;
    background-color: #fff;
    padding: 5px;
    width: 100%;
    float: left
}

.col-xs-6 .innercadcontainer img,
.productCadGroup .innercadcontainer img {
    float: left;
    padding-bottom: 50px
}

.col-xs-4 img {
    width: 100px
}
#ProductsInsite .col-xs-4 img {
  max-height: 100px;
  width: auto;
  max-width: 100%;
}

.break {
    clear: both
}

.cadgroup {
    overflow: hidden;
    max-width: 850px;
    margin: 0 auto
}

.cadgroup h3 {
    margin: 0!important;
    padding: 0!important
}

.cadgroup .cadcontainer p {
    font-size: 11px;
    float: left;
    margin: 2px 0 0
}

.cadgroup .cadcontainer span img {
    padding: 0 0 0 5px
}

.cadgroup .cadcontainer {
    box-sizing: content-box;
    float: left;
    padding: 15px 20px;
    border: 1px solid #fff;
    border-bottom: 2px #ccc dotted;
    width: 240px;
    height: 148px;
    text-align: left
}

.cadgroup .innercadcontainer {
    border: 1px solid #fff;
    background-color: #fff;
    padding: 5px
}

.cadgroup .innercadcontainer:hover {
    border: 1px solid #ccc;
    background-color: #E6E6E6;
    padding: 5px
}

.teaser h2 {
    border-bottom: 0 none;
    font-size: 30px!important;
    font-style: normal;
    font-weight: 400!important;
    line-height: 1.1em;
    margin: 0 0 .5em;
    padding: 0
}

/*# Survey Styles #*/
.survey #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordEnhancedOn_linePageForm_viewBiz {
    width: calc(100% + 30px);
    margin: 0 0 0 -15px;
    background: #e7edf1;
    padding: 57px 20px 92px;
}

.survey .editing-form-control-nested-control {
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.survey .editing-form-control-nested-control:last-of-type {
    margin-bottom: 0;
}

.survey label.EditingFormLabel,
.survey .radio label,
.survey .radio-inline label,
.survey .checkbox label,
.survey .checkbox-inline label{
    font-weight: 700;
    font-size: 18px;
    padding: 10px 20px 0 5px;
}

.survey .radio,
.survey .radio-inline,
.survey .checkbox,
.survey .checkbox-inline {
    min-height: 0;
    margin: 0;
}

.survey .radio label,
.survey .radio-inline label,
.survey .checkbox label,
.survey .checkbox-inline label {
    font-weight: 300;
}

.survey .radio input[type="radio"],
.survey .radio-inline input[type="radio"], 
.survey .checkbox input[type="checkbox"], 
.survey .checkbox-inline input[type="checkbox"] {
    float: none;
    display: inline-block;
    margin-left: 5px;
}

.survey textarea.form-control {
    width: 100%;
    max-width: 655px;
}

.survey br,
.survey .radio br {
  display: none;
}

.survey #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordEnhancedOn_lineForm_viewBiz_btnOK, 
.survey #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordEnhancedOn_linePageForm_viewBiz_btnOK {
    width: 100%;
    max-width: 200px;
}

@media (max-width: 480px) {
    .survey #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordEnhancedOn_lineForm_viewBiz_btnOK, 
    .survey #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordEnhancedOn_linePageForm_viewBiz_btnOK,
    .survey textarea.form-control {
        max-width: none;
    }
}

.cta-1 .ty-cta {
    width: 100%;
}
.cta-2 .ty-cta {
    width: 50%;
}
.cta-3 .ty-cta {
    width: 33%;
}
.ty-cta {
    float: left;
    padding: 75px 25px 25px;
}
.ty-cta .ty-image-container {
    float: left;
    max-width: 33%;
    margin-right: 15px;
}
.ty-cta .ty-headline {
    padding: 15px 0;
}
.ty-cta .ty-headline h2 {
   font-weight: 700; 
}
.ty-cta .ty-copy {
    padding-top: 25px;
    clear: both;
    font-size: 18px;
}
.ty-link.button:after {
    display: none;
}
.ty-cta:first-child {
    padding-left: 10px;
}
.ty-cta:last-child {
    padding-right: 10px;
}
/*# Survey Styles/Mobile Styles #*/
@media only screen and (max-width: 768px) {
  .cta-1 .ty-cta, 
  .cta-2 .ty-cta, 
  .cta-3 .ty-cta {
    width: 100%;
  }
}
/*# Survey Styles/Specific Page Overrides #*/
.PT-Select-Contest #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordEnhancedOn_linePageForm_viewBiz_countrySelector_lb {
    width: 25%;
}

.PT-Select-Contest .survery .radio input[type="radio"] {
    margin-left: 0;
}
.PT-Select-Contest .survey .radio {
    padding-left: 0;
}

.PT-Select-Registration .help-block {
    margin-top: 0;
}
.Pt-Select-Registration-Thank-You .survey-thank-yous {
    width: calc(100% + 30px);
    margin-left: -15px;
    background: #efefef;
}
.Pt-Select-Registration-Thank-You .ty-cta {
    padding: 40px 30px 60px;
}
.Pt-Select-Registration-Thank-You .ty-cta:first-child {
    border-right: 2px dotted #ccc;
}
.Pt-Select-Registration-Thank-You .ty-cta .ty-headline {
    padding: 0 0 10px;
}
.Pt-Select-Registration-Thank-You .ty-cta .ty-headline h2 {
    font-weight: 400;
    margin-bottom: 0;
}
.Pt-Select-Registration-Thank-You .ty-cta .ty-copy {
    clear: none;
    padding: 0 0 10px;
    font-size: 14px;
}
.Pt-Select-Registration-Thank-You .ty-cta .ty-copy p {
    margin-bottom: 0;
}
.Pt-Select-Registration-Thank-You .ty-cta a.button {
    background: transparent !important;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #2269a1 !important;
    text-align: left;
    min-width: 0;
}
.Pt-Select-Registration-Thank-You .ty-cta a.button:after {
    content: '\203A';
    display: inline !important;
    background: none;
    position: relative;
    height: auto;
    width: auto;
    bottom: 0;
}

.Webinar-Survey .promo.new-banner .teaser .overlay,
.Webinar-Survey-Thank-You .promo.new-banner .teaser .overlay {
    left: 8%;
    right: 8%;
}
.Webinar-Survey .promo.new-banner .teaser h2,
.Webinar-Survey-Thank-You .promo.new-banner .teaser h2 {
    margin-bottom: 10px;
}
.Webinar-Survey .promo.new-banner .teaser p,
.Webinar-Survey-Thank-You .promo.new-banner .teaser .overlay-copy {
    font-size: 26px;
}
.Webinar-Survey .survey .editing-form-control-nested-control {
    border-bottom: 1px solid lightgrey;
    padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
 .Pt-Select-Registration-Thank-You .ty-cta:first-child {
    border-bottom: 2px dotted #ccc;
    border-right: none;
  }
  .Pt-Select-Registration-Thank-You .ty-cta .ty-copy p,
  .Pt-Select-Registration-Thank-You .ty-cta .ty-headline h2 {
    margin: 0;
  }
}
@media only screen and (max-width: 500px) {
  .Pt-Select-Registration-Thank-You .ty-cta .ty-image {
    display: none;
  }
}

/*# Video Gallery Styles #*/
#main-video {
    padding-bottom: 50px;
    padding-top: 40px;
    background: #eee;
    width: calc(100% + 30px);
    margin-left: -15px;
}
.video-iframe-container {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 80%;
    padding-bottom: 45%; /* 80% of 56.25%(16:9 aspect ratio) */
    margin: 0 auto 40px;
}
 
.video-iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.page-title h1 {
    font-size: 38px !important;
    text-align: center;
}
.page-overview,
.page-overview p {
    font-size: 16px;
    text-align: center;
}

.video-section {
    border-bottom: 1px solid #777;
}
.video-section:last-of-type {
    border-bottom: none;
}

.video-container {
  display: flex;
  flex-wrap: wrap;
}
.video {
    display: inline-block;
    margin-bottom: 30px;
    cursor: pointer;
    border: 0 !important;
    vertical-align: top;
}

.video-section-title h4 {
    font-size: 30px;
    margin: 25px 0;
    position: relative;
}

.video-image img,
.video-play-hover img {
    max-width: 100%;
    max-height: 100%;
}

.video-overlay {
    display: none;
    background: rgba(100,100,100,.8);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.video-image {
    position: relative;
}
.video-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}
.video-desc {
    font-size: 14px;
    line-height: 20px;
}

.video-overlay p,
.video:hover .video-overlay p,
.video.selected:hover .video-overlay p {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 20px;
    margin-top: -10px;
    text-align: center;
    color: #FFF;
}

.video-play-hover {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    text-align: center;
    width: 100px;
}
@media max-width(920px) {
    .video-play {
        margin-top: -28px;
        height: 50%;
    }
}

.video.selected .video-overlay,
.video:hover .video-overlay {
    display: block;
}

.video.selected p {
    display: block;
}

.video:hover .video-play-hover {
    display: block;
}


@media only screen and (min-width: 850px) {
    .video {
        max-width: calc(25% - 15px);
        width: 25%;
        margin-right: 20px;
    }
    .video:nth-of-type(4n) {
        margin-right: 0;
    }
}
@media only screen and (max-width: 849px) {
    .video {
        max-width: calc(33% - 15px);
        width: 33%;
        margin-right: 25px;
    }
    .video:nth-of-type(3n) {
        margin-right: 0;
    }
}
@media only screen and (max-width: 768px) {
    #main-video,
    .video-section {
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .video-iframe-container {
        position: relative;
        height: 0;
        overflow: hidden;
        width: 95%;
        padding-bottom: 53.4375%; /* 95% of 56.25%(16:9 aspect ratio) */
        margin: 0 auto 40px;
    }
    .video-section-title {
        background: #bd0120;
        color: #FFF;
        padding: 5px;
        text-align: center;
        border-bottom: 1px solid #FFF;
    }
    .video-section-title h4 {
        margin: 5px;
        display: inline-block;
    }
    .video-section-title.videoOpen h4:after {
        transform: rotate(90deg);
    }
    .video-section-title h4:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        right: -25px;
        top: 5px;
        bottom: 10px;
        margin-top: 2px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid transparent;
        border-left: 10px solid #FFFFFF;
        transform: rotate(0);
        transition: all .4s;
    }
    .video {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid #DDD !important;
    }
    .video:last-of-type {
        border-bottom: none !important;
    }
    .video-title {
        text-align: center;
        font-size: 22px;
        margin-top: 0;
        color: #bd0120;
        font-weight: 400;
    }
    .video-image, 
    .video-desc {
        display: none;
    }
}

/*# Video Gallery Styles/Flickity Nav #*/
.video-nav.top-right-nav.mobile {
    display: none;
}
.video-nav.top-right-nav {
    float: left;
    margin: 0 0 50px -15px;
    width: calc(100% + 30px);
    background: #e6e6e6;
}
.video-nav.top-right-nav a {
    transition: all .3s;
    font-weight: bold;
    background: #e6e6e6;
    padding: 8px;
    width: 16.6667%;
    text-align: center;
    display: inline-block;
}
.video-nav.top-right-nav a:hover {
    background: #ccc !important;
    color: #fff;
    text-decoration: none;
}
.video-nav .innerNavContainer {
    max-width: 1105px;
    margin-left: auto;
    margin-right: auto;
}
.video-nav .innerNavContainer a {
    float: left;
}
.video-nav.top-right-nav .selected {
    background: #ccc !important;
    color: #fff;
}
.navbar-fixed {
    position: fixed;
    z-index: 99; 
    top: 45px;
    transition: all .4s;
    width: 100%;
    margin-top: 0px !important;
    left: 0;
    background: #e6e6e6;
    border-bottom: 2px solid #fff;
    margin-left: 0px !important;
    height: 38px;
}
.navbar-fixed a {
    border-bottom: 2px solid #fff;
}
.navbar-fixed-mobile {
    position: fixed !important;
    top: 102px;
    height: 50px !important;
    z-index: 9999;
    width: 100% !important;
    border-bottom: 2px solid #fff;
}
@media (max-width: 1199px) {
    .top-right-nav {
        vertical-align: middle;
    }
    .top-right-nav a {
        vertical-align: middle;
    }
    .navbar-fixed {
        max-width: 993px;
    }
}
@media (max-width: 991px) {
    .navbar-fixed {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .top-right-nav.mobile.js-flickity.flickity-enabled.is-draggable {
        margin-top: -67px;
        z-index: 1;
    }
    .top-right-nav.desktop {
        display: none;
    }
    .top-right-nav.mobile {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        height: 70px;
        overflow: hidden;
        margin-left: 0;
    }
    .top-right-nav div {
        font-weight: bold;
        background: #e6e6e6;
        height: 70px;
        display: inline-block;
        text-align: center;
    }
    .top-right-nav a {
        padding-top: 15px;
        height: 70px;
        width: 150px;
        display: table-cell;
    }
    .top-right-nav a:last-child:hover {
        background: #ccc !important;
    }
    .flickity-viewport {
        cursor: grab;
        position: relative;
        width: calc(100% - 40px);
        margin-left: 20px;
    }
    .flickity-slider {
        cursor: grab;
        left: 0px;
        top: 0px;
        position: absolute;
        width: 100%;
    }
    .flickity-viewport:active {
        cursor: grab;
    }
    .flickity-slider div {
        top: 0px;
        left: 0px;
        width: 150px;
    }
    .flickity-prev-next-button.previous {
        position: absolute;
        top: 0;
        left: 0;
        background: #dedede;
        width: 20px;
        height: 100%;
    }
    .flickity-prev-next-button svg {
        display: none;
    }
    .flickity-prev-next-button.previous {
        background-image: url(/Rexnord/media/Rexnord/Icons/flickity-left.png);
        background-repeat: no-repeat !important;
        background-position: 50% !important;
    }
    .flickity-prev-next-button.next {
        background-image: url(/Rexnord/media/Rexnord/Icons/flickity-right.png) !important;
        background-repeat: no-repeat !important;
        background-position: 50% !important;
    }
    .flickity-prev-next-button.next {
        position: absolute;
        top: 0;
        right: 0;
        background: #dedede;
        width: 20px;
        height: 100%;
    }
    .flickity-prev-next-button.next svg {
        position: absolute;
        right: 6px;
        margin-top: -25px;
        width: 10px;
    }
}
@media (max-width: 459px) {
    .top-right-nav.mobile {
        width: 113%;
    }
}
/*# Closable Message #*/
.closable-message {
    background: #243748;
    padding: 0 25px;
    text-align: left;
    //margin-top: -1px; //For pt select contest;
    margin-top: -21px; //For pt select registration;
    width: calc(100% + 45px);
    margin-left: -30px;
    margin-bottom: 5px;
    overflow: hidden;
}
.closable-message-wrapper {
    width: 100%;
    max-width: 900px;
    padding: 25px;
}
.closable-message img {
    float: left;
    max-width: 128px;
    width: 25%;
    margin-right: 55px;
}
.closable-message h4 {
    color: white;
    font-size: 38px;
    text-align: left;
    margin-top: 0;
}
.closable-message p {
    color: white;
    font-size: 18px;
    text-align: left;
    padding-top: 5px;
}
.closable-message .button {
    margin-top: 10px;
    margin-bottom: 20px;
    border: none !important;
    font-size: 18px;
}
.closable-message .button:after {
    display: none;
}
.closable-message .close {
    position: absolute;
    //top: 5px; //For pt-select contest;
    top: -15px; //For pt-select register;
    right: 20px;
    float: none;
    color: white;
    opacity: 1;
    font-weight: 100;
    font-size: 18px;
    text-shadow: none;
}

@media only screen and (max-width: 768px) {
    .closable-message {
        margin-bottom: 20px;
        margin-left: 0;
        //width: calc(100% + 50px);
        width: 100%;
    }
    .contentcontainer .closable-message-wrapper {
        padding-top: 25px;
    }
}

.predictiveSearchResults {
  text-align: left;
  padding: 15px;
  width: 80%;
  z-index: 5;
}

.headerSearch .predictiveSearchResults {
  margin-left: -180px;
  width: 350px;
}

.predictiveSearchResults a {
  color: #555 !important;
}
.interchangeSearchBtn {
  display: inline-block;
  background: #bd0120;
  color: #fff;
  font-size: 22px;
  height: 36px;
  padding: 0;
  text-shadow: none;
  border-radius: 0;
  width: 16.5%;
}

.interchangeSearchBox {
  float:left;
  margin-right:15px;
  margin-bottom:5px;
  width:80%;
}

.interchangeContainer {
  width: 75%;
  margin:auto;
}


.interchangeSearchBoxContainer .predictiveSearchResults {
  border: 1px solid #cccccc;
  clear:both;
  background: #ffffff;
  top: 83px;
  width: 80%;
  z-index: 100;
}

.interchangeSearchBoxContainer .predictiveSearchHolder {
  position: relative;
}

/*# Interchange Styles/Results #*/
.interchange-result {
  max-width: 975px; 
  margin-bottom: 30px; 
  padding-bottom: 30px; 
  padding-left: 30px; 
  padding-right: 30px;
}

.interchange-result-title {
  font-weight: bold;
  text-align: left;
  color: #888 !important;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-left: 7%;
  clear: both;
  font-size: 18px;
  padding: 50px 0 20px;
}

.interchange-result-img-wrp {
  float: left; 
  border: 1px solid #eee; 
  max-width: 90px; 
  height:auto; 
  margin-right: 25px;
  margin-left: 7%;
  margin-top:20px;
}

.interchange-result-img-wrp img {
  max-width: 88px;
}

.interchange-result-details {
  text-align: left;
  margin-left: 7%;
  max-width: 975px;
  margin-top:20px;
  margin-bottom:20px;
}

.intx-rst-title {
  font-size: 21px;
  font-weight: bold;
}

.intx-rst-desc {
  font-size: 18px;
  margin-top:5px;
  max-width:775px;
  padding-left:115px;
}

.intx-rst-desc a {
  font-weight: bold;
}

.interchange-links {
  margin-left: 7%;
}

.interchange-result-title {
  margin: 0 auto;
  max-width: 975px;
  padding: 30px 0 0;
}
.interchangeSearchContainer .searchresult {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 30px;
}

.interchangeSearchContainer .view-details {
  margin-top: 20px;
}

.interchangeSearchContainer .view-details div,
.interchangeSearchContainer .rslt-request-quote,
.interchangeSearchContainer .rslt-request-info,
.interchangeSearchContainer .rslt-add-to-cart {
  padding: 0 !important;
  font-size: 18px;
  font-weight: 700;
}

.interchangeSearchContainer .resultURL {
  display: none;
}

/*# Interchange Styles/Other Results Styles #*/
.interchangeResultsDetails{
  padding-left:27%;
  margin-bottom:20px;
}

.interchangeResults {
  margin-top:50px;
}

.interchangeResults img {
  border:1px solid #ccc;
  margin-right: 10px;
}

.interchangeResults p {
  margin:2px;
}

.interchangeResults h3 {
  margin-bottom:10px;
}

#ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordWebInterchange_srchResults_pnlSearchResults {
  clear:both;
  padding-top: 28px;
}

.interchangeLink {
  width: 25%;
  float: left;
  margin:30px;
  text-align:center;
}

.interchangeLink img {
  width: 100%;
  border:1px solid #ccc;
}

.interchangeTitle {
  font-size: 18px;
  padding-bottom:10px;
}

.interchangeLabel {
  font-size: 18px;
  padding-left: 0px;
  margin-bottom: 10px;
  text-align:left;
}

.interchangeSearchBoxContainer {
  width: 60%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.interchangeLinkLabel {
  color: #000000;
}

.interchangeLinkImage {
  margin-bottom:10px;
}

.smallError {
  font-size: 11px;
  line-height: 1.2;
  padding-left: 3px;
  display: block;
  color: #FF0000 !important;
  clear:both;
}

.searchresult .links {
  clear:both;
}

/*# Interchange Styles/Responsive #*/
@media only screen and (max-width: 767px) {
  .interchangeResultsDetails {
    padding-left:0;
    margin-bottom:20px;
  }
  
  .interchangeContainer {
    width: 100%;
  }
  
  .interchangeSearchContainer {
    padding: 20px;
  }
  
  .interchangeSearchBoxContainer {
    width: 100%;
  }
  
  /* 5/30/2017 J Knaak */
  .interchangeSearchBtn {
    /*margin-top: 15px;*/
    margin-top:0px;
  }
  
  .interchange-result-details {
    clear:both;
  }
  
  .intx-rst-desc {
    margin-top:5px;
    max-width:775px;
    padding-left:0px;
  }
  
  .interchange-detail {
    margin: 10px 0;
  }
}

@media (max-width: 992px) {
  .interchangeSearchBoxContainer .predictiveSearchResults {
    top:35px;
  }
}

@media (max-width: 992px) {
  .predictiveSearchResults {
    margin-left: 0px;
  }
}

@media (min-width: 992px) {
  .col-md-5 {
    //width: 41.66666667%;
  }
}
/*# Terms and Conditions Styles #*/
/* Term Master Page Styles *//* Not yet centralized to have the individual term pages styles */
.ts-cs .page-title {
    margin: 30px 0;
}
.ts-cs .page-title h1 {
    text-align: left;
}

/* Term Cta Styles */
.term-cta {
    width: calc(33% - 20px);
    display: inline-block;
    margin: 0 15px 30px;
    background: #e8e8e8;
    padding: 20px;
}

.term-cta h2 {
    margin-bottom: 0;
    text-align: center;
    font-size: 22px;
}

.term-cta .term-link-wrapper {
    text-align: center;
}
.term-cta .term-link-wrapper a.button-darkBlue {
    margin-top: 10px;
    font-size: 17px;
    line-height: 1.9;
    padding: 13px 20px;
}
.term-cta .term-link-wrapper a.button-darkBlue:hover {
    text-decoration: underline;
}
.term-cta .term-link-wrapper a.button:after {
    display: none;
}
@media (min-width: 811px) {
  .term-cta:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .term-cta:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media (max-width: 810px) and (min-width: 501px) {
  .term-cta {
    width: calc(50% - 20px);
    margin: 0 15px 30px;
  }
  .term-cta:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .term-cta:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .term-cta .term-link-wrapper a.button-darkBlue {
    background: #0c4e76;
  }
}
@media (max-width: 500px) {
  .term-cta {
    width: calc(100% - 20px);
    margin: 0 auto 30px;
  }
}

/*# Temp Styles #*/
.series {
  display: inline-block;
  width: calc(25% - 10px);
  margin-right: 10px;
  margin-top: 10px;
}
.series-image {
  max-width: 100%;
  width: 100%;
}
.series-title {
  font-weight: 700;
  margin: 5px 0 2px;
  font-size: 18px;
}
.contentcontainer p.series-desc {
  margin: 0;
  font-size: 16px;
}
.series-link {
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 801px) { 
  .series:nth-child(4n) {
    margin-right: 0;
  }
}
@media (max-width: 800px) { 
  .series {
    width: calc(33% - 10px);
  }
  .series:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 625px) { 
  .series {
    width: calc(50% - 10px);
  }
  .series:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 420px) { 
  .series {
    width: calc(100% - 10px);
    margin-right: 0;
    text-align: center;
  }
  .series-copy-wrapper {
    text-align: left;
  }
}

/*# Feedback Webpart #*/
#feedback {
  position: fixed;
  right: -58px;
  top: 50%;
  margin-top: -81px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 100;
}
.feedback-btn {
  background: #f28b00;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
  padding: 10px 0;
}
.feedback-icon {
  display: inline-block;
  border-right: 1px solid #fff;
  padding: 0 10px;
}
.feedback-txt {
  display: inline-block;
  padding: 0 15px;
}
#feedback-lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 110000;
  background: rgba(0,0,0,.75);
  display: none;
}
#feedback-lightbox {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -315px 0 0 -250px;
  height: 635px;
  max-height: 90%;
  width: 500px;
  max-width: 96%;
  z-index: 110001;
  display: none;
}
#feedback-lightbox iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.feedback-close-btn {
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 25px;
  z-index: 10;
  cursor: pointer;
}

@media screen and (max-width: 520px) {
  #feedback-lightbox {
    right: 2%;
    left: 2%;
    margin: 0;
  }
}
@media screen and (max-width: 1210px),
screen and (max-height: 630px) {
  #feedback-lightbox {
    top: 5%;
    bottom: 5%;
    margin-top: 0;
  }
  #feedback {
    right: auto;
    top: auto;
    bottom: 0;
    left: 10px;
    margin-top: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .feedback-btn {
    font-size: 12px;
    padding: 5px 0;
  }
  .feedback-icon {
    display: none;
  }
}

/*#Certifications and Compliance 2020#*/
.qa-rail {
  background:#F5F5F5;
  padding:20px;
  margin:0 0 20px;
}
.qa-rail :last-child {
  margin:0;
}
.qa-rail__heading {
  font-weight:bold;
}
.qa-rail__sub-heading {
  font-weight:bold;
  margin:0 0 5px;
}
.qa-rail__sub-heading-link {
  color:#333333;
}
.qa-rail__list {
  list-style:none;
  margin:0 0 15px;
  padding:0;
}
.qa-rail__list-item {
  margin:0 0 5px;
}
.qa-rail__list-link {
  color:#278AE6;
  text-decoration:none;
}
.qa-rail__list-link:hover,
.qa-rail__list-link:focus {
  text-decoration:underline;
}

.qa-listing {

}
.qa-listing__heading {
  font-weight:bold;
  margin:0 0 15px;
}
.qa-listing__heading--space {
  margin-top:40px;
}
.qa-listing__sub-heading {
  font-weight:bold;
  margin:0 0 5px;
  border-top:1px solid #cccccc;
  padding:15px 0 0 0;
}
.qa-cert-listing__list {
  list-style:none;
  padding:0;
  margin:0 0 15px;
}
.qa-cert-listing__item {
  display:flex;
  justify-content:space-between;
  margin:0 0 5px;
}
.qa-cert-listing__link-container {

}
.qa-cert-listing__link {
  color:#278AE6;
  text-decoration:none;
  font-size:16px
}
.qa-cert-listing__link:hover,
.qa-cert-listing__link:focus {
  text-decoration:underline;
}
.qa-cert-listing__helper {
  white-space:nowrap;
}
.qa-cert-listing__select {
  margin:0 5px 0 0;
  border:0;
}
.qa-cert-listing__download {

}
.qa-comp-listing__list {
  list-style:none;
  padding:0;
  margin:0 0 15px;
  border-top:1px solid #cccccc;
}
.qa-comp-listing__item {
  margin:0;
  padding:15px 0; 
  border-bottom:1px solid #cccccc;
}
.qa-comp-listing__link {
  color:#278AE6;
  text-decoration:none;
}
.qa-comp-listing__description {

}

@media screen and (max-width: 992px) {
  .certifications-container {
    margin:0 -15px 0 -20px;
  }
  .certifications-container ul {
    margin:0 0 15px !important;
  }
  .qa-rail {
    display:flex; 
    padding:10px;
    align-items:flex-end;
  }
  .qa-rail .qa-rail__heading {
    margin:0 !important;
    font-size:18px !important;
  }
  .qa-rail .qa-rail__sub-heading {
    margin:0 0 0 20px !important;
    font-size:14px !important;
  }
  .qa-rail__sub-heading-link {
    color:#278AE6;
  }
  .qa-rail ul {
    display:none;
  }
  .qa-listing h2,
  .qa-listing h3 {
    margin:0 0 15px !important;
  }
}



/*# Width Correction #*/
.correct-full-width {
  width: calc(100% + 30px);
  margin-left: -15px;
}
.aerospace .correct-full-width {
  width: 100%;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .correct-full-width {
    width: 100%;
    margin-left: 0;
  }
}

/*# Width Correction/Mobile #*/
@media screen and (max-width: 768px) {
  body.Beverage,
  body.Forest {
    overflow-x: hidden;
  }
}

/*# In-Page Navigation Styles #*/
#page-navigation {
  clear: both;
}
#page-navigation .p-nav {
  display: flex;
  justify-content: space-between;
}
#page-navigation a {
  flex: 1 1 auto;
  margin: 3px 0 0 3px;
  background: #eee;
  padding: 10px 15px;
  text-align: center;
  font-size: 16px;
}
#page-navigation a:first-child {
  margin-left: 0;
}

#page-navigation a.active {
  background: #777;
  color: #fff;
}

#page-navigation.sticky .p-nav-wrap {
  position: fixed;
  top: 46px;
  left: 0;
  right: 0;
  z-index: 10;
  background: #e6e6e6;
  border-top: 3px solid #FFF;
}
#page-navigation.sticky .p-nav {
  margin: 0 auto;
  max-width: 1105px;
  background: #FFF;
}
#page-navigation-ph {
  display: none;
}
#page-navigation.sticky #page-navigation-ph {
  display: block;
}
#page-navigation.sticky .p-nav-link {
  margin-top: 0;
}
.p-nav-btn {
  display: none;
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
  #page-navigation.sticky .p-nav-wrap {
    top: 86px;
  }
}
@media screen and (max-width: 768px) {
  #page-navigation {
    margin: 15px 0 20px;
  }
  #page-navigation-ph {
    display none:
  }
  .p-nav-btn.mobile {
    display: block;
    width: 95%;
    margin: 0 auto;
    max-width: 500px;
    border: 2px solid #bd0120;
    border-bottom: none;
    padding: 13px 0;
    color: #bd0120;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
  }
  .p-nav-btn.closed {
    border-bottom: 2px solid #bd0120;
    transition: border-bottom .4s steps(1, end);
  }
  .p-nav-btn span {
    position: relative;
  }
  .p-nav-btn span:after {
    content: "";
    display: block;
    background: #bd0120;
    border-top: 5px solid transparent;
    border-bottom: 5px solid white;
    border-right: 5px solid white;
    border-left: 5px solid white;
    position: absolute;
    right: -16px;
    top: 7px;
    transform: rotate(0);
    transition: all .4s;
  }
  .p-nav-btn.closed span:after {
    transform: rotate(-90deg);
  }
  .p-nav-wrap.mobile-hidden {
    display: none;
  }
  #page-navigation .p-nav {
    display: block;
    max-width: 500px;
    width: 95%;
    margin: 0 auto;
    border-left: 2px solid #bd0120;
    border-right: 2px solid #bd0120;
    border-bottom: 2px solid #bd0120;
  }
  #page-navigation .p-nav a {
    display: block;
    margin: 0 auto;
    width: 96%;
    background: #fff;
    color: #bd0120;
    text-align: center;
    font-size: 16px;
    border-top: 2px solid #bd0120;
  }
}

/*# Configure Product Callout #*/
/*# Configure Product Callout/Old Layout #*/
#configure-callout {
  margin-top: 20px;
  margin-bottom: 20px;
}

.cc-section {
  background: #f8f8f8;
  margin-bottom: 12px;
}
.conf-img-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 17%;
  max-width: 140px;
}
.conf-img {
  padding: 30px;
  max-width: 100%;
}
.conf-txt-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 63%;
  padding-right: 20px;
  max-width: 550px;
}
.conf-title h3 {
  font-size: 24px;
  color: #333;
}
.conf-body {
  font-size: 16px;
  color: #333;
}
.conf-btn-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  max-width: 160px;
}
#c1-configurator-btn {
  cursor: pointer;
  font-weight: 400;
}
.teaser .c1-banner-btn-wrap {
  padding: 0;
  margin-right: 5px;
  margin-top: -1px;
  display: inline-block;
  cursor: pointer;
}
#c1-configurator-banner-btn {
  padding: 6px 25px 5px;
  display: inline-block;
}
.new-banner .overlay-copy #c1-configurator-banner-btn {
    padding: 13px 30px;
    border: 2px solid #FFF;
    font-weight: 400;
    font-size: 1.9rem;
    line-height: 2.2rem;
}
#c1-configurator-btn:hover {
  font-weight: 700;
  text-decoration: none;
}
.new-banner .overlay-copy #c1-configurator-banner-btn:hover {
  font-weight: 400;
  text-decoration: underline;
}
/* Two media queries for 768 width, first is to hide configurator info, second is for mobile desgin(which isn't being used right now */
@media screen and (max-width: 768px) {
  .c1-configurator-btn {
    display: none;
  }
  .teaser .c1-banner-btn-wrap {
    display: none;
  }
  #configure-callout {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .conf-img {
    padding: 30px 30px 30px 15px;
  }
  .conf-txt-wrap {
    width: 75%;
  }
  .conf-btn-wrap {
    display: block;
    width: auto;
    max-width: none;
  }
  .conf-btn-wrap a.button {
    margin-top: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .conf-img-wrap {
    display: none;
  }
  .conf-txt-wrap {
    display: block;
    width: auto;
  }
}

/*# Configure Product Callout/New Layout #*/
.configurator-new-layout {
  background: url(/Rexnord/media/Rexnord/Banner%20Images/ultramite-banner-background.jpg);
  margin: 40px !important;
}

.configurator-new-layout .new-config-text {
  text-align: center;
}

.new-config-text .config-title {
  font-size: 24px;
  font-weight: bold;
  padding-top: 25px;
}

.new-config-text .config-copy {
  font-size: 20px;
  font-style: italic;
}

.new-config-text .conf-btn-wrap {
  margin-left: -145px;
  margin-top: -25px;
  padding-bottom: 15px;
}

.new-config-textarea ul {
  position: absolute;
  left: 200px;
  top: 45px;
  line-height: 24px;
  font-size: 16px;
}

.new-config-textarea img {
  position: absolute;
  left: -40px;
  top: -5px;
}

/*# Configure Product Lightbox #*/
.conf-lb-header {
    background: #eee;
    margin: 5px;
    padding: 30px;
    cursor: default;
}
.conf-lb-header h1 {
  font-size: 26px !important;
  line-height: 1.25em;
  margin: 0 0 3px 0;
}
.conf-lb-header p {
  font-size: 18px;
  line-height: 18px;
}

.conf-lightbox {
    background: #fff;
    position: relative;
    z-index: 999999;
    text-align: center;
    cursor:default;
    display: block;
    position: fixed;
    top: 5%;
    bottom: 5%;
    left: 50%;
    margin: 0 0 0 -450px;
    max-width: 900px;
    width: 80%;
    padding: 0;
}

.conf-lightbox .close {
    position: relative; 
    margin-right: 15px;
    margin-top: 15px;
    z-index: 9999999;
}
  
.conf-lightbox, .conf-lightbox-overlay {
    display: none;
}

.conf-iframe-container {
    height: calc(100% - 123px);
    position: relative;
    overflow: hidden;
}

.conf-lightbox-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.75);
    z-index: 99999;
    cursor: pointer;
}

.conf-lightbox img {
    min-height: 500px;
    width: auto;
}

.conf-iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*# Temp RIC Landing Page Styles #*/
.rexnord-innovation-center-mechanical-testing-lab-product—design-development h1 {
  font-size: 38px !important;
  color: #333;
}
.rexnord-innovation-center-mechanical-testing-lab-product—design-development h2 {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}

/*# RIC Styles #*/
.ric-banner .overlay {
  font-size: 18px;
}
.ric-banner .promo.new-banner .teaser .overlay {
  left: 5%;
  right: 5%;
}
@media only screen and (max-width: 980px) {
  .ric-banner .new-banner .overlay-text .overlay-headline {
    width: 110%;
    margin-left: -5%;
  }
}
@media only screen and (max-width: 895px) { 
  .ric-banner .new-banner .overlay-text .overlay-copy {
    font-size: 16px;
  }
}
@media only screen and (max-width: 895px) { 
  .ric-banner .promo.new-banner .teaser .overlay {
    top: 0;
    padding: 15px;
  }
  .ric-banner .new-banner .teaser h2 {
    font-size: 25px !important;
    margin-bottom: 5px;
  }
}

.ric-navigation .breadcrumb {
  border-bottom: none;
}
.ric-navigation .breadcrumb > li {
  color: #777;
}
.ric-navigation .breadcrumb > li + li:before {
  content: "\203A";
  color: #777;
}

.ric-left-nav-header {
  margin-top: 17px;
}

.ric-page-content {
  font-size: 16px;
  color: #333;
  padding: 0 35px;
}
.ric-page-content h1 {
  font-size: 38px !important;
  color: #333;
}
.ric-page-content h2 {
  font-size: 24px;
  color: #333;
}
.ric-page-content h3 {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-top: 40px;
  margin-bottom: 10px;
}
.ric-page-content .expand-link-title {
  color: #bd0120;
}
.ric-page-content #overview a.button {
  //padding-left: 15px;
}

.ric-page-content .separate-tabs {
  font-size: 16px;
  color: #333;
  margin-top: 60px;
}

.ric-page-content .expand-link {
  font-size: 16px;
  font-weight: 700;
  color: #bd0120;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .ric-page-content {
    padding: 0;
  }
  .ric-page-content .expand-link {
    margin: 0 10px;
  }
  .ric-banner .col-xs-12.promo.new-banner {
    padding: 0 !important;
    margin-left: 0;
  }
  .ric-banner .teaser {
    overflow: hidden;
  }
  .ric-banner .promo.new-banner .teaser {
    margin-bottom: 0;
  }
  .ric-banner .new-banner .teaser h2 {
    font-size: 18px;
  }
  .ric-banner .new-banner .teaser span {
    font-size: 14px
  }
  .ric-banner .promo.new-banner .teaser .overlay {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: transparent;
  }
  .ric-banner .teaser img.background {
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    height: 100%;
  }
  .ric-banner .new-banner .overlay-text .overlay-headline {
    width: 100%;
    margin-left: 0;
  }
  .ric-navigation .row.breadcrumbs {
    display: none;
  }
  .ric-page-content #overview a.button {
    width: auto;
  }
  .ric-page-content h3 {
    padding-top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .ric-page-content #overview a.button {
    float: none !important;
    width: 95%;
    padding-left: 0;
  }
}

/*# Gated Content Update #*/
.gc-ty-cta-wrap {
  background: #efefef;
}

/*# DiRXN Landing Page Styles #*/
.Smart-Tags .step-links {
    display: flex;
    flex-flow: row wrap;
}

.Smart-Tags .step-links a {
    width: 100%;
}

.Smart-Tags .step-links a img {
    width: 100%;
}

.Smart-Tags .step-links a.apple {
    margin: 0 15px;
}

.app-wrapper .app.google a img {
    width: 170px;
    height: 70px;
}

.app-wrapper .app.apple a img {
    margin-top: 10px;
}

.dirxn-banner .promo.new-banner .teaser .overlay {
  left: 5%;
  right: 5%;
}
.dirxn-banner .overlay-text {
  font-size: 20px;
}
#Benefits,
.dirxn-wheel-benefits {
  padding: 20px;
  background: #eee;
}
.rex-template-wrapper #Benefits {
  background: #fff;
}
.benefits-title h2 {
  font-size: 24px;
}
.benefit {
  padding: 10px 0;
}
.benefit-txt h3 {
  font-size: 20px;
  margin-bottom: 5px;
}
.benefit-img {
  display: inline-block;
  width: 15%;
  max-width: 125px;
  margin-right: 20px;
  vertical-align: top;
  text-align: center;
}
.benefit-img img {
  max-width: 100%;
}
.benefit.no-image .benefit-img {
  display: none;
}
.benefit-txt {
  display: inline-block;
  width: calc(84% - 20px);
  max-width: 900px;
  vertical-align: top;
}
.benefit.no-image .benefit-txt {
  display: block;
  width: auto;
  max-width: none;
}

.solutions {
  margin-top: 50px;
}
.solutions-title h2 {
  font-size: 24px;
}
.solution {
  margin-top: 10px;
  border-top: 1px solid #eee;
  padding: 20px 0;
}
.sol-img {
  vertical-align: top;
  display: inline-block;
  width: 30%;
  max-width: 300px;
  margin-right: 20px;
}
.sol-img img {
  max-width: 100%;
}
.sol-txt {
  display: inline-block;
  width: calc(68% - 20px);
  max-width: 650px;
}
.sol-txt h3 {
  font-size: 20px;
}
.sol-txt ul,
.sol-txt ol {
  padding-left: 20px;
}
.sol-txt li {
  margin: 3px 0;
}
.sol-txt .button {
  margin-top: 20px;
}
.solution.no-image .sol-img {
  display: none;
}
.solution.no-image .sol-txt {
  display: block;
  width: auto;
  max-width: none;
}

.benefit-txt ul,
.benefit-txt ol,
.sol-txt ul,
.sol-txt ol {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .dirxn-banner .promo.new-banner {
    padding: 0 !important;
    margin-left: 0;
  }
  .dirxn-banner .promo.new-banner .teaser {
    margin-bottom: 10px;
  }
  .dirxn-banner .background {
    left: 5%;
    right: 5%;
  }
  .dirxn-banner .promo.new-banner .teaser .overlay {
    bottom: 0;
    border-bottom: 0;
    top: 7%;
    background: transparent;
  }
  .benefits-title h2,
  .benefit-txt h2 {
    margin-left: 0;
  }
  .benefits-title,
  .solutions-title {
    text-align: center;
  }
  .benefit-img,
  .sol-img,
  .dirxn-expert.contact-expert .image {
    margin: 0 auto;
    display: block;
  }
  .benefit-txt,
  .sol-txt,
  .dirxn-expert-txt {
    width: auto;
    max-width: none;
    text-align: center;
    display: block;
  }
  .benefit-txt ul,
  .benefit-txt ol,
  .sol-txt ul,
  .sol-txt ol {
    display: inline-block;
  }
}
@media screen and (max-width: 520px) {
  .dirxn-banner .button {
    display: none;
  }
}
@media screen and (max-width: 459px) {
  .dirxn-banner .promo img.background {
    width: 100%;
    height: auto;
  }
}

/*# DiRXN Wheel #*/
.dirxn-wrapper {
  margin: 50px 0;
  padding: 10px;
  text-align: center;
  position: relative;
}
.dirxn-title {
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translate(-50%);
  background: #fff;
  padding: 10px 20px;
  font-size: 24px;
}
.dirxn-text {
  font-family: 'Lato', sans-serif;
  text-align: left;
  font-size: 16px;
}
.dirxn-text h2 {
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 10px;
}


.dirxn-wheel {
  margin: 50px 0;
  text-align: center;
}
#wheel-container {
  position: relative;
  display: inline-block;
}
#wheel-container img {
  max-width: 100%;
  max-height: calc(87% - 41px)
}

#wheel-placeholder {
  text-align: center;
  position: absolute;
  top: 6.0714%;
  bottom: 6.0714%;
  left: 6.6392%;
  right: 6.6392%;
  max-height: 729.35px;
}
#wheel-placeholder img.background {
  max-height: 100%;
}

.dirxn-step-icon .dflt-img,
.dirxn-step-icon .slct-img {
  text-align: center;
  margin-top: 17px;
}
.dirxn-step-icon .slct-img,
.dirxn-step-icon .mobl-img {
  display: none;
}

.dirxn-step-icon {
  position: absolute;
  width: 20.3252%;
  height: 20.3252%;
  border-radius: 50%;
}
.dirxn-step-icon:hover .dflt-img,
.dirxn-step-icon.selected .dflt-img {
  display: none;
}
.dirxn-step-icon:hover .slct-img,
.dirxn-step-icon.selected .slct-img {
  display: inline;
}
.dirxn-step-icon:nth-child(4n+1):hover,
.dirxn-step-icon.selected:nth-child(4n+1) {
  background: #0099D8;
}
.dirxn-step-icon:nth-child(4n+3):hover,
.dirxn-step-icon.selected:nth-child(4n+3) {
  background: #75C044;
}
.dirxn-step-icon:nth-child(4n+3) {
  transform: rotate(-45deg);
}
.counter-rotate {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.dirxn-step-icon:nth-child(4n+3) .counter-rotate {
  transform: rotate(45deg);
}
.dirxn-step-icon .step-title {
  position: absolute;
  bottom: 13%;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.dirxn-step-icon:hover .step-title,
.dirxn-step-icon.selected .step-title {
  color: #fff;
}

.dirxn-step-icon.top {
  top: 2.439%;
  left: 39.9729%;
  border-bottom-left-radius: 0;
}


.dirxn-step-icon.top-right {
  top: 12.3306%;
  right: 12.3306%;
  border-bottom-left-radius: 0;
}


.dirxn-step-icon.right {
  right: 2.439%;
  top: 40.0407%;
  border-top-left-radius: 0;
  float: none;
}


.dirxn-step-icon.bottom-right {
  bottom: 12.3306%;
  right: 12.3306%;
  border-top-left-radius: 0;
}


.dirxn-step-icon.bottom {
  bottom: 2.439%;
  left: 39.9729%;
  border-top-right-radius: 0;
}


.dirxn-step-icon.bottom-left {
  bottom: 12.3306%;
  left: 12.3306%;
  border-top-right-radius: 0;
}


.dirxn-step-icon.left {
  left: 2.439%;
  top: 40.0407%;
  border-bottom-right-radius: 0;
}


.dirxn-step-icon.top-left {
  top: 12.3306%;
  left: 12.3306%;
  border-bottom-right-radius: 0;
}

.dirxn-step-copy,
.dirxn-instr-text {
  position: absolute;
  top: 30%;
  right: 28%;
  left: 28%;
  bottom: 34%;
  color: #FFF;
  overflow: hidden;
}
.dirxn-step-copy ul,
.dirxn-step-copy ol {
  text-align: left;
}
.dirxn-instr-text {
  top: 34%;
}
.dirxn-step-copy h3 {
  font-size: 28px;
  margin-bottom: 10px;
}
.dirxn-step-copy:nth-child(4n+2) h3 {
  color: #0099D8;
}
.dirxn-step-copy:nth-child(4n) h3 {
  color: #75C044;
}
.dirxn-step-copy .mobile-link {
  display: none;
}

.bottom, .top,
.left, .right,
.bottom-left,
.bottom-right,
.top-left, .top-right {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .dirxn-wrapper .background, 
  .dirxn-wrapper .text-circle,
  .dirxn-step-icon .dflt-img,
  .dirxn-step-icon .slct-img,
  .dirxn-step-icon:hover .slct-img,
  .dirxn-step-icon.selected .slct-img,
  .dirxn-instr-text,
  .dirxn-step-copy .step-title {
    display: none;
  }
  .dirxn-wrapper {
    padding: 0;
    margin-bottom: 0;
    border: 0;
  }
  .dirxn-title {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    transform: none;
  }
  #wheel-container {
    display: block;
  }
  #wheel-placeholder {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .counter-rotate {
    position: relative;
    transform: none !important;
  }
  .dirxn-step-icon.bottom, 
  .dirxn-step-icon.top,
  .dirxn-step-icon.left, 
  .dirxn-step-icon.right,
  .dirxn-step-icon.bottom-left,
  .dirxn-step-icon.bottom-right,
  .dirxn-step-icon.top-left, 
  .dirxn-step-icon.top-right,
  .dirxn-step-copy {
    width: auto;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: none !important;
  }
  .dirxn-step-copy ul,
  .dirxn-step-copy ol {
    display: inline-block;
  }
  .dirxn-step-copy .mobile-link {
    display: block;
  }
  .dirxn-step-copy .mobile-link .button {
    margin-top: 5px;
  }
  .dirxn-step-icon {
    border-radius: 0;
    padding: 10px 0;
    border-top: 1px solid #eee;
  }
  .dirxn-step-icon.top-left,
  .dirxn-step-icon.top-left + .dirxn-step-copy {
    border-bottom: 1px solid #eee;
  }
  .dirxn-step-icon.top-left.selected {
    border-bottom: none;
  }
  #wheel-container .dirxn-step-icon .mobl-img {
    display: inline;
    max-height: none;
    max-width: none;
  }
  .dirxn-step-icon:nth-child(4n+1):hover, 
  .dirxn-step-icon.selected:nth-child(4n+1),
  .dirxn-step-icon:nth-child(4n+3):hover, 
  .dirxn-step-icon.selected:nth-child(4n+3) {
    background: none;
  }
  .dirxn-step-icon .step-title {
    display: inline-block;
    margin-left: 15px;
  }
  .dirxn-step-icon .step-title:after {
    content: '';
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    border-right: 5px solid transparent;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 10px;
    margin-top: 9px;
    transform: rotate(0);
    transition: all .4s;
  }
  .dirxn-step-icon.selected .step-title:after {
    transform: rotate(90deg);
  }
  .dirxn-step-icon:hover .step-title, 
  .dirxn-step-icon.selected .step-title {
    color: #000;
  }
  .dirxn-step-icon .step-title {
    position: relative;
    bottom: 0;
  }
  .dirxn-step-copy {
    color: #000;
    padding-bottom: 10px;
  }
}

/*# DiRXN Capabilities #*/
.dirxn-cap-banner .promo.new-banner .teaser .overlay {
  left: 15%;
  right: 15%;
}
.dirxn-cap-banner .overlay-text {
  font-size: 20px;
}
#page-navigation.dirxn-nav a {
  padding: 5px 0;
}
.dirxn-nav .nav-image {
  max-height: 20px;
  vertical-align: middle;
}
.dirxn-nav .nav-title {
  margin-left: 8px;
  vertical-align: middle;
}
@media screen and (min-width: 769px) and (max-width: 860px) {
  .dirxn-nav .p-nav a {
    
  }
}

.dirxn-overview {
  border-bottom: 1px solid #eee;
  margin-top: 50px;
  padding-bottom: 40px;
  font-size: 18px;
}

.cap-step {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.cap-step:last-child {
  border-bottom: none;
}
.cap-header {
  margin-top: 20px;
  margin-bottom: 10px;
}
.cap-image {
  width: 35px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.cap-title {
  display: inline-block;
  width: calc(100% - 45px);
  margin-left: 5px;
  font-size: 38px;
  font-weight: bold;
  vertical-align: middle;
}
.cap-txt {
  margin-bottom: 20px;
  font-size: 18px;
}

.cap-solution {
  background: #eee;
  padding: 20px;
}

.step-sol-img {
  float: right;
  width: calc(25% + 130px);
  padding: 70px 65px 0;
  text-align: center;
}
.step-sol-img img {
  max-width: 100%;
}
.step-sol-txt {
  display: inline-block;
  margin-left: 15px;
  width: calc(75% - 150px);
  font-size: 16px;
}
.step-sol-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.step-sol-link {
  display: inline-block;
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .dirxn-cap-banner .promo.new-banner {
    padding: 0 !important;
    margin-left: 0;
  }
  .dirxn-cap-banner .promo.new-banner .teaser {
    margin-bottom: 10px;
  }
  .dirxn-cap-banner .background {
    left: 5%;
    right: 5%;
  }
  .dirxn-cap-banner .promo.new-banner .teaser .overlay {
    bottom: 0;
    border-bottom: 0;
    left: 2%;
    right: 2%;
    top: 0;
    background: transparent;
  }
  .dirxn-cap-banner .promo img.background {
    width: auto;
  }
  .step-sol-img {
    float: none;
    width: auto;
    padding: 15px 0 0;
  }
  .step-sol-txt {
    width: auto;
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 520px) {
  .dirxn-banner .button {
    display: none;
  }
  .dirxn-cap-banner .promo.new-banner .teaser .overlay {
    top: 0;
  }
  .dirxn-cap-banner .overlay-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 459px) {
  .dirxn-banner .promo img.background {
    width: 100%;
    height: auto;
  }
}


/*# Contact Expert Callout #*/
.contact-expert {
  background: #e6e7e8;
  padding: 30px 50px;
  color: #333;
  margin-top: 40px;
}
.contact-expert .image {
  display: inline-block;
  width: 18%;
  max-width: 160px;
  vertical-align: top;
  padding-right: 30px;
}
.contact-expert .image img {
  max-width: 100%;
}
.contact-expert .contact-expert-txt {
  display: inline-block;
  width: 80%;
  max-width: 800px;
  vertical-align: top;
}
.container .content .contentcontainer .contact-expert .contact-expert-txt .buttonwrap {
  border-left: none;
}
.contact-expert h2 {
  font-size: 24px;
  margin: 5px 0;
}
.contact-expert p {
  font-size: 16px;
  margin: 5px 0;
}
.contact-expert a.button {
  font-size: 16px;
  margin: 10px 0;
  border: none;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .contact-expert {
    padding: 15px;
  }
  .contact-expert .image {
    display: none;
  }
  .contact-expert .contact-expert-txt {
    width: auto;
    max-width: none;
  }
}
@media screen and (max-width: 420px) {
  .contact-expert .image {
    display: none;
    max-width: 65px;
    width: auto;
    padding-right: 0;
  }
}
/* Alternate Contact styles */
/*# PT Select Brochure Styles/Contact Us #*/
#Contactez-nous,
#Kontaktinfo,
#Contatti,
#Contáctenos,
#Contact-Us,
#contact-expert,
.Contact-Us{
    background: #e6e7e8;
    padding: 15px 30px;
    text-align: center;
    margin-bottom: -40px;
    position: relative;
}
.brochure-page #contact-expert,
.Rexnord-Industrial-Services #contact-expert{
  background: #e6e7e8;
}
#Contactez-nous:before,
#Kontaktinfo:before,
#Contatti:before,
#Contáctenos:before,
#Contact-Us:before,
#contact-expert:before {
    right: calc(100% - 1px);
}
#Contactez-nous:after,
#Kontaktinfo:after,
#Contatti:after,
#Contáctenos:after,
#Contact-Us:after,
#contact-expert:after {
    left: calc(100% - 1px);
}
#Contactez-nous:before,
#Contactez-nous:after,
#Kontaktinfo:before,
#Kontaktinfo:after,
#Contatti:before,
#Contatti:after,
#Contáctenos:before, 
#Contáctenos:after,
#Contact-Us:before,
#Contact-Us:after,
#contact-expert:before, 
#contact-expert:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10000px;
    background: #e6e7e8;
    z-index: 100;
}
.brochure-page #contact-expert:before, 
.brochure-page #contact-expert:after,
.Rexnord-Industrial-Services #contact-expert:before, 
.Rexnord-Industrial-Services #contact-expert:after {
    background: #e6e7e8;
}
.contact-img {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    width: 65px;
}
.contact-text {
    display: inline-block;
    max-width: calc(100% - 265px);
    text-align: left;
    margin: 0 15px;
}
.contact-text h3 {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.contact-btn {
    display: inline-block;
    width: 165px;
    vertical-align: top;
}
.contact-btn .button {
    margin-top: 19px;
}
@media screen and (max-width: 768px) {
  #contact-expert,
  #Contact-Us {
    margin-bottom: -10px;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .IIoT-Smart-Gear-Drives #contact-expert {
    margin-bottom: 0;
    width: 100%;
    margin-left: 0;
  }
  #contact-expert .contact-img {
    margin-right: 0;
    width: auto;
  }
  #contact-expert .contact-text {
    display: block;
    width: auto;
    max-width: none;
    text-align: center;
  }
  #contact-expert .contact-btn {
    display: block;
    width: auto;
  }
  #contact-expert:after, #contact-expert:before,
  #Contact-Us:after, #Contact-Us:before {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  #Contact-Us .contact-img {
    margin-right: 0;
    width: auto;
  }
  #Contact-Us .contact-text {
    display: block;
    width: auto;
    max-width: none;
    text-align: center;
  }
  #Contact-Us .contact-btn {
    display: block;
    width: auto;
  }
}

/*# RFI RFQ Styles #*/
/* Temporary placeholder, most styles are scattered about */
.Request-For-Quote .description {
  text-align: justify;
}
.justify-div {
  text-align: left;
  min-width: 300px;
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.multiselect { 
  padding: 0;
  border: 0;
}
.ms-choice > div {
  display: none;
}

/*# CDS CAD Styles #*/
#cds-configurator .cds-attribute-highlight {
    color: #f00;
}

/*# Loader #*/
.rex-loader-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255,255,255,.6);
  z-index: 10;
}
.rex-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  height: 32px;
  width: 32px;
  border: 4px solid #ebebeb;
  border-left: 4px solid #1e90ff;
  border-radius: 50%;
  transform: translateZ(0);
  animation: load8 .5s infinite linear;
  z-index: 1;
}

/*# Keyframes #*/
/* loader infinite spin */
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotateArrow {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.white-text, 
.banner-old-white-title h2 {
  color: white;
}

.search-result-tag {
  color: white; 
  background-color: #bd0120; 
  padding: 5px; 
  text-transform: uppercase; 
  font-size: 10px;
}

.text-capitalize {
  text-transform: capitalize;
}

.addToCartLightbox.lightbox iframe {
    border: none;
    min-height: 480px;
}

/*#New CAD page#*/
.generic-banner {
  color: #ffffff;
  text-align: center;
  margin-top: 0px !important;    
}

.cad-banner .generic-banner-title {
  margin-top: 10px;
}

.cad-banner .generic-banner-text {
  position: absolute;
  z-index: 1;
  margin-top: 40px;
}

.cad-banner .generic-banner-img {
  position: relative;
  height: auto;
  width: 100%;
}

.page-body {
  margin: 10px;
}

.page-body ul {
  list-style-type: none;
}

.cad-search {
  margin-bottom: 20px;
}

.search-button {
  background: #bd0120;
}

.cad-search-button {
  background: #02306b;
  height: 34px;
  padding: 5px;
  position: absolute;
  margin-left: -34px;
}

.cad-search-textbox {
  width: 83.33333333%;
  display: inline-block;
}

.glyphicon-by-text {
  padding-left: 5px;
}

.hide {
  display: none;
}

.category-header {
  font-size: 21px;
  text-align: center;
}

.cad-results {
  margin: -5px;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

.cad-results-header {
  text-align: left;
  color: #333333;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #d5d5d5;
  background-color: #f6f6f6;
  margin-top: 16px;
  margin-bottom: 16px;
}

.cad-results-section {
  margin-top: 16px;
  border-bottom: 1px solid #d5d5d5;
}

.cad-results-section:last-child {
  border-bottom: none;
}

.cad-results-section-header {
  color: #333333;
  font-weight: bold;
  text-align: left;
}

.cad-results-section-details {
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

.img-border {
  border: 1px solid #d5d5d5;
  position: relative;
}

.cad-results-item img {
  padding: 5px;
  max-height: 125px;
  max-width: 100%;
}

.cad-results-item .details {
  color: #333333;
}

.cad-results-item .product-name {
  color: #02306b;
}

.category-header span {
  position: relative;
}

.cad-category-area .dropdown-active span:after {
  transform: rotate(90deg);
}

.cad-category-area span:after {
    content: "";
    background: #02306b;
    border-top: 5px solid white;
    border-left: 5px solid transparent;
    border-right: 5px solid white;
    border-bottom: 5px solid white;
    transform: rotate(0deg);
    transition: transform .4s;
    display: block;
    position: absolute;
    right: -16px;
    top: 7px;
}

.cad-results-item .item-icons-cad {
  position: absolute;
  bottom: 3px;
  left: 5px;
}

.cad-results-item .item-icons-external {
  position: absolute;
  top: 0px;
  right: 0px;
}

.item-icons-cad .cad-2d {
  background-color: #6c7f5d;
  color: white;
}

.item-icons-cad .cad-3d {
  background-color: #56719e;
  color: white;
}

.item-icons-cad span {
  padding: 2px 5px;
  margin: -2px;
}

.cad-results-item .details {
  margin-top: 5px;
  margin-bottom: 5px;
}

.cad-item {
  border: none !important;
}

/*#New CAD page/Desktop#*/
@media (min-width: 769px) {
  .cad-item {
    width: 25%;
    padding: 5px;
  }
  
  .cad-results .in-page {
    width: 33.33333%;
    padding: 10px;
  }
  
  .generic-d-banner-title {
    font-size: 32px;
  }

  .generic-d-banner-copy {
    font-size: 16px;
    line-height: 24px;
  }

  .cad-d-category-options ul {
    text-align: center;
  }

  .cad-d-category-options li {
    display: inline-block;
  }

  .cad-d-category-option {
    background-color: #f6f6f6;
    border: 1px solid #d5d5d5;
    font-weight: bold;
    margin: 10px 4px;
    padding: 10px;
    text-align: center;
    display: block;
    min-width: 115px;
    min-height: 115px;
  }
  
  .cat-d-selected {
    background-color: #640003;    
  }
  
  .cat-d-selected p {
    color: white !important;
  }

  .cad-d-category-option:hover {
    background-color: #e1e1e1;
  }
  
  .cat-d-unselected {
    opacity: 0.5;
  }

  .cad-d-category-option p {
    margin-bottom: 0px; 
    font-size: 14px;
    color: #333333 ;
    font-weight: bold;
  }

  .cad-d-results-header {
    font-size: 14px;
  }

  .cad-d-results-section-details {
    margin: -5px;
  }
  
  .cad-d-results-section-header {
    font-size: 18px;
    margin: 5px;
  }

  .cad-d-results-item .details {
    font-size: 11px;
    font-weight: bold;
  }

  .cad-d-results-item .product-name {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
  }
}

/*#New CAD page/Mobile#*/
@media (max-width: 768px) {
  .cad-item {
    width: 50%;
    padding: 5px;
  }
  
  .cad-banner {
    width: calc(100% + 40px);
  }
  
  .generic-banner-img {
    margin-left: -15px;
    width: calc(100% + 30px) !important;
    height: fit-content !important;
  }
  
  .generic-m-banner-title {
    font-size: 24px;
  }

  .generic-m-banner-copy {
    font-size: 14px;
    line-height: 24px;
  }

  .cad-m-category-area {
    border: 2px solid #bd0120;
  }

  .cad-m-category-header {
    margin-top: 10px;
    font-size: 16px;
    color: #bd0120;
    text-align: center;
    padding-bottom: 10px;
  }

  .cad-m-category-options {
    margin-top: 10px;
  }

  .cad-m-category-options ul {
    width: 92%;
    padding-left: 8%;
  }

  .cad-m-category-options li {
    border-top: 1px solid #bd0120;
  }

  .cad-m-category-option p {
    margin: 10px;
  }

  .cad-m-category-option {
    font-size: 16px;
    color: #bd0120;
    text-align: center;
  }

  .cad-m-category-option img {
    display: none;
  }

  .cad-m-results-header {
    font-size: 14px;
  }

  .cad-m-results-section-header {
    font-size: 18px;
  }

  .cad-m-results-item .details {
    font-size: 9px;
    line-height: 14px;
  }

  .cad-m-results-item .product-name {
    font-size: 12px;
    line-height: 15px;
  }
  
  .cad-results-section-details .cad-m-row {
    margin-left: -10px !important;
    margin-right: -10px !important;
  }
  
  .contentcontainer .cad-banner {
    margin-left: -20px !important;
  }
  
  .cad-banner img {
    width: auto;
    display: block !important;
  }
}
/*# Interactive Guide Styles #*/
.ig-list {
  position: relative;
  border: 1px solid #ababab;
}
.ig-image-header {
  float: right;
  width: 50%;
  text-align: center;
  padding: 5px;
  font-size: 30px;
}
.ig-feature-list {
  width: 50%;
}
.ig-feat-entry {
  background-color: #ebebeb;
  color: #636363;
  line-height: 1.6;
  display: table;
  width: 100%;
  border: 1px solid #ababab;
  border-bottom: none;
  border-left: none;
  padding: 15px 0;
}
.ig-feat-entry:first-of-type {
  border-top: none;
}
.ig-feat-entry:hover {
  background-color: #bd0120;
  color: #fff;
}
.ig-entry-num {
  color: #a9a9a9;
  font-size: 42px;
  display: table-cell;
  vertical-align: middle;
  width: 60px;
  text-align: center;
  font-weight: 700;
}
.ig-feat-entry:hover .ig-entry-num {
  color: #6879ba;
}
.ig-entry-txt {
  display: table-cell;
  vertical-align: middle;
  width: calc(100% - 65px);
}
.ig-entry-img {
  display: none;
  position: absolute;
  top: 53px;
  left: 50%;
  right: 0;
  bottom: 0;
  text-align: center;
  background: #fff;
}
.ig-feat-entry:first-of-type .ig-entry-img {
  display: inline;
  z-index: 9;
}
.ig-feat-entry:hover .ig-entry-img {
  display: inline;
  z-index: 10;
}
.ig-entry-img img {
  max-height: 100%;
  max-width: 100%;
}
@media (max-width: 768px) {
  .ig-list {
    border-top: none;
  }
  .ig-image-header {
    display: none;
  }
  .ig-feature-list {
    width: auto;
  }
  .ig-feat-entry {
    display: block;
    border-right: none;
    padding-bottom: 0;
  }
  .ig-feat-entry:hover {
    background-color: #ebebeb;
    color: #636363;
  }
  .ig-feat-entry.active {
    background-color: #bd0120;
    color: #fff;
  }
  .ig-feat-entry:first-of-type {
    border-top: 1px solid #ababab;
  }
  .ig-entry-txt, .ig-entry-num {
    padding-bottom: 15px;
  }
  .ig-feat-entry:hover .ig-entry-num {
    color: #a9a9a9;
  }
  .ig-feat-entry.active .ig-entry-num {
    color: #6879ba;
  }
  .ig-entry-img {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .ig-feat-entry:first-of-type .ig-entry-img {
    display: none;
  }
  .ig-feat-entry:hover .ig-entry-img {
    display: none;
  }
  .ig-feat-entry.active .ig-entry-img {
    display: block;
  }
}

/*# mobile search #*/
@media (max-width: 659px) {
  .results-ss-m {
    margin-top: 180px !important;
  }
  
  .filter-ss-m {
    display: unset !important;
    position: relative !important;
  }
  
  .pagination-ss-m .pagination {
    margin: auto;
  }
  
  .pagination-ss-m .pagination ul {
    float: none;
    margin: auto;
  }
}

.iiot-banner .generic-banner-text {
  margin-top: 40px;
  position: absolute;
}

.iiot-banner .generic-d-banner-copy {
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 20px;
}

@media (max-width: 400px) {
  .iiot-banner .generic-search .serial-number-input {
    width: 100%;
  }
  .iiot-banner .generic-search .submit-button {
    width: 100%;
    float: none;
  }
}

@media (max-width: 659px) {
  .iiot-banner {
    width: calc(100% + 40px);
    overflow: hidden;
    margin-left: -20px;
    position: relative;
  }
  .iiot-banner .generic-banner-text {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .iiot-banner .generic-search {
    margin-bottom: 20px;
  }
  .iiot-banner .generic-banner-img {
    width: auto !important;
    height: 100% !important;
    overflow: hidden !important;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (min-width: 660px) and (max-width: 991px){
  .iiot-banner {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  
  .iiot-banner .generic-banner-img {
    margin-left: -15px;
    width: calc(100% + 30px) !important;
    height: fit-content !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .iiot-banner .generic-banner-img {
    width: 100%;
  }
}

.cadrefinepanel {
  width: 185px;
  top: -77px;
  right: calc(100% + 15px);
  margin: 0 auto;
  position: absolute;
}

.cadrefinetooltoggle {
  max-width: 185px;
  width: 100%;
  line-height: 35px;
  position: relative;
  background: #27366d;
  overflow: visible!important;
}

.cadrefinetooltoggle a {
  padding: 10px;
  text-decoration: none!important;
  cursor: pointer;
  display: block;
  outline: 0;
  border: 0;
  color: #fff;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}

.cadrefinetooltoggle .refineOpen {
  color: #fff;
}

.cadrefinetooltoggle a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  bottom: 10px;
  margin-top: 8px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid #FFFFFF;
  transform: rotate(0);
  transition: all .4s;
}

.cadrefineOpen a:after {
    transform: rotate(90deg);
}

.cadrefinetool {
    position: absolute;
    top: 41px;
    max-width: 185px;
    width: 100%;
    overflow: hidden;
    padding: 0;
    background: #fff;
    z-index: 50;
    border: 1px solid #aaa;
    border-top: none;
}

.cadrefinetool .SearchHeading, .cadrefinetool .SearchHeading:active {
    display: block;
    margin: 10px 5px 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    color: #0C4E76!important;
    border-bottom: 1px solid #000;
    font-weight: 700;
}

.productCadGroup {
  padding: 5px;
}

/*#AU Home Page#*/
.au-tab-section {
    margin-bottom: 80px;
}

.ENAU .productGroupTab .productImage {margin: 15px;}

.ENAU .productGroupTab {
    height: auto;
}

.productGroupTab .productImage img {
    border: 1px solid #707070;
    width: 100%;
}

a.au-shop {
    font-family: Lato;
    background: #900;
    padding: 8px 13px;
    color: #fff;
    font-size: 17px;
}

.au-banner .promo.new-banner .teaser .overlay {
  padding-top: 10px; 
  left: 10%;
  right: 10%;
}

.au-banner .teaser h2,
.au-banner .teaser p{
  color: black;
}

.image-row img {
  padding: 0px 15px;
}

.about-section {
  margin: 20px 0px 65px 0px;
}

.about-section .copy {
  font-size: 16px;
  line-height: 24px;
}

.about-section h3,
.brand-section h3{
  font-size: 20px;
}

.brand-section:before {
  content: "";
  border-right: 50px solid black;
  position: relative;
  top: -35px;
  left: calc(50% - 25px);
  font-size: 5px;
}

.section {
  background-color: #fafafa;
}

.info-section-widget {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 10px 15px;
}

.info-section-widget .section {
  border: 1px solid #cccccc;
  margin: 0px 5px;
  border-bottom: 1px solid #dadada !important;
  padding: 10px 30px;
}

.info-section-widget img {
  max-width: 100%;
}

.info-section-widget .section p {
  font-size: 16px;
  line-height: 24px; 
  padding-top: 20px;
}

.info-section-widget .section .head:before {
  content: "";
  border-right: 50px solid black;
  position: relative;
  font-size: 5px;
}

.info-section-widget .section .head-middle:before {
  content: "";
  border-right: 50px solid black;
  position: relative;
  font-size: 5px;
}

.info-section-widget .section ul {
  padding-left: 15px;
}

.info-section-widget .section ul li {
  font-size: 16px;
  line-height: 24px;
}

#locationInfoSection h2, #locationInfoSection p, #locationInfoSection .head-middle {
  text-align: center;
}

#locationInfoSection .info-section-widget .section {
  text-align: center;
  padding-left: 0px;
}

#locationInfoSection .info-section-widget .section h2 {
  font-size: 32px;
  font-weight: bold;
}

#locationInfoSection .info-section-widget .section p {
  font-size: 20px; 
}

#locationInfoSection .info-section-widget .section li {
  font-size: 18px;
  line-height: 28px;
  text-align: left;
}

#locationInfoSection .info-section-widget .section ul {
  padding-left: 25%;
  padding-top: 25px;
  padding-right: 5%;
}

#locationInfoSection .info-section-widget .section .head-middle {
  padding: 15px; 0px;
}

#locationInfoSection .info-section-widget .section p {
  padding-top: 10px;
}

.ribbon-widget .ribbon-title {
  font-size: 24px;
  font-weight: bold;
}

.ribbon-widget .ribbon-copy {
  font-size: 20px;
  font-style: italic;
}

.ribbon-widget input {
  font-size: 18px;
  color: #ffffff;
  padding: 13px 30px;
  background-color: #4F91CD;
}

.ribbon-widget .ribbon-img {
  text-align: center;
}

#contact-ribbon .ribbon-widget {
  background-color: #e6e6e6;
  padding: 20px 0px;
  margin-bottom: -40px;
}

@media screen and (max-width: 768px) {
  #contact-ribbon .ribbon-widget {
    width: calc(100% + 40px);
    margin-left: -20px !important;
  }
}

.googlemap-au {
  height: 400px;
}

.map-area {
    margin-left: 15px;
    margin-top: 0px;
}

.au .innerNav {
  margin-top: 11px;
  font-size: 14px;
  width: 128%;
  margin-left: -5px;
  padding-bottom: 40px;
  color: #bd0120;
}
.au .innerNav a {
  margin: 0px;
  background-color: #cccccc;
  padding: 10px 3%;
}

.au .innerNav a:last-child {
  background-color: #4f91cd;
  color: white;
}

.au .innerNav a:first-child {
  background-color: #808080;
  color: white;
}

.productGroupTab {
    width: 25%;
    text-align: center;
    float: left;
    height: 210px;
    padding-bottom: 5px;
}

.productGroupTab .productImage {
    height: 90%;
}

.productGroupTab .productTitle {
    font-size: 18px;
    color: #02306b;
}

@media only screen and (min-width: 993px) {
  .about-section,
  .brand-section,
  #brandInfoSection,
  #locationInfoSection,
  .au-tab-section {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .configurator-new-layout .col-md-6 {
    float: left;
    width: 50%;
  }
  
  .ribbon-widget .col-md-2 {
    float: left;
    width: 16.66666667%;
  }
  
  .ribbon-widget .col-md-3 {
    float: left;
    width: 25%;
  }
  
  .ribbon-widget .col-md-7 {
    float: left;
    width: 58.33333333%;
  }
}

@media (max-width: 768px) {
  .info-section-widget {
    margin: 0 !important;
  }
  .info-section-widget .section {
    width: 100% !important;
    margin: 0px 0px 10px 0px;
    padding: 10px 15px;
  }
  .Rexnord-Industrial-Services .info-section-widget .section {
    padding: 0 10px;
  }
  .new-config-text .conf-btn-wrap {
    margin: 0px;
  }  
  
  .new-config-textarea {
    display: none;
  }
  
  .ribbon-widget {
    text-align: center;
  }
  
  .ribbon-widget input {
    margin-top: 10px;
  }
  
  #contact-ribbon {
    margin-bottom: 30px;
  }
  
  .brand-section:before {
    left: calc(50% - 25px);
  }
  
  .productGroupTab {
    width: 100%;
    padding-top: 5px;
  }
  
  .au-banner .promo.newbanner .teaser {
    position: unset;
  }
  
  .au-banner .promo.new-banner .teaser .overlay {
    background: unset;
    bottom: unset;
    border-bottom: unset;
    top: unset;
    width: 100%;
    left: 0px;
    margin-left: 10px;
  }
  
  .image-row img {
    width: 33%;
  }
  
  .au-banner .promo img.background {
    margin-left: -75%;
    overflow: hidden;
    height: 350px;
    width: 250%;
  }
  
  .au-banner .col-xs-12.promo.new-banner {
    width: calc(100% + 20px) !important;
    margin-left: -20px;
  }
  
  .au-banner .promo.new-banner .teaser h2 {
    font-size: 42px !important;
  }
  
  .au-banner .promo.new-banner .teaser p {
    font-size: 24px !important;
    line-height: 32px;
  }
  
  .image-row img {
    padding: 0px 5px;
  }
  
  .au-banner .promo.new-banner .teaser {
    margin-bottom: 0px;
  }
  
}

/*# Expo #*/
.expo-banner .generic-banner .generic-banner-text {
  z-index: 1;
  position: absolute;
  margin-top: 55px;
}

.expo-banner .generic-banner .generic-banner-title {
  font-size: 42px;
}

.expo-banner .generic-banner .generic-banner-img {
  width: 100%;
  height: auto;
  position: relative;
}

.expo-body {
  font-size: 16px;
  line-height: 26px;
  color: #333;
  padding-top: 10px;
}

.expo-body img {
  padding: 0px 10px 10px 10px;
  float: right;
}

@media (max-width: 768px) {
  .expo-banner .generic-banner .generic-banner-text {
    margin-top: 15%;
    margin-left: -15px;
  }
  
  .expo-body img {
    display: unset !important;
    margin-top: 10%;    
    width: 70%;
  }
}

/*# Expo/CECA and GEAP Exchange #*/
.geaps-2020 .product-options,
.ceca-2020 .product-options {
    list-style: none;
}

.geaps-2020 .product-options li h3,
.ceca-2020 .product-options li h3 {
    font-weight: bold;
}

.geaps-2020 .product-options li ul,
.ceca-2020 .product-options li ul {
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin-top: 15px;
}

.geaps-2020 .product-options li ul li,
.ceca-2020 .product-options li ul li {
    min-width: 165px;
}

/*# Expo/IBIE and Pack 2019 #*/
.geaps-2020 .expo-three,
.ceca-2020 .expo-three,
.ippe-2020 .expo-three,
.IBIE-2019 .expo-three,
.Pack-EXPO-2019 .expo-three {
    display: flex;
    flex-flow: row wrap;
}

.geaps-2020 .expo-three .expo_item,
.ceca-2020 .expo-three .expo_item,
.ippe-2020 .expo-three .expo_item,
.IBIE-2019 .expo-three .expo_item,
.Pack-EXPO-2019 .expo-three .expo_item {
    width: calc((100% / 3) - 40px);
    margin: 20px;
}

.geaps-2020 .expo-three .expo_tiem .expo_item-title,
.ceca-2020 .expo-three .expo_item .expo_item-title,
.ippe-2020 .expo-three .expo_item .expo_item-title,
.IBIE-2019 .expo-three .expo_item .expo_item-title,
.Pack-EXPO-2019 .expo-three .expo_item .expo_item-title {
    text-align: center;
    color: white;
    background-color: rgb(11, 23, 91);
}

.geaps-2020 .expo-three .expo_item .expo_item-image img,
.ceca-2020 .expo-three .expo_item .expo_item-image img,
.ippe-2020 .expo-three .expo_item .expo_item-image img,
.IBIE-2019 .expo-three .expo_item .expo_item-image img,
.Pack-EXPO-2019 .expo-three .expo_item .expo_item-image img {
    width: 100%;
}

.geaps-2020 .expo-two,
.ceca-2020 .expo-two,
.ippe-2020 .expo-two,
.IBIE-2019 .expo-two,
.Pack-EXPO-2019 .expo-two {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.geaps-2020 .expo-two .expo_item,
.ceca-2020 .expo-two .expo_item,
.ippe-2020 .expo-two .expo_item,
.IBIE-2019 .expo-two .expo_item,
.Pack-EXPO-2019 .expo-two .expo_item {
    width: 45%;
}

@media screen and (max-width: 768px) {
    .geaps-2020 .expo-two,
    .ceca-2020 .expo-two,
    .ippe-2020 .expo-two,  
    .IBIE-2019 .expo-two,
    .Pack-EXPO-2019 .expo-two {
        display: flex;
        flex-flow: column;
    }
 
    .geaps-2020 .epo-two .expo_item,   
    .ceca-2020 .expo-two .expo_item,
    .ippe-2020 .expo-two .expo_item,
    .IBIE-2019 .expo-two .expo_item,
    .Pack-EXPO-2019 .expo-two .expo_item {
        width: 100%;
    }
  
    .geaps-2020 .expo-three,
    .ceca-2020 .expo-three,
    .ippe-2020 .expo-three,
    .IBIE-2019 .expo-three,
    .Pack-EXPO-2019 .expo-three {
      display: flex;
      flex-flow: column;
    }
  
    .geaps-2020 .expo-three .expo_item,
    .ceca-2020 .expo-three .expo_item,
    .ippe-2020 .expo-three .expo_item,
    .IBIE-2019 .expo-three .expo_item,
    .Pack-EXPO-2019 .expo-three .expo_item {
      width: 100%;
      margin: 20px;
    }
}


/*# Brochure Styles #*/
/*# If any of the styles below are conflicting with other styles, precede the style below with .brochure-page #*/
.brochure-page h2 {
  margin-bottom: 5px;
  font-size: 32px;
}

.block-separator:after {
    content: '';
    position: absolute;
    bottom: -30px;
    width: 50px;
    background: #333;
    height: 5px;
    display: block;
    left: calc(50% - 25px);
}
.block-separator--thin:after {
    width: 100%;
    background: #707070;
    height: 1px;
    left: 0;
}

.block-separator {
    position: relative;
    margin-bottom: 80px;
}

.brochure-page #overview {
    max-width: 725px;
    margin: 80px auto;
}

/* Smart Tab Brochure page menu overrides */ 
.prependhere.menu1List li .dmui-submenu li a {
  border-top: none;
  border-bottom: none;
}
.prependhere.menu1List li .dmui-submenu li:last-child a {
  border-bottom: 1px solid #24376d;
}
/*@media only screen and (min-width: 769px) {
  .menu_container .menu1List li:nth-of-type(6) .dmui_dropdown_block {
    border: none;
    top: 45px;
  }
}*/
@media only screen and (max-width: 768px) {
  .menu_container.navy ul.dmui-submenu {
    background: none;
  }
  .prependhere.menu1List li.mobileOpen ul.dmui-submenu.menu-shown a {
    border: none;
    height: 24px;
  }
}

/*# Brochure Styles/Banner Overrides #*/
.Smart-Tags .new-banner .teaser .overlay-text {
    width: 75%;
    text-align: center;
    margin-top: 25px;
}
.Smart-Tags .new-banner .teaser .overlay-image {
    width: calc(25% - 20px);
}
.Smart-Tags .new-banner .teaser h2 {
  font-size: 56px !important;
}
.Smart-Tags .new-banner .teaser .overlay-copy {
  font-size: 26px;
}
.Smart-Tags .promo.new-banner .teaser .overlay {
  left: 10%;
  right: 10%;
}
@media screen and (max-width: 768px) {
  .Smart-Tags div.headTarget > div > div.col-xs-12.promo {
    display: block;
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0;
  }
  .Smart-Tags .promo.new-banner .teaser .overlay {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    border-bottom: none;
    text-align: center;
  }
  .Smart-Tags .promo img.background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: auto;
  }
  .Smart-Tags .promo.new-banner .teaser {
    margin-bottom: 0;
  }
  .Smart-Tags .new-banner .teaser .overlay-image {
    margin: 20px 15px;
    width: calc(25% - 35px)
  }
  .Smart-Tags .overview-button-area {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 570px) {
  .Smart-Tags .new-banner .teaser .overlay-image {
    display: none;
  }
  .Smart-Tags .new-banner .teaser .overlay-text {
    width: auto;
  }
  .Smart-Tags .new-banner .teaser .overlay-headline {
    font-size: 36px !important;
  }
  .Smart-Tags .new-banner .teaser .overlay-copy {
    font-size: 20px;
  }
}

/*# Brochure Styles/Features Block #*/
.feature-block-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.feature-block:nth-of-type(2n + 1) {
    margin-right: 6px;
}
.feature-block:nth-of-type(2n) {
    margin-left: 6px;
}
.feature-block {
    display: inline-block;
    width: calc(50% - 10px);
    background: #eee;
    padding: 25px;
    margin-bottom: 6px;
    margin-top: 6px;
    vertical-align: top;
}
#Features .button {
  margin-top: 10px;
}
.featblock-img {
    display: inline-block;
    width: 100px;
    vertical-align: top;
}
.featblock-img img {
    max-width: 100%;
    height: auto !important;
}
.featblock-copy {
    display: inline-block;
    width: calc(100% - 105px);
    padding-left: 10px;
}
.featblock-copy ul {
    padding-left: 15px;
    font-size: 16px;
    line-height: 24px;
}
.featblock-copy ul li {
    text-align: left;
}
.featblock-copy .block-separator {
    margin-bottom: 50px;
}
.featblock-copy h3 {
    font-size: 24px;
}
.featblock-copy .block-separator:after {
    bottom: -25px;
    left: 0;
    background: #bd0120;
}
@media screen and (max-width: 768px) {
  .feature-block:nth-of-type(2n + 1) {
      margin-right: unset;
  }
  .feature-block:nth-of-type(2n) {
      margin-left: unset;
  }  
  .feature-block {
    display: block;
    width: 100%;
    margin: 10px 0;
    text-align: center;
  }
  .featblock-copy .block-separator:after {
    left: calc(50% - 25px);
  }
  .featblock-img {
    width: auto;
    display: block;
  }
  .featblock-copy {
    width: auto;
    display: block;
    padding: 0;
  }
  #Features .button {
    text-align: center;
  }
}

/*# Brochure Styles/Register Steps #*/
#HowToRegister {
    margin-top: 50px;
    text-align: center;
}
.reg-prod-head {
    margin-bottom: 20px;
}
.reg-prod-head h3 {
  font-size: 20px;
  padding-bottom: 10px;
}
.register-blocks.reg-prod-body {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.reg-block {
    display: inline-block;
    background: #eee;
    width: calc(33% - 6px);
    margin-right: 6px;
    text-align: center;
    padding: 10px 10px 180px;
    vertical-align: top;
    position: relative;
}
h6.step {
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    color: #27366d;
    text-align: center;
}
.reg-block.block-3 {
    margin-right: 0;
}
.block-1 p:first-of-type,
.block-2 p:first-of-type,
.block-3 p:nth-of-type(2) {
  font-size: 18px;
  font-weight: bold;
}
.block-3 p:nth-of-type(2) {
  text-transform: uppercase;
}
.block-1 .step-img {
  position: absolute;
  bottom: 0;
  right: calc(50% - 53px);
}
.block-3 .step-img {
  position: absolute;
  bottom: 0;
  right: calc(50% - 83px);
}
.block-2 .step-img {
  position: absolute;
  right: 0;
  bottom: 60px;
}
.reg-prod-foot {
    text-align: center;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .reg-block {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
  .block-2 {
    padding-bottom: 160px;
  }
  .block-2 .step-img {
    bottom: 15px;
  }
  .block-3 {
    padding-bottom: 200px;
  }
  .reg-block:after {
    display: none;
  }
}

/*# Video Section Responsive Styles #*/
.selected-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.selected-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*# Brochure Styles/Video #*/
.video-wrapper {
    text-align: center;
}
.selected-video {
    margin-top: 30px;
}.video-wrapper .video {
    width: 18%;
    margin: 20px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.video-wrapper .video img {
    width: 100%;
}

.playing-overlay {
    display: none;
    position: absolute;
    top: 32%;
    left: 25%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    width: 50%;
    height: 50%;
}

.selected-video-tab .playing-overlay {
    display: block;
}

.selected-video-tab img {
    opacity: .6;
}

.video-wrapper .video-title {
    float: left;
    width: 100%;
    color: #bd0120;
    margin-top: 10px;
}

.video-wrapper .selected-video-title {
    font-weight: bold;
}

.real-selected-overlay {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: #222;
}

@media screen and (max-width: 768px) {
  .video-wrapper .video {
    width: 60%;
    max-width: 250px;
    margin: 20px;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-bottom: none !important;
  }
}

/*# Brochure Styles/Products section #*/
.brochure-page #Products,
.brochure-page .st-products {
  margin: 50px auto;
}
.brochure-page #Products h2,
.brochure-page .st-products h2 {
  text-align: center;
  padding-bottom: 30px;
}
.product-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.product {
    flex-basis: auto;
    width: 25%;
    max-width: 275px;
    min-width: 200px;
    text-align: center;
}
@media screen and (max-width: 768px) {
  .product-list {
    justify-content: center;
  }
}

/*#Simple Items#*/
.simple-item img {
  width: 100%;
}

.simple-item {
  width: 25%;
}

.accessories {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

/*#Expert Knowledge Library#*/
/*#Expert Knowledge Library/Banner#*/
.ExpertKnowledgeLibrary .caption {
    margin-top: 30px;
}

@media (max-width: 768px) {
  .ekl-banner .generic-banner-img {
    width: calc(100% + 50px) !important;
  }
  
  .contentcontainer .ekl-banner {
    margin-left: -20px !important;
  }
  
  .generic-banner-undertext {
    display: none;
  }
}
.generic-banner-undertext a {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}

.ekl-banner .generic-banner-text {
	position: absolute;
	z-index: 1;
	margin-top: 35px;
}

.ekl-banner p {
  font-size: 18px;
}

.ekl-banner .generic-banner-title {
  margin-bottom: 10px !important;
}

.ekl-banner .cad-search-textbox {
  border: none;
  height: 50px;
}

.ekl-banner .cad-search-button {
  height: 50px;
  margin-left: -50px;
  padding: 13px;
}

.ekl-banner .generic-banner-img {
	position: relative;
	height: auto;
	width: 100%;
}

.generic-search .watermark-text {
	font-size: 18px;
	color: #979797;
  padding: 0.13em;
  padding-left: 10px;
}

@media (max-width: 375px) {
   .ekl-banner .cad-search-textbox {
        padding-left: 5px;
        width: 90%;
        font-size: 15px;
    }
}

/*#Expert Knowledge Library/TypeFilter#*/
.tfb-parent {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  margin-top: 10px;
}

.tfb-copy-item {
  padding-left: 8px;
  padding-right: 8px;
}

.tfb-parent {
  border-bottom: solid #d5d5d5 0.1em;
  padding-bottom: 10px;
}

.tfb-item {
  background-color: #f6f6f6;
  border: #d5d5d5 solid 1px;
  text-align: center;
  flex-grow: 1;
  min-height: 105px;
  position: relative;
  cursor: pointer;
}

.tfb-item:first-child {
  margin-left: 0px;
}

.tfb-item:last-child {
  margin-right: 0px;
}

.tfb-icon {
  width: 60px;
  margin-top: 10px;
}

.tfb-icon-selected {
  width: 60px;
  margin-top: 10px;
  display: none;
}

.tfb-title {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  margin-top: 8px;
  line-height: 16px;
}

.tfb-copy {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  display: none;
}

.tfb-copy-container {
  display: flex;
  align-items: center;
  height: 100%;
}

.tfb-1 {
  width: 100%;
}

.tfb-2 {
  width: 50%;
}

.tfb-3 {
  width: 33.33333%;
}

.tfb-4 {
  width: 25%;
}

.tfb-5 {
  width: 20%;
}

.tfb-6 {
  width: 16.66666%;
}

.tfb-7 {
  width: 14.28571%;
}

.tfb-8 {
  width: 12.5%;
}

/*#Expert Knowledge Library/TypeFilter/Desktop#*/
@media (min-width: 759px) {
  .tfb-btn {
    display: none;
  }
  
  .tfb-parent {
    width: calc(100% - 70px);
    margin-left: 35px;
    flex-flow: row nowrap;
  }  
  
  .tfb-item {
    margin: 0px 5px;
  }

  .tfb-item:hover .tfb-copy {
    display: unset;
  }
  *::-ms-backdrop, .tfb-item:hover .tfb-copy { 
    display: block;
    height: 100%;
  }
  
  .tfb-item:hover {
    background-color: #640003;
  }
  
  .tfb-item:hover .tfb-icon-selected,
  .tfb-item:hover .tfb-icon {
    display: none !important;
  }
  
  .tfb-item:hover .tfb-title {
    display: none;
  }
  
  .gloFilter .tfb-parent {
    border-bottom: none;
  }
}

/*#Expert Knowledge Library/TypeFilter/Mobile#*/
@media (max-width: 768px) { 
  .gloFilter .tfb-parent {
    border-left: 2px solid #bd0120;
    border-bottom: 2px solid #bd0120;
    border-right: 2px solid #bd0120;
  }
    
  .tfb-btn {
    display: none;
  }
  
  .tfb-span {
    position: relative;
  }
  
  .tfb-btn .tfb-span:after {
    content: "";
    display: block;
    background: #bd0120;
    border-top: 5px solid transparent;
    border-right: 5px solid white;
    border-left: 5px solid white;
    border-bottom: 5px solid white;
    position: absolute;
    transform: rotate(0);
    transition: all .4s;
    top: 5px;
    right: -15px;
  }
  
  .tfb-btn .tfb-close.tfb-span:after {
    transform: rotate(-90deg);
  }
  
  .tfb-btn {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    border: 2px solid #bd0120;
    margin-top: 10px;
    padding: 10px;
    color: #bd0120;
  }
  
  .tfb-btn .tfb-hide {
    display: unset;
  }
  
  .tfb-btn .tfb-show {
    display: none;
  }
  
  .tfb-btn.tfb-close .tfb-hide {
    display: none;
  }
  
  .tfb-btn.tfb-close .tfb-show {
    display: unset;
  }
  
  .tfb-parent {
    width: 100%;
    flex-flow: column nowrap;
    border-left: 2px solid #bd0120;
    border-bottom: 2px solid #bd0120;
    border-right: 2px solid #bd0120;
    margin-top: 0px;
  }
  
  .tfb-item {
    width: 96%;
    margin: 0 auto;
    border-top: 2px solid #bd0120;
    border-left: none;
    border-right: none;
    border-bottom: none;
    min-height: unset;
    background: white;
  }
  
  .tfb-icon {
    display: none;
  }
  
  .tfb-item:first-child {
    margin: 0 auto;
    border-top: none;
  }
  
  .tfb-item:last-child {
    margin: 0 auto;
  }
  
  .tfb-title {
    color: #bd0120;
  }
}

/*#Expert Knowledge Library/DropdownFilter#*/
.dd-list select {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  padding: 5px;
  padding-right: 30px;
  margin-right: 5px;
  margin-top: 10px;
  width: 20% !important;
}

.dd-list {
  display: flex;
}

/*#Expert Knowledge Library/DropdownFilter/Desktop#*/
@media (min-width: 769px) {
  .fdd {
    margin-left: 35px;
    width: calc(100% - 70px);
    margin-top: 30px;
  }
}

/*#Expert Knowledge Library/DropdownFilter/Mobile#*/
@media (max-width: 768px) {
  .fdd {
    width: 100%;
    margin-top: 15px;
  }
  
  .dd-list select {
    width: 50% !important;
  }
}    

/*#Expert Knowledge Library/Results#*/
/*#Expert Knowledge Library/Results/Mobile#*/
@media (max-width: 768px) {
  .ekl-result-item {
    width: calc(50% - 10px);
    margin: 5px;
  }
  
  .ekl-results {
    width: 100%;
  }
  
  .ekl-result-item:nth-child(odd) {
    margin-left: 0px;
  }
  
  .ekl-result-item:nth-child(even) {
    margin-right: 0px;
  }
}

/*#Expert Knowledge Library/Results/Desktop#*/
@media (min-width: 769px) {
  .ekl-results {
	width: calc(100% - 70px);
    margin-left: 35px;
  }
  
  .ekl-result-item {
    width: calc(25% - 16px);
    margin: 8px;
  }
  
  .ekl-result-item:nth-child(4n+1) {
    margin-left: 0px;
  }
  
  .ekl-result-item:nth-child(4n+4) {
    margin-right: 0px;
  }
}

.ekl-results {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-flow: row wrap;
}

.ekl-result-img {
  position: relative;
  border-left: unset !important;
}

.ekl-result-img img {
  width: 100% !important;
  height: unset !important;
}

.ekl-result-img span {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 50px;
}

.ekl-result-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

.ekl-result-subtext {
  font-size: 14px;
  color: #333;
}

.ekl-result-subtext .ekl-type {
  font-weight: bold;
}

/*#Expert Knowledge Library/Ribbon#*/
/*#Expert Knowledge Library/Ribbon/Mobile#*/
@media (max-width: 768px) {
  .ekl .ribbon-widget {
    display: none;
  }
}

.ekl .ribbon-widget {
  margin-left: 35px;
  width: calc(100% - 70px);
}

.ribbon-group {
  position: absolute;
  z-index: 1;
  margin-top: 0px;
  margin-left: 0px;
  width: 100%;
}

.ekl .ribbon-copy {
  padding-top: 20px;
}

.ekl .ribbon-copy .head {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  color: #fff;
}

.ekl .ribbon-copy .body {
  font-size: 20px;
  font-style: italic;
  color: #fff;
}

.ekl .ribbon-btn {
  padding-top: 30px;
}

.ekl .ribbon-btn input {
  border: #fff solid;
}

.ekl img {
  position: relative;
  height: auto;
  width: 100%;
}

.fdd-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.fdd-title a {
  font-size: 11px;
}

/*# Overview with slideshow #*/
.overslide-wrapper {
    margin-top: 50px;
}
.overslide-wrapper .overview {
    width: calc(100% - 360px);
    display: inline-block;
    margin: 0 20px 0 0;
    margin-right: 20px;
}
.overview h2 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
}
.overview h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.overview p {
    font-size: 16px;
    line-height: 26px;
}
.slideshow {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 336px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.slideshow img {
    max-width: 100%;
}
.slide {
    display: none;
}
.slide.selected {
    position: relative;
    display: inline-block;
    z-index: 8
}
.slide.holder {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5
}
.slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    color: #fff;
    padding: 4px;
    text-align: left;
}
.slide-selector {
  position: relative;
  border-radius: 50%;
  border: 1px solid #aaa;
  height: 10px;
  width: 10px;
  display: inline-block;
  margin: 0 2px;
  cursor: pointer;
}
.slide-selector.selected div {
  position:absolute;
  border-radius: 50%;
  background: #aaa;
  top: 1px;
  left: 1px;
  height: 6px;
  width: 6px;
}
@media screen and (max-width: 768px) {
  .overslide-wrapper .overview {
    width: auto;
    display: block;
  }
  .slideshow {
    display: block;
  }
}

/*# Hotspot #*/
.hs-mob {
  display: none;
}
.hotspot-map {
  text-align: center;
}
.hotspot-image-wrap {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.hotspot-image-wrap img {
  max-width: 100%;
}
.hotspot {
  border: 3px solid white;
  padding: 2px;
  border-radius: 50%;
  background: #02306b;
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  z-index: 9;
}
.hotspot-text {
  display: none;
  z-index: 101;
  position: absolute;
  background: #fff;
  border: 2px solid #333;
  padding: 5px;
  position: absolute;
}
.hotspot:hover .hotspot-text {
  display: block;
}
.hotspot-text:before,
.hotspot-text:after {
  content: '';
  display: block;
  position: absolute;
}
.mob-hotspot-text {
  display: none;
}

@media screen and (max-width: 768px) {
  .hotspot:hover .hotspot-text {
    display: none;
  }
  .hotspot.selected {
    background: #367c2b;
  }
  .hotspot-map .mob-hotspot-text {
    display: none;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto;
  }
  .mob-hotspot-text.shown {
    display: block;
  }
  .hs-mbl {
    display: block;
  }
  .hs-dktp {
    display: none;
  }
}

/*# HotSpot/Omega Coupling #*/
.omega-coupling-hotspot .hotspot-0 {
    bottom: 55%;
    left: 48%;
}

.omega-coupling-hotspot .hotspot-0 .hotspot-text {
    width: 300px;
    top: 24px;
    right: 6px;
}

.omega-coupling-hotspot .hotspot-0 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.omega-coupling-hotspot .hotspot-0 .hotspot-text:after {
    top: -14px;
    right: 0px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.omega-coupling-hotspot .hotspot-1 {
    top: 14%;
    left: 45%;
}

.omega-coupling-hotspot .hotspot-1 .hotspot-text {
    width: 300px;
    bottom: 24px;
    right: 6px;
}

.omega-coupling-hotspot .hotspot-1 .hotspot-text:before {
    bottom: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-top: 20px solid black;
}

.omega-coupling-hotspot .hotspot-1 .hotspot-text:after {
    bottom: -14px;
    right: 0px;
    border-left: 15px solid transparent;
    border-top: 15px solid white;
}

.omega-coupling-hotspot .hotspot-2 {
    bottom: 25%;
    left: 29%;
}

.omega-coupling-hotspot .hotspot-2 .hotspot-text {
    width: 300px;
    top: 24px;
    right: 6px;
}

.omega-coupling-hotspot .hotspot-2 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.omega-coupling-hotspot .hotspot-2 .hotspot-text:after {
    top: -14px;
    right: 0px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.omega-coupling-hotspot .hotspot-3 {
    bottom: 15%;
    right: 56%;
}

.omega-coupling-hotspot .hotspot-3 .hotspot-text {
    width: 300px;
    top: 24px;
    left: 6px;
}

.omega-coupling-hotspot .hotspot-3 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.omega-coupling-hotspot .hotspot-3 .hotspot-text:after {
    top: -14px;
    left: 0px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.omega-coupling-hotspot .hotspot-4 {
    bottom: 24%;
    right: 40%;
}

.omega-coupling-hotspot .hotspot-4 .hotspot-text {
    width: 300px;
    top: 24px;
    left: 6px;
}

.omega-coupling-hotspot .hotspot-4 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.omega-coupling-hotspot .hotspot-4 .hotspot-text:after {
    top: -14px;
    left: 0px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.omega-coupling-hotspot .hotspot-5 {
    top: 38%;
    right: 42%;
}

.omega-coupling-hotspot .hotspot-5 .hotspot-text {
    width: 300px;
    top: 24px;
    left: 6px;
}

.omega-coupling-hotspot .hotspot-5 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.omega-coupling-hotspot .hotspot-5 .hotspot-text:after {
    top: -14px;
    left: 0px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.omega-coupling-hotspot .hotspot-7 {
    top: 10%;
    right: 10%;
}

.omega-coupling-hotspot .hotspot-7 .hotspot-text {
    width: 300px;
    top: 24px;
    right: 6px;
}

.omega-coupling-hotspot .hotspot-7 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.omega-coupling-hotspot .hotspot-7 .hotspot-text:after {
    top: -14px;
    right: 0px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.omega-coupling-hotspot .hotspot-6 {
    top: 20%;
    left: 18%;
}

.omega-coupling-hotspot .hotspot-6 .hotspot-text {
    width: 300px;
    top: 24px;
    left: 6px;
}

.omega-coupling-hotspot .hotspot-6 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.omega-coupling-hotspot .hotspot-6 .hotspot-text:after {
    top: -14px;
    left: 0px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/RIS Gear Drive Locs #*/
.hs-gear-drive .hotspot-0 {
  left: 33%;
  top: 66%;
}
.hs-gear-drive .hotspot-0 .hotspot-text {
  width: 300px;
  bottom: 24px;
  left: 6px;
}
.hs-gear-drive .hotspot-0 .hotspot-text:after {
  bottom: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
}
.hs-gear-drive .hotspot-0 .hotspot-text:before {
  bottom: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-top: 20px solid black;
}
.hs-gear-drive .hotspot-1 {
  left: 16%;
  top: 42%;
}
.hs-gear-drive .hotspot-1 .hotspot-text {
  width: 250px;
  top: 24px;
  left: 6px;
}
.hs-gear-drive .hotspot-1 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-gear-drive .hotspot-1 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}
.hs-gear-drive .hotspot-2 {
  left: 36%;
  top: 34%;
}
.hs-gear-drive .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px;
}
.hs-gear-drive .hotspot-2 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-gear-drive .hotspot-2 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}
.hs-gear-drive .hotspot-3 {
  left: 77%;
  top: 71%;
}
.hs-gear-drive .hotspot-3 .hotspot-text {
  width: 300px;
  bottom: 24px;
  right: 6px;
}
.hs-gear-drive .hotspot-3 .hotspot-text:after {
  bottom: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-top: 15px solid white;
}
.hs-gear-drive .hotspot-3 .hotspot-text:before {
  bottom: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-top: 20px solid black;
}
.hs-gear-drive .hotspot-4 {
  left: 63%;
  top: 19%;
}
.hs-gear-drive .hotspot-4 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px;
}
.hs-gear-drive .hotspot-4 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-gear-drive .hotspot-4 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}
.hs-gear-drive .hotspot-5 {
  left: 46%;
  top: 33%;
}
.hs-gear-drive .hotspot-5 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}
.hs-gear-drive .hotspot-5 .hotspot-text:after {
  top: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-gear-drive .hotspot-5 .hotspot-text:before {
  top: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-bottom: 20px solid black;
}
.hs-gear-drive .hotspot-6 {
  left: 44%;
  top: 15%;
}
.hs-gear-drive .hotspot-6 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px;
}
.hs-gear-drive .hotspot-6 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-gear-drive .hotspot-6 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}
/*# Hotspot/RIS Drive Shaft Locs #*/
.hs-drive-shaft .hotspot-0 {
  left: 5%;
  top: 23%;
}
.hs-drive-shaft .hotspot-0 .hotspot-text {
  width: 300px;
  bottom: 24px;
  left: 6px;
}
.hs-drive-shaft .hotspot-0 .hotspot-text:after {
  bottom: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
}
.hs-drive-shaft .hotspot-0 .hotspot-text:before {
  bottom: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-top: 20px solid black;
}
.hs-drive-shaft .hotspot-1 {
  left: 10%;
  top: 48%;
}
.hs-drive-shaft .hotspot-1 .hotspot-text {
  width: 250px;
  top: 24px;
  left: 6px;
}
.hs-drive-shaft .hotspot-1 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-drive-shaft .hotspot-1 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}
.hs-drive-shaft .hotspot-2 {
  left: 27%;
  top: 50%;
}
.hs-drive-shaft .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px;
}
.hs-drive-shaft .hotspot-2 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-drive-shaft .hotspot-2 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}
.hs-drive-shaft .hotspot-3 {
  left: 23%;
  top: 28%;
}
.hs-drive-shaft .hotspot-3 .hotspot-text {
  width: 300px;
  bottom: 24px;
  left: 6px;
}
.hs-drive-shaft .hotspot-3 .hotspot-text:after {
  bottom: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
}
.hs-drive-shaft .hotspot-3 .hotspot-text:before {
  bottom: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-top: 20px solid black;
}
.hs-drive-shaft .hotspot-4 {
  left: 58%;
  top: 49%;
}
.hs-drive-shaft .hotspot-4 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}
.hs-drive-shaft .hotspot-4 .hotspot-text:after {
  top: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-drive-shaft .hotspot-4 .hotspot-text:before {
  top: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-bottom: 20px solid black;
}
.hs-drive-shaft .hotspot-5 {
  left: 80%;
  top: 55%;
}
.hs-drive-shaft .hotspot-5 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}
.hs-drive-shaft .hotspot-5 .hotspot-text:after {
  top: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-drive-shaft .hotspot-5 .hotspot-text:before {
  top: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-bottom: 20px solid black;
}
.hs-drive-shaft .hotspot-6 {
  left: 84%;
  top: 77%;
}
.hs-drive-shaft .hotspot-6 .hotspot-text {
  width: 300px;
  bottom: 24px;
  right: 6px;
}
.hs-drive-shaft .hotspot-6 .hotspot-text:after {
  bottom: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-top: 15px solid white;
}
.hs-drive-shaft .hotspot-6 .hotspot-text:before {
  bottom: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-top: 20px solid black;
}
.hs-drive-shaft .hotspot-7 {
    top: 38%;
    left: 45%;
}
.hs-drive-shaft .hotspot-7 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px;
}
.hs-drive-shaft .hotspot-7 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.hs-drive-shaft .hotspot-7 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}

/*# Hotspot/CentaFlex-a #*/
.centaflex-a .hotspot-0 {
    right: 27%;
    bottom: 25%;
}

.centaflex-a .hotspot-0 .hotspot-text {
    width: 300px;
    bottom: 24px;
    right: 6px;
}

.centaflex-a .hotspot-0 .hotspot-text:after {
  bottom: -14px;
  right: 0px;
  border-left: 15px solid transparent;
  border-top: 15px solid white;
}
.centaflex-a .hotspot-0 .hotspot-text:before {
  bottom: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-top: 20px solid black;
}

.centaflex-a .hotspot-1 {
    left: 41%;
    top: 19%;
}

.centaflex-a .hotspot-1 .hotspot-text {
    width: 300px;
    top: 24px;
    left: 6px;
}

.centaflex-a .hotspot-1 .hotspot-text:after {
  top: -14px;
  left: 0px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.centaflex-a .hotspot-1 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}

.centaflex-a .hotspot-2 {
    right: 29%;
    bottom: 50%;
}

.centaflex-a .hotspot-2 .hotspot-text {
    width: 300px;
    bottom: 24px;
    right: 6px;
}

.centaflex-a .hotspot-2 .hotspot-text:after {
  bottom: -14px;
  right: 0px;
  border-left: 15px solid transparent;
  border-top: 15px solid white;
}
.centaflex-a .hotspot-2 .hotspot-text:before {
  bottom: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-top: 20px solid black;
}

.centaflex-a .hotspot-3 {
    left: 32%;
    bottom: 49%;
}

.centaflex-a .hotspot-3 .hotspot-text {
    width: 300px;
    top: 24px;
    left: 6px;
}

.centaflex-a .hotspot-3 .hotspot-text:after {
  top: -14px;
  left: 0px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}
.centaflex-a .hotspot-3 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}

/*# Hotspot/Smart V-Class Gear #*/
@media (max-width: 768px) {
  .vclass.hotspot-map .mob-hotspot-text {
    display: block;
  }
  
  .vclass.hotspot-map .hotspot-3.mob-hotspot-text {
    margin-bottom: 30px;
  }
  
  .vclass.hotspot-map .mob-hotspot-text ul {
    width: 120px;
    display: table;
    margin-left: calc((100% / 2) - (120px / 2));
  }
  
  .contentcontainer .sg {
    width: 100% !important;
    margin-left: 0 !important;
  }
  
  .contentcontainer .sg .info-section-widget.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    padding-right: 0;
  }
  
  .sg#contact-expert {
    padding: 0;
  }

  .sg-bottom-section .sgb-item {
    width: 100%;
  }

  .sgb.buttonArea {
    display: flex;
    flex-flow: row wrap;
  }

  .sgb a {
    width: 100%;
  }

  .sgb.buttonArea a.form-border-button {
    margin-left: 0;
    margin-top: 10px;
  }
  .sg .video-wrapper iframe {
    width: 100% !important;
    height: 100% !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .vclass .hotspot .hotspot-text {
    display: block;
  }
}

.vclass .hotspot-0,
  .vclass .hotspot-1,
  .vclass .hotspot-2,
  .vclass .hotspot-3 {
    background: transparent;
    border: none;
  }

.vclass .hotspot-0 {
  right: 34%;
  top: 11%;
}

.vclass .hotspot-0 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}

.vclass .hotspot-0 .hotspot-text {
  width: 150px;
  top: 24px;
  left: 6px;
}

.vclass .hotspot-0 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}

.vclass .hotspot-1 {
  left: 25%;
  top: 25%;
}

.vclass .hotspot-1 .hotspot-text:before {
  bottom: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-top: 20px solid black;
}

.vclass .hotspot-1 .hotspot-text {
  width: 150px;
  bottom: 24px;
  right: 6px;
}

.vclass .hotspot-1 .hotspot-text:after {
  bottom: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-top: 15px solid white;
}

.vclass .hotspot-2 {
  left: 78%;
  top: 51%;
}

.vclass .hotspot-2 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}

.vclass .hotspot-2 .hotspot-text {
  width: 150px;
  top: 24px;
  left: 6px;
}

.vclass .hotspot-2 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}

.vclass .hotspot-3 {
  left: 30%;
  top: 65%;
}

.vclass .hotspot-3 .hotspot-text:before {
  top: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-bottom: 20px solid black;
}

.vclass .hotspot-3 .hotspot-text {
  width: 200px;
  top: 24px;
  right: 6px;
}

.vclass .hotspot-text ul {
    text-align: left;
}

.vclass .hotspot-3 .hotspot-text:after {
  top: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid white;
}

.vclass .hotspot-4 {
  left: 65%;
  top: 77%;
}

.vclass .hotspot-4 .hotspot-text:before {
  bottom: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-top: 20px solid black;
}

.vclass .hotspot-4 .hotspot-text {
  width: 300px;
  bottom: 24px;
  right: 6px;
}

.vclass .hotspot-4 .hotspot-text:after {
  bottom: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-top: 15px solid white;
}

.vclass .hotspot-5 {
  left: 25%;
  top: 54%;
}

.vclass .hotspot-5 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}

.vclass .hotspot-5 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px;
}

.vclass .hotspot-5 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}

/*# Hotspot/Autogard XG #*/
.autogard-hs .hotspot-0 {
  left: 36%;
  top: 21%;
}
.autogard-hs .hotspot-0 .hotspot-text:before {
  top: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}
.autogard-hs .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px;
}
.autogard-hs .hotspot-0 .hotspot-text:after {
  top: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid white;
}

.autogard-hs .hotspot-1 {
  left: 98%;
  top: 50%;
}
.autogard-hs .hotspot-1 .hotspot-text:before {
  bottom: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-top: 20px solid black;
}
.autogard-hs .hotspot-1 .hotspot-text {
  width: 300px;
  bottom: 24px;
  right: 6px;
}
.autogard-hs .hotspot-1 .hotspot-text:after {
  bottom: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-top: 15px solid white;
}

.autogard-hs .hotspot-2 {
  left: 37%;
  top: 67%;
}
.autogard-hs .hotspot-2 .hotspot-text:before {
  bottom: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-top: 20px solid black;
}
.autogard-hs .hotspot-2 .hotspot-text {
  width: 300px;
  bottom: 24px;
  left: 6px;
}
.autogard-hs .hotspot-2 .hotspot-text:after {
  bottom: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
}

.autogard-hs .hotspot-3 {
  left: 37%;
  top: 79%;
}
.autogard-hs .hotspot-3 .hotspot-text:before {
  bottom: -20px;
  left: -2px;
  border-right: 20px solid transparent;
  border-top: 20px solid black;
}
.autogard-hs .hotspot-3 .hotspot-text {
  width: 300px;
  bottom: 24px;
  left: 6px;
}
.autogard-hs .hotspot-3 .hotspot-text:after {
  bottom: -14px;
  left: .5px;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
}

.autogard-hs .hotspot-4 {
  left: 69%;
  top: 21%;
}
.autogard-hs .hotspot-4 .hotspot-text:before {
  top: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-bottom: 20px solid black;
}
.autogard-hs .hotspot-4 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}
.autogard-hs .hotspot-4 .hotspot-text:after {
  top: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid white;
}

.autogard-hs .hotspot-5 {
  left: 63%;
  top: 87%;
}
.autogard-hs .hotspot-5 .hotspot-text:before {
  bottom: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-top: 20px solid black;
}
.autogard-hs .hotspot-5 .hotspot-text {
  width: 300px;
  bottom: 24px;
  right: 6px;
}
.autogard-hs .hotspot-5 .hotspot-text:after {
  bottom: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-top: 15px solid white;
}

.autogard-hs .hotspot-6 {
  left: 60%;
  top: 95%;
}
.autogard-hs .hotspot-6 .hotspot-text:before {
  bottom: -20px;
  right: -2px;
  border-left: 20px solid transparent;
  border-top: 20px solid black;
}
.autogard-hs .hotspot-6 .hotspot-text {
  width: 300px;
  bottom: 24px;
  right: 6px;
}
.autogard-hs .hotspot-6 .hotspot-text:after {
  bottom: -14px;
  right: .5px;
  border-left: 15px solid transparent;
  border-top: 15px solid white;
}

/*# Hotspot/CENTAFLEX-CO #*/
.CENTAFLEX-CO .hotspot-0 {
    left: 77%;
    top: 31%;
}

.CENTAFLEX-CO .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAFLEX-CO .hotspot-0 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-CO .hotspot-0 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-CO .hotspot-1 {
    left: 60%;
    bottom: 25%;
}

.CENTAFLEX-CO .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-CO .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-CO .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTA-CP #*/
.CENTA-CP .hotspot_0 {
    left: 21%;
    top: 53%;
}

.CENTA-CP .hotspot_0 .hotspot-spot_text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTA-CP .hotspot_0 .hotspot-spot_text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTA-CP .hotspot_0 .hotspot-spot_text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTA-CP .hotspot_1 {
    left: 45%;
    bottom: 10%;
}

.CENTA-CP .hotspot_1 .hotspot-spot_text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTA-CP .hotspot_1 .hotspot-spot_text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTA-CP .hotspot_1 .hotspot-spot_text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTA-SCS #*/
.CENTA-SCS .hotspot_0 {
    left: 25%;
    top: 30%;
}

.CENTA-SCS .hotspot_0 .hotspot-spot_text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTA-SCS .hotspot_0 .hotspot-spot_text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTA-SCS .hotspot_0 .hotspot-spot_text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTA-SCS .hotspot_1 {
    left: 54%;
    bottom: 28%;
}

.CENTA-SCS .hotspot_1 .hotspot-spot_text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTA-SCS .hotspot_1 .hotspot-spot_text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTA-SCS .hotspot_1 .hotspot-spot_text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}
 
/*# Hotspot/CENTALINK #*/
.CENTALINK .hotspot-0 {
    right: 38%;
    top: 27%;
}

.CENTALINK .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTALINK .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTALINK .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTALINK .hotspot-1 {
    left: 41%;
    top: 37%;
}

.CENTALINK .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTALINK .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTALINK .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTALINK .hotspot-2 {
    left: 10%;
    top: 53%;
}

.CENTALINK .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTALINK .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTALINK .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-X #*/
.CENTAFLEX-X .hotspot-0 {
    right: 22%;
    top: 14%;
}

.CENTAFLEX-X .hotspot-0 .hotspot-text {
  width: 300px;
  bottom: 24px;
  right: 6px;
}

.CENTAFLEX-X .hotspot-0 .hotspot-text:before {
    bottom: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-top: 20px solid black;
}

.CENTAFLEX-X .hotspot-0 .hotspot-text:after {
    bottom: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-top: 15px solid white;
}

.CENTAFLEX-X .hotspot-1 {
    left: 48%;
    top: 15%;
}

.CENTAFLEX-X .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-X .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-X .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-X .hotspot-2 {
    left: 21%;
    bottom: 30%;
}

.CENTAFLEX-X .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-X .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-X .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-T #*/
.CENTAFLEX-T .hotspot-0 {
    left: 59%;
    top: 10%;
}

.CENTAFLEX-T .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-T .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-T .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-T .hotspot-1 {
    right: 2%;
    top: 30%;
}

.CENTAFLEX-T .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAFLEX-T .hotspot-1 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-T .hotspot-1 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-T .hotspot-2 {
    right: 28%;
    bottom: 49%;
}

.CENTAFLEX-T .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAFLEX-T .hotspot-2 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-T .hotspot-2 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-T .hotspot-3 {
    left: 25%;
    top: 42%;
}

.CENTAFLEX-T .hotspot-3 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-T .hotspot-3 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-T .hotspot-3 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-K #*/
.CENTAFLEX-K .hotspot-0 {
    left: 55%;
    top: 14%;
}

.CENTAFLEX-K .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-K .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-K .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-K .hotspot-1 {
    right: 28%;
    top: 40%;
}

.CENTAFLEX-K .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAFLEX-K .hotspot-1 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-K .hotspot-1 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-K .hotspot-2 {
    left: 29%;
    bottom: 19%;
}

.CENTAFLEX-K .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-K .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-K .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-H #*/
.CENTAFLEX-H .hotspot-0 {
    right: 24%;
    top: 21%;
}

.CENTAFLEX-H .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAFLEX-H .hotspot-0 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-H .hotspot-0 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-H .hotspot-1 {
    right: 22%;
    top: 50%;
}

.CENTAFLEX-H .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAFLEX-H .hotspot-1 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-H .hotspot-1 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAX-K #*/
.CENTAX-K .hotspot-0 {
    left: 22%;
    top: 18%;
}

.CENTAX-K .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAX-K .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAX-K .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAX-K .hotspot-1 {
    right: 32%;
    top: 26%;
}

.CENTAX-K .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAX-K .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAX-K .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAX-K .hotspot-2 {
    right: 18%;
    top: 51%;
}

.CENTAX-K .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAX-K .hotspot-2 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAX-K .hotspot-2 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAX-K .hotspot-3 {
    left: 60%;
    top: 51%;
}

.CENTAX-K .hotspot-3 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAX-K .hotspot-3 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAX-K .hotspot-3 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAX-SEC #*/
.CENTAX-SEC .hotspot-0 {
    left: 9%;
    bottom: 47%;
}

.CENTAX-SEC .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAX-SEC .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAX-SEC .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAX-SEC .hotspot-1 {
    left: 58%;
    top: 5%;
}

.CENTAX-SEC .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAX-SEC .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAX-SEC .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAX-SEC .hotspot-2 {
    left: 51%;
    bottom: 17%;
}

.CENTAX-SEC .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAX-SEC .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAX-SEC .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-E #*/
.CENTAFLEX-E .hotspot-0 {
    left: 24%;
    top: 14%;
}

.CENTAFLEX-E .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-E .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-E .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-E .hotspot-1 {
    left: 13%;
    top: 41%;
}

.CENTAFLEX-E .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-E .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-E .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-E .hotspot-2 {
    left: 29%;
    bottom: 36%;
}

.CENTAFLEX-E .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-E .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-E .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTADISC-T #*/
.CENTADISC-T .hotspot-0 {
    left: 29%;
    top: 23%;
}

.CENTADISC-T .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTADISC-T .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTADISC-T .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTADISC-T .hotspot-1 {
    left: 44%;
    top: 48%;
}

.CENTADISC-T .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTADISC-T .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTADISC-T .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTSTART-V #*/
.CENTASTART-V .hotspot-0 {
    left: 33%;
    top: 21%;
}

.CENTASTART-V .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTASTART-V .hotspot-0 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTASTART-V .hotspot-0 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTASTART-V .hotspot-1 {
    left: 43%;
    top: 51%;
}

.CENTASTART-V .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTASTART-V .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTASTART-V .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTASTART-V .hotspot-2 {
    left: 57%;
    top: 25%;
}

.CENTASTART-V .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTASTART-V .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTASTART-V .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAMAX #*/
.CENTAMAX .hotspot-0 {
    right: 33%;
    top: 12%;
}

.CENTAMAX .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAMAX .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAMAX .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAMAX .hotspot-1 {
    left: 45%;
    top: 21%;
}

.CENTAMAX .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAMAX .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAMAX .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAMAX .hotspot-2 {
    left: 31%;
    top: 35%;
}

.CENTAMAX .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAMAX .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAMAX .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAMAX .hotspot-3 {
    left: 62%;
    top: 58%;
}

.CENTAMAX .hotspot-3 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAMAX .hotspot-3 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAMAX .hotspot-3 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-R #*/
.CENTAFLEX-R .hotspot-0 {
    left: 31%;
    top: 19%;
}

.CENTAFLEX-R .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-R .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-R .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-R .hotspot-1 {
    right: 15%;
    top: 20%;
}

.CENTAFLEX-R .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAFLEX-R .hotspot-1 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-R .hotspot-1 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-R .hotspot-2 {
    left: 57%;
    bottom: 15%;
}

.CENTAFLEX-R .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-R .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-R .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-DS #*/
.CENTAFLEX-DS .hotspot-0 {
    left: 39%;
    top: 21%;
}

.CENTAFLEX-DS .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-DS .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-DS .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-DS .hotspot-1 {
    left: 49%;
    top: 33%;
}

.CENTAFLEX-DS .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-DS .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-DS .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-D #*/
.CENTAFLEX-D .hotspot-0 {
    right: 41%;
    top: 5%;
}

.CENTAFLEX-D .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-D .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-D .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-D .hotspot-1 {
    left: 67%;
    top: 26%;
}

.CENTAFLEX-D .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-D .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-D .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-D .hotspot-2 {
    left: 46%;
    top: 30%;
}

.CENTAFLEX-D .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-D .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-D .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-D .hotspot-3 {
    left: 78%;
    top: 55%;
}

.CENTAFLEX-D .hotspot-3 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAFLEX-D .hotspot-3 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-D .hotspot-3 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-B #*/
.CENTAFLEX-B .hotspot-0 {
    left: 59%;
    top: 1%;
}

.CENTAFLEX-B .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-B .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-B .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-B .hotspot-1 {
    left: 37%;
    top: 9%;
}

.CENTAFLEX-B .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-B .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-B .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-B .hotspot-2 {
    right: 31%;
    top: 50%;
}

.CENTAFLEX-B .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-B .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-B .hotspot-2 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTAFLEX-A #*/
.CENTAFLEX-A .hotspot-0 {
    right: 35%;
    top: 14%;
}

.CENTAFLEX-A .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-A .hotspot-0 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-A .hotspot-0 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-A .hotspot-1 {
    left: 25%;
    top: 40%;
}

.CENTAFLEX-A .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-A .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-A .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-A .hotspot-2 {
    right: 28%;
    top: 47%;
}

.CENTAFLEX-A .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTAFLEX-A .hotspot-2 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-A .hotspot-2 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTAFLEX-A .hotspot-3 {
    left: 56%;
    bottom: 13%;
}

.CENTAFLEX-A .hotspot-3 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTAFLEX-A .hotspot-3 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTAFLEX-A .hotspot-3 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTA Carbon #*/
.CENTA.Carbon .hotspot-0 {
    right: 22%;
    top: 29%;
}

.CENTA.Carbon .hotspot-0 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTA.Carbon .hotspot-0 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTA.Carbon .hotspot-0 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTA.Carbon .hotspot-1 {
    left: 25%;
    top: 46%;
}

.CENTA.Carbon .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTA.Carbon .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTA.Carbon .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTADISC-M #*/
.CENTADISC-M .hotspot-0 {
    left: 15%;
    top: 30%;
}

.CENTADISC-M .hotspot-0 .hotspot-text {
  width: 300px;
  bottom: 24px;
  left: 6px;
}

.CENTADISC-M .hotspot-0 .hotspot-text:before {
    bottom: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-top: 20px solid black;
}

.CENTADISC-M .hotspot-0 .hotspot-text:after {
    bottom: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-top: 15px solid white;
}

.CENTADISC-M .hotspot-1 {
    left: 35%;
    top: 35%;
}

.CENTADISC-M .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTADISC-M .hotspot-1 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTADISC-M .hotspot-1 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.CENTADISC-M .hotspot-2 {
    right: 15%;
    top: 39%;
}

.CENTADISC-M .hotspot-2 .hotspot-text {
  width: 300px;
  top: 24px;
  right: 6px;
}

.CENTADISC-M .hotspot-2 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTADISC-M .hotspot-2 .hotspot-text:after {
    top: -14px;
    right: .5px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Hotspot/CENTADISC-C#*/
.CENTADISC-C .hotspot-0 {
    left: 35%;
    top: 37%;
}

.CENTADISC-C .hotspot-0 .hotspot-text {
  width: 300px;
  bottom: 24px;
  left: 6px; 
}

.CENTADISC-C .hotspot-0 .hotspot-text:before {
    bottom: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-top: 20px solid black;
}

.CENTADISC-C .hotspot-0 .hotspot-text:after {
    bottom: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-top: 15px solid white;
}

.CENTADISC-C .hotspot-1 {
    right: 35%;
    top: 53%;
}

.CENTADISC-C .hotspot-1 .hotspot-text {
  width: 300px;
  top: 24px;
  left: 6px; 
}

.CENTADISC-C .hotspot-1 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.CENTADISC-C .hotspot-1 .hotspot-text:after {
    top: -14px;
    left: .5px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# RIS Page #*/
.Rexnord-Industrial-Services h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}
.Rexnord-Industrial-Services h3 {
  font-size: 20px;
  font-style: italic;
  margin-bottom: 10px;
}
.Rexnord-Industrial-Services .promo.new-banner .teaser .overlay {
  left: 17%;
  right: 17%;
}
.Rexnord-Industrial-Services .overlay-copy {
  font-size: 20px;
  font-style: italic;
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .Rexnord-Industrial-Services div.headTarget > div > div.col-xs-12.promo {
    display: block;
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0;
  }
  .Rexnord-Industrial-Services .promo.new-banner .teaser .overlay {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    border-bottom: none;
  }
  .Rexnord-Industrial-Services .promo img.background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: auto;
  }
  .Rexnord-Industrial-Services .promo.new-banner .teaser {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 570px) {
  .Rexnord-Industrial-Services .new-banner .teaser .overlay-text {
    width: auto;
  }
  .Rexnord-Industrial-Services .new-banner .teaser .overlay-headline {
    font-size: 36px !important;
  }
  .Rexnord-Industrial-Services .new-banner .teaser .overlay-copy {
    font-size: 20px;
  }
}

/*# RIS Page/Services and Industries #*/
.services-industries {
  margin-top: 50px;
}
.services-industries .info-section-widget {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.services-industries .info-section-widget .section {
  margin: 0 5px;
  padding: 15px 35px;
  border: none !important;
}
.section .si-img-wrap {
  display: inline-block;
  width: 100px;
  margin-right: 10px;
  vertical-align: top;
}
.section .si-img-wrap .si-img {
  max-width: 100%;
}
.section .si-txt-wrap {
  display: inline-block;
  width: calc(100% - 113px);
  vertical-align: top;
}
.section .si-txt-wrap h3 {
  font-size: 26px;
  font-style: normal;
}
.section .si-txt-wrap h3 + p {
  font-size: 18px !important;
  font-style: italic;
  margin-bottom: 0;
  padding-top: 0;
}

.section .si-txt-wrap .block-separator,
#service-options .section .block-separator {
  height: 0;
  margin-bottom: 35px;
}
.section .si-txt-wrap .block-separator:after,
#service-options .section .block-separator:after {
  left: 0;
  bottom: -20px;
}
.section .si-txt-wrap .block-separator:after {
  background: #02306b;
}
@media screen and (max-width: 768px) {
  .section .si-img-wrap {
    display: block;
    margin: 0 auto;
  }
  .section .si-txt-wrap {
    width: auto;
    display: block;
  }
  .services-industries .info-section-widget {
    margin: 0 !important;
    padding: 10px 0;
  }
  .services-industries .info-section-widget .section {
    margin: 0 0 10px;
    padding: 10px;
  }
}
/*# RIS Page/Hotspot Benefits #*/
.Rexnord-Industrial-Services #Benefits,
.Rexnord-Industrial-Services .benefits {
  background: transparent;
  text-align: center;
  margin-top: 50px;
  padding-top: 0;
}
.Rexnord-Industrial-Services #Benefits .hs-instr {
  font-size: 14px;
  margin-bottom: 10px;
}
/*# RIS Page/Gear Box Repair Callout #*/
.Rexnord-Industrial-Services #Request-for-Gear-Box-Repair {
  margin-top: 50px;
  text-align: center;
  background: #e6e7e8;
  padding: 15px 30px;
}
.Rexnord-Industrial-Services .repair-img {
  display: inline-block;
  width: 65px;
  vertical-align: middle;
}
.Rexnord-Industrial-Services .repair-img img {
  max-width: 100%;
}
.Rexnord-Industrial-Services .repair-txt {
  display: inline-block;
  width: calc(100% - 255px);
  max-width: 392px;
  margin: 0 15px;
  text-align: left;
  vertical-align: middle;
}
.Rexnord-Industrial-Services .repair-lnk {
  display: inline-block;
  width: 190px;
  vertical-align: middle;
}
.Rexnord-Industrial-Services .repair-lnk a.button {
  margin-top: 5px;
}
.Rexnord-Industrial-Services .repair-txt h3 {
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 10px;
  margin-top: 5px;
}
.Rexnord-Industrial-Services .repair-txt p {
  font-style: italic;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .Rexnord-Industrial-Services .repair-img {
    margin-right: 0;
    width: auto;
  }
  .Rexnord-Industrial-Services .repair-txt {
    display: block;
    width: auto;
    max-width: none;
    text-align: center;
  }
  .Rexnord-Industrial-Services .repair-btn {
    display: block;
    width: auto;
  }
}
/*# RIS Page/Service Options #*/
.Rexnord-Industrial-Services #Services,
.Rexnord-Industrial-Services .services {
  text-align: center;
  margin-top: 50px;
}
.Rexnord-Industrial-Services #service-options .info-section-widget.row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.Rexnord-Industrial-Services #service-options .info-section-widget .section {
  margin: 0 5px;
  padding: 15px 35px;
}
.Rexnord-Industrial-Services #service-options .info-section-widget .section h4 {
  font-weight: bold;
  font-size: 16px;
}
.Rexnord-Industrial-Services #service-options .info-section-widget .section p {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .Rexnord-Industrial-Services #service-options .info-section-widget.row {
    margin: 0 !important;
    padding: 10px 0;
  }
  .Rexnord-Industrial-Services #service-options .info-section-widget .section {
    margin: 0 0 10px;
    padding: 10px;
  }
}
@media screen and (max-width: 480px) {
  .Rexnord-Industrial-Services #service-options .info-section-widget .section {
    text-align: center;
  }
  .Rexnord-Industrial-Services #service-options .info-section-widget .section h4,
  .Rexnord-Industrial-Services #service-options .info-section-widget .section p,
  .Rexnord-Industrial-Services #service-options .info-section-widget .section ul {
    text-align: left;
  }
}

/*# RIS Page/Network Map #*/
.Rexnord-Industrial-Services #Network-Map,
.Rexnord-Industrial-Services .network-map {
  text-align: center;
  margin-top: 50px;
}
.Rexnord-Industrial-Services #ris-maps .info-section-widget .section {
  border: none;
  padding: 0;
}
.map-key {
  text-align: center;
}
#ris-maps .map-canvas,
#ris-maps .googlemap-au {
  border: 1px solid #b1b1b1;
  border-bottom: none;
}
#ris-maps .map-keys {
  border: 1px solid #b1b1b1;
  border-top: none;
}

#ris-maps .map-display_map-keys {
  background: #f2f2f2;
  text-align: center; }

#ris-maps .map-key {
  text-align: center;
  display: inline-block;
  margin: 10px; }

#ris-maps .map-key ul {
  list-style: none;
  padding: 0 10px;
  margin-bottom :0; }

#ris-maps .map-key ul li {
  border: 1px solid #b1b1b1;
  padding: 5px 7px; 
  cursor: pointer; }

#ris-maps .map-key ul li img {
  padding-right: 5px;
}

#ris-maps .map-key.map-key--selected ul li {
  background: #fff; }

#ris-maps .map-container--separate-map {
  margin-top: 15px;
}

#ris-maps .map-container_collapse-expand-button {
  cursor: pointer;
  background: #02306b;
  color: #fff;
  line-height: 18px;
  padding: 8px 40px;
  transition: background linear .25s, color linear .25s;
  border-radius: 5px;
  border: none;
  text-align: center;
}
#ris-maps .map-container_collapse-expand-button:hover {
  background: #0348a0;
}
#ris-maps .map-container_collapse-expand-button .map-container--expanded {
  background: #02306b;
}
#ris-maps .map-container_collapse-expand-button .map-container--expanded:hover {
  background: #0348a0;
}
@media screen and (max-width: 780px) {
  #ris-maps .info-section-widget {
    padding: 10px 0;
    margin: 0;
  }
  #ris-maps .info-section-widget .section ul {
    padding-left: 0;
  }
}
@media screen and (max-width: 475px) {
  #ris-maps .map-key img {
    display: block;
    margin: 0 auto;
  }
}
/*# RIS Page/Contact Us #*/
.Rexnord-Industrial-Services #contact-expert {
  margin-top: 50px;
}
.Rexnord-Industrial-Services #contact-expert h3 {
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 10px;
  margin-top: 5px;
}
.Rexnord-Industrial-Services #contact-expert p {
  font-style: italic;
  margin-bottom: 10px;
}

/*#Product Cards#*/
.product-card-parent,
.productsContainer.group-page {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

.productsContainer.group-page {
  width: 100%;
}

.product-card {
  width: calc(25% - 20px);
  border: 2px solid #d7d7d7;
  margin: 10px;
  background: #F0F0F2;
  min-height: 200px;
}

.product-card:hover {
  border: 2px solid #bd0120;
}

.product-card:hover .simple-caption {
  display: block;
}

.product-card-box {
  margin: 10px;
}

.product-card-img {
  position: relative;
  marign-bottom: 10px;
}

.product-card-img .simple-caption {
  margin-left: 0;
  position: absolute;
  width: calc(100% + 20px);
  left: -10px;
  line-height: 1.4;
  display: none;
}

.product-card-img img {
  width: 110%;
  margin-left: -5%;
  margin-top: -5%;
}

.product-card-copy h3 {
  color: #bd0120;
  font-weight: 700!important;
  font-size: 16px!important;
  line-height: 1.1em;
  margin-top: 10px;
}

.product-card-copy p {
  color: #000;
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  margin-top: 10px;
}

.overview .split li {
  border-right: unset !important;
}

.cadcontainer {
  text-align: center;
}

@media screen and (max-width: 780px) {
  .productsContainer {
    margin: 20px 0 0;
  }
  .contentcontainer .titleBar {
    margin-bottom: 10px;
    width: 100%;
  }
  .titleBar h2 {
    padding: 0;
    margin-bottom: 5px !important;
  }
  .product-card {
    min-width: 145px;
    width: calc(50% - 10px);
    margin: 5px;
  }
  .product-card-box {
    margin: 0px;
  }
  .product-card-img img {
    max-width: 100%;
    margin: 0;
  }
  .product-card-copy p {
    font-size: 14px !important;
  }
  .product-card .simple-caption,
  .product-card:hover .simple-caption {
    display: none;
  }
}
@media screen and (max-width: 359px) {
  .product-card {
    min-width: 145px;
    width: 100%;
    margin: 5px;
  }
}

/*#Industry Solutions Food#*/
.food-banner .generic-banner-img {
  position: relative;
  height: auto;
  width: 100%;
}

.food-banner .generic-banner-text {
  position: absolute;
  z-index: 1;
  margin-top: 60px;
  color: #fff;
  font-size: 20px;
  font-style: italic;
}

.food-banner .generic-banner-title {
  font-size: 42px;
  font-family: 'Lato', bold;
  font-style: normal;
}

.food-overview {
  color: #333;
  text-align: center;
  width: calc(100% - 70px);
  margin: 30px 25px 40px 25px;
}

.food-overview .title {
  font-size: 32px;
  font-family: 'Lato', bold;
  margin-bottom: 4px;
}

.food-overview .copy {
  font-size: 16px;
  line-height: 24px;
}

.overview-ms {
  width: calc(100% - 90px);
  margin: 0px 35px 50px 35px;
}

.overview-ms .section {
  padding: 0px;
}

.section-container {
  display: flex;
  flex-flow: column;
  text-align: center;
}

.overview-ms img {
  margin: 5px;
}

.overview-ms .title {
  font-size: 24px;
  margin-bottom: 5px;
}

.overview-ms .copy {
  font-size: 16px;
  margin: 0px 5px;
  padding-bottom: 15px;
}

.db-ribbon {
  width: calc(100% - 70px);
  margin: 20px 25px;
}

.db-ribbon .context {
  position: relative;
  z-index: 1;
  color: #333;
}

.db-ribbon .context-container {
  position: absolute;
  margin-left: 5%;
  margin-top: 2%;
}

.db-ribbon .context .title {
  font-size: 24px;
  font-family: 'Lato', bold;
}

.db-ribbon .title {
    padding-right: 350px;
}

.db-ribbon .context .copy {
  font-size: 20px;
  font-style: italic;
}

.db-ribbon .context .button {
  background: #bd0120;
  font-size: 18px;
  color: #fff;
  padding: 13px 30px;
  margin-top: 10px;
}

.db-ribbon .context img {
  position: absolute;
  z-index: 2;
  right: 90px;
  top: -15px;
}

.db-ribbon .bg-img {
  position: relative;
  height: auto;
  width: 100%;
}

.feature-ms {
  width: calc(100% - 90px);
  margin: 45px 35px;
}

.feature-ms .section {
  padding: 10px;
}

.feature-ms .left-img {
  float: left;
  width: 30%;
}

.feature-ms .left-img img {
  width: 100%;
}

.feature-ms .context {
  width: calc(70% - 10px);
  float: right;
  margin-left: 10px;
}

.feature-ms .title {
  font-size: 20px;
  line-height: 22px;
}

.feature-ms .sub-title {
  font-size: 16px;
  font-style: italic;
  line-height: 22px;
  margin-top: 5px;
}

.feature-ms .copy {
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
}

.feature-ms .context .button {
  background: #bd0120;
  font-size: 18px;
  color: #fff;
  padding: 13px 30px;
  width: 60%;
  margin-top: 15px;
}

.feature-ms .context .button:after {
  background: unset;
}

#contact-ribbon {
  position: relative;
}

#contact-ribbon:before {
  right: calc(100% - 1px);
}

#contact-ribbon:after {
  left: calc(100% - 1px);
}

#contact-ribbon:after, #contact-ribbon:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10000px;
  background: #e6e6e6;
  z-index: 100;
}

.Packaging.is-tab-area,
.Processing.is-tab-area {
  width: calc(100% - 70px);
  margin: 30px 25px;
}

.overview-ms .section,
.feature-ms .section {
  background: #f8f8f8;
}

.tab-header {
    text-align: center;
    margin: 15px 15px 10px 15px;
}

.tab-header .tab-title {
    font-size: 22px;
    font-family: 'Lato', bold;
    font-weight: bold;
}

.tab-header .tab-copy {
    font-size: 16px;
}

.card-body .link-container ul {
    list-style-type: none;
    padding-left: 10px;
}

.card-body .link-container li {
    font-size: 14px;
    color: #bd0120;
    line-height: 22px;
    list-style: none;
}

.card-body .link-container li a {
  color: #bd0120;
}

#contact-ribbon .ribbon-widget .button {
    background: #bd0120;
    font-size: 18px;
    color: #fff;
    padding: 13px 30px;
    margin-top: 15px;
}
.db-ribbon .context .button:after,
#contact-ribbon .ribbon-widget .button:after {
  background: unset;
}

/*#Industry Solutions Food/Tab#*/
.is-tab .ajax__tab_active .ajax__tab_outer {
    margin-bottom: -1px;
    border-bottom: 1px solid #fff;
    background: #fff;
}

.food-card-container {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
  margin: 5px;
}

.food-card-container .card {
    width: calc(25% - 10px);
    position: relative;
    margin: 10px 5px;
}

.card .card-body img {
    width: 100%;
    padding: 0 1px;
}

.card-header {
    font-size: 20px;
    color: #fff;
    background: #bd0120;
    padding: 1px 5px;
    margin-left: 0px;
    white-space: nowrap;
    height: 30px;
}

.card-header .card-header-child {
  position: absolute;
  z-index: 1;
}

.food-card-container > .conveyorbelts ~ .conveyorbelts > .card-header,
.food-card-container > .couplings ~ .couplings > .card-header,
.food-card-container > .components ~ .components > .card-header,
.food-card-container > .gear ~ .gear > .card-header,
.food-card-container > .industryandpackagingtable ~ .industryandpackagingtable > .card-header,
.food-card-container > .rollerchain ~ .rollerchain > .card-header,
.food-card-container > .sprocketsandrollers ~ .sprocketsandrollers > .card-header {
  color: transparent;
  margin-left: -10px;
}

.card .card-body {
    border: 1px solid black;
    margin-bottom: -10px;
    margin-top: 10px;
}

.card-body .body-content {
    padding: 10px;
  min-height: 105px;
}

.card-body .title {
    font-size: 18px;
    color: #bd0120;
    line-height: 22px;
}

.card-body .copy {
    font-size: 14px;
    line-height: 20px;
}

.card-footer {
    background: #bd0120;
    color: #fff;
    font-size: 14px;
    padding: 1px 5px;
    margin-top: 10px;
    position: relative;
    cursor: pointer;
}

.card-footer span {
  position: relative;
}

.card-footer.open span:after {
  transform: rotate(-90deg);
}

.card-footer span:after {
  content: "";
    display: block;
    background: #fff;
    border-top: 5px solid #bd0120;
    border-right: 5px solid #bd0120;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #bd0120;
    position: absolute;
    transform: rotate(0);
    transition: all .4s;
    top: 4px;
    right: -15px;
}

.card-footer .open span:after {
  transform: rotate(-90);
}

.is-tab .ajax__tab_header {
    border-bottom: 1px solid #ccc;
    display: flex;
}

.is-tab .ajax__tab_outer {
    border: 1px solid #cccccc;
    border-bottom: none;
    margin-right: 4px;
    background: #f8f8f8;
}

.is-tab .ajax__tab_outer span {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 5px;
    color: #828282;
    font-size: 16px;
}

.is-tab .ajax__tab_tab:focus {
    outline: none;
}

.is-tab .ajax__tab_active .ajax__tab_tab span {
    color: #333;
}

.is-tab .ajax__tab_body {
  border: 1px solid #ccc;
  border-top: none;
}

.card:nth-child(4n+1) .card-header {
  margin-left: 0px !important;
}

/*#Industry Solutions Food/Mobile#*/
@media (min-width: 769px) {
  .tab-m {
    display: none;
  }
}

@media (max-width: 768px) { 
  .Food .is-tab-area .ajax__tab_header {
    display: none;
  }
  
  #contact-ribbon:after, #contact-ribbon:before {
    content: unset;
  }
  
  .tab-m {
    visibility: visible;
  }
  
  .ajax__tab_panel {
    display: unset !important;
  }
  
  .ajax__tab_header {
    display: none;
  }
  
  .content-m {
    display: none;
  }
  
  .tab-m {
    background: #EEE;
    border-bottom: solid 1px #AAA;
    border-left: solid 1px #AAA;
    border-right: solid 1px #AAA;
    font-size: 16px;
    text-align: center;
    padding: 5px;
  }
  
  .tab-m a {
    text-decoration: none;
    color: #888;
  }
  
  .tab-m a span {
    position: relative;
  }
  
  .tab-m a.active span:after {
    background: #333;
    transform: rotate(90deg);
  }
  
  .tab-m a.active {
    color: #333;
  }
  
  .tab-m a span:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    right: -16px;
    background: #aaa;
    border-top: 5px solid #eee;
    border-left: 5px solid transparent;
    border-right: 5px solid #eee;
    border-bottom: 5px solid #eee;
    transform: rotate(0deg);
    transition: transform .4s;
  }
  
  .ajax__tab_body div:first-child .tab-m {
    border-top: solid 1px #AAA;
  }
  
  .food-card-container .card {
    width: 100%;
  }
  
  .food-card-container > .conveyorbelts ~ .conveyorbelts > .card-header,
  .food-card-container > .couplings ~ .couplings > .card-header,
  .food-card-container > .components ~ .components > .card-header,
  .food-card-container > .gear ~ .gear > .card-header,
  .food-card-container > .industryandpackagingtable ~ .industryandpackagingtable > .card-header,
  .food-card-container > .rollerchain ~ .rollerchain > .card-header,
  .food-card-container > .sprocketsandrollers ~ .sprocketsandrollers > .card-header {
    display: none;
  }
  
  .food-overview,
  .overview-ms,
  .Processing.is-tab-area,
  .Packaging.is-tab-area,
  .db-ribbon, 
  .feature-ms {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  
  .info-section-widget {
    flex-flow: row wrap;
  }
  
  .food-banner .generic-banner-img {
      width: calc(100% + 50px) !important;
  }
  
  .contentcontainer .food-banner {
    margin-left: -20px !important;
  }
  
  .food-banner .generic-banner-text {
    margin-top: 40px;
  }
  
  .db-tibbon .context .title {
    font-size: 20px;
  }
  
  .db-ribbon .context .copy {
    font-size: 16px;
  }
  
  .db-ribbon .context .button {
    width: 95%;
    text-align: center;
  }
  
  .db-ribbon .context img {
    display: none;
  }
  
  .db-ribbon .bg-img {
    display: unset !important;
    height: fit-content;
  }
  
  .feature-ms .left-img {
    width: 100%;
    text-align: center;
  }
  
  .feature-ms .left-img img {
    width: 50%;
    margin-bottom: 10px;
  }
  
  .feature-ms .context {
    width: 100%;
    float: unset;
  }
  
  .feature-ms .context .button {
    margin-top: 15px;
    text-align: center;
    width: 95%;
  }
}

/*#AU Contact Page#*/
.contact-header {
    text-align: center;
    margin: 40px 0 35px 0;
    color: #333;
}

.contact-header .title {
    font-size: 32px;
    font-family: 'Lato', bold;
}

.contact-header .copy {
    font-size: 20px;
    font-style: italic;
}

.contact-list-container {
    width: calc(100% - 70px);
    margin: 0 35px 5px 35px;
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
}

.contact-list-container .contact-item {
    width: 33.33333%;
    padding: 5px;
    position: relative;
  min-height: 200px;
}

.contact-item .item-wrapper {
    background: #f6f6f6;
    padding: 20px;
    height: 100%;
}

.item-wrapper .title {
    font-size: 18px;
    font-family: 'Lato', bold;
  font-weight: bold;
}

.item-wrapper .address {
    font-size: 16px;
    line-height: 22px;
  margin-bottom: 20px;
}

.item-wrapper .phone {
    font-size: 16px;
    line-height: 22px;
    background: unset;
    padding-left: 0;
}

.item-wrapper .email {
    font-size: 16px;
    line-height: 22px;
}

.item-wrapper .email span {
  color: #bd0120;
}

@media (max-width: 850px) {
  .contact-list-container .contact-item {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .contact-list-container .contact-item {
    width: 100%;
  }
}

.cadcollectioncontainer {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}

.cadcollectioncontainer .col-xs-4 {
    text-align: center;
    padding: 5px;
}
.Turn-Spiral-Cage-Belts #Other2 img {
  margin-right: 20px;
}

.blog-detail__content-wrapper span {
    line-height: 19.2pt;
}

section.blog-detail__content-wrapper:first-of-type {
    margin-bottom: 10px;
}

/*#IIoT Smart Gear#*/
.iiotsg .teaser.no-image {
    left: unset;
    right: unset;
}

.sg {
    width: calc(100% + 100px);
    margin-left: -50px;
}

.sg#Capabilities {
    width: 100%;
    margin-left: 0px;
}

.sg.overview {
    width: 100%;
    margin: 10px 0 35px 0;
    text-align: center;
}

.sg.overview .title {
    font-size: 32px;
    color: #333;
    font-weight: bold;
}

.sg.overview .sub-text {
    font-size: 20px;
    font-style: italic;
    margin: 10px 0;
}

.sg.overview .copy {
    font-size: 16px;
    line-height: 24px;
}

.sg .info-section-widget .section .img {
  text-align: center;
  margin-bottom: 10px;
}

.sg .info-section-widget .section .block-separator {
  margin-bottom: 60px;
}

.sg .info-section-widget .section .block-separator:after {
  bottom: -20px;
}

.sg .info-section-widget .section .title {
  font-size: 26px;
  text-align: center;
}

.sg .info-section-widget .section ul li {
  margin: 10px 0;
}

.smart-gear-hs .hs-overview {
    text-align: center;
}

.smart-gear-hs {
    margin-top: 50px;
}

.smart-gear-hs .hs-overview .title {
    font-size: 32px;
    font-weight: bold;
}

.smart-gear-hs 
.hs-overview .copy {
    font-size: 20px;
    font-style: italic;
    margin-bottom: 20px;
}

.sg .video {
  margin-bottom: 60px;
}

@media (max-width: 786px) {
  .iiotsg .promo.new-banner .teaser .overlay {
      left: unset !important;
      right: unset !important;
      background: unset;
      top: -20px !important;
  }
  
  .iiotsg .promo.new-banner .teaser .overlay .overlay-copy {
      margin-top: -10px;
  }
  
  .tab-pane {
    position: relative;
    display: block;
    opacity: 1;
  }
  
  .in.active .mobile-content {
      display: unset;
  }
  
  .mobile-content {
      display: none;
  }
  
  .mobile-tab:first-child {
    border-top: solid 1px #AAA;
  }
  
  .mobile-tab {
    display: block !important;
    background: #EEE;
    border-bottom: solid 1px #AAA;
    border-left: solid 1px #AAA;
    border-right: solid 1px #AAA;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    width: 100%;
  }
  
  .mobile-tab span {
    position: relative;
  }
  
  .mobile-tab.active span:after {
    transform: rotate(90deg);
    background: black;
  }
  
  .mobile-tab span:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    right: -16px;
    background: #aaa;
    border-top: 5px solid #eee;
    border-left: 5px solid transparent;
    border-right: 5px solid #eee;
    border-bottom: 5px solid #eee;
    transform: rotate(0deg);
    transition: transform .4s;
  }
  
  .mobile-tab.active span {
    color: black;
  }
  
  inspector-stylesheet:5
  .mobile-tab span {
      color: #aaa;
  }
  
  .headerSearch .predictiveSearchResults {
    margin-left: 0;
    width: 100%;
  }
  
  .cadrefinepanel {
    display: none;
  }
  
  .overviewcontainer .button {
    width: 100% !important;
  }
}

.mobile-tab {
  display: none;
}

.faq-section p {
    font-weight: normal;
    font-size: 18px;
    padding-top: 4px;
}

.faq-section h3 {
    font-weight: bold;
    font-style: italic;
    color: #27376d;
    font-size: 20px;
}

/*# Page Tabs #*/
/* Fullbleed is the tabs used on the industry solutions page */
.nav-tabs {
  border-bottom: none;
  display: flex;
  align-items: stretch;
}
.fullbleedtabs .nav-tabs {
  display: flex;
}
.mechanical-testing-lab .nav-tabs {
  padding-left: 0;
  margin-bottom: 0 !important;
}
.nav-tabs > li {
  margin-bottom: 0px;
  position: relative;
  display: block;
  float: left;
  margin-right: 2px;
}
.fullbleedtabs .nav-tabs > li {
  flex-grow: 1;
  float: none;
  text-align: center;
}
.nav-tabs > li > a {
  font-size: 15px;
  color: #828282;
  background: #eee;
  height: calc(100% - 1px);
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}
.fullbleedtabs .nav-tabs > li > a {
  padding: 8px 7px;
  font-size: 13px
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  color: #333;
  background-color: #fff;
  border: 1px solid #333;
  border-bottom: 1px solid #fff !important;
  height: 100%;
}
.tab-content {
  border: 1px solid #333 !important;
  margin-top: -1px;
  padding-top: 20px;
}
.fullbleedtabs .tab-content {
  padding-top: 0;
  width: calc(100% - 2px);
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.ric-page-content .tab-content ul.split li {
  font-size: 16px;
  color: #333;
  padding: 10px 35px 10px 0;
}
.acc-holder {
  display: none;
}

.tab-content #ProductsInsite {
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 20px;
}

@media screen and (max-width: 768px) {
  /*# Page Tabs Mobile Accordian #*/
  .nav-tabs {
    display: none;
  }
  .tab-content {
    border: none !important;
    margin-top: 0;
    width: calc(100% + 45px);
    margin-left: -25px;
  }
  .fullbleedtabs .tab-content {
    width: calc(100% + 45px);
  }
  .fullbleedtabs .nav-tabs {
    display: none;
  }
  .ric-page-content .tab-content {
    width: calc(100% + 40px);
  }
  .tabcontainer .tab-content .acc-holder {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .acc-holder a {
    display: block;
    width: 100%;
    background: #eee;
    color: #aaa;
    border-bottom: 1px solid #aaa;
    text-align: center;
    padding: 13px 0;
    font-size: 16px;
  }
  .acc-holder:first-of-type a {
    border-top: 1px solid #aaa;
  }
  .acc-holder.mobile-active a {
    color: #333;
  }
  .fullbleedtabs .tab-content > .tab-pane {
    display: block;
  }
  .tab-pane.mobile-active + .acc-holder a {
    border-top: 1px solid #aaa;
  }
  .acc-holder a span {
    position: relative;
  }
  .acc-holder a span:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    right: -16px;
    background: #aaa;
    border-top: 5px solid #eee;
    border-left: 5px solid transparent;
    border-right: 5px solid #eee;
    border-bottom: 5px solid #eee;
    transform: rotate(0deg);
    transition: transform .4s;
  }
  .acc-holder.mobile-active a span:after {
    background: #333;
    transform: rotate(90deg);
  }
  .tab-content > .tab-pane.active {
    display: none;
  }
  .fullbleedtabs .tab-content > .tab-pane.active {
    display: block;
  }
  .tab-content > .tab-pane.mobile-active {
    border: 1px solid #aaa;
    border-top: none;
    margin: 0 4px 4px;
  }
  
  /* Override page tab styles because I am not smart enough to use the same styles, I guess? - Daniel Mears */
  /*.ric-page-content .tabcontainer .tab-content > .acc-holder a:after {
    display: none;
  }
  .ric-page-content .tabcontainer .tab-content .acc-holder a {
    text-decoration: none;
  }
  .ric-page-content .tabcontainer .tab-content .acc-holder {
    padding: 0;
    border: none;
  }
  
  .ric-page-content h3 {
    padding-top: 20px;
  }*/
}
.ric-page-content .tab-content ul.split li:first-of-type {
  border-right: none;
}

/*#Feature#*/
/*#Feature/Chain Lube#*/
.cl-feature-wrapper {
    background-color: #E8E8E8;
    padding: 25px 50px 35px 50px;
    display: flex;
    flex-flow: row nowrap;
}

.cl-feature-wrapper .main-section {
    width: 64%;
}

.cl-feature-wrapper .lube-img {
    width: 30%;
    position: relative;
}

.lube-img img {
    position: absolute;
    top: -35px;
}

@media (max-width: 769px) {
	.lube-img img {
		position: relative;
        top: 25px;
    }
		
	.main-section .main-section-wrapper .context .title {
		font-size: 32px;
    }

	.cl-feature-wrapper .main-section {
		width: 100%;
    }
		
	.cl-feature-wrapper {
		flex-flow: row wrap;
		padding: 25px 15px;
	}
}

/*#Feature/Smart Tag#*/

.item .item-top {
    background-color: #F3F3F3;
    border: 1px solid #F3F3F3;
}

.hover-wrapper {
    display: none;
  background-color: #F3F3F3;
    border: 1px solid #F3F3F3;
}

@media screen and (max-width: 768px) {
  .st-products .hover-wrapper {
    display: block;
  }
}
@media screen and (max-width: 550px) {
  .st-products .hover-section {
    display: block;
  }
  
  .st-products .hover-section .img {
    width: auto;
  }
  
  .st-products .hover-section .content {
    width: auto;
    padding: 25px 0 0;
  }
  
}

.st-products#Products>div>div:nth-child(2),
.st-products.Products>div>div:nth-child(2) {
    margin-left: 20px !important;
}

.hover-section .img {
    width: calc(45% - 5px);
  margin-right: 5px;
}

.hover-section .content {
    width: 55%;
}

.hover-section .header {
    text-transform: capitalize;
    font-size: 20px;
    line-height: 20px;
    font-family: Lato;
    margin-bottom: 5px;
}

.hover-section .sub-text {
    font-size: 12px;
    line-height: 14px;
    font-family: Lato;
    font-weight: bold;
}

.hover-section {
    display: flex;
    flex-flow: row wrap;
  margin: 15px;
}

.st-products .item .item-link {
    width: 100%;
}

.item .item-link a {
  color: white;
  background-color: #bd0120;
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
  line-height: 14px;
  font-family: Lato;
  display: block;
  margin: 5px;
}

@media (max-width: 768px) {
  .st-products .item-list .item {
    width: calc(50% - 40px) !important;
  }
}

@media (max-width: 400px) {
  .st-products .item-list .item {
    width: calc(100% - 20px) !important;
  }
  .st-products .hover-section .img {
    text-align: center;
  }
  .st-products .hover-section .img img {
    width: auto;
    max-width: 100%;
  }
}

.st-products .item-list {
    display: flex;
    flex-flow: row wrap;
}

.st-products .item-list .item {
    width: calc(25% - 40px);
    margin: 20px;
}

.st-products .item img {
    width: 100%;
}

.st-products .item p {
    font-size: 22px;
    line-height: 26px;
    font-family: Lato;
    font-weight: bold;
    color: #333333;
    margin: 10px;
}

.st-products h3 {
    text-align: center;
    margin-bottom: 15px;
}

.st-products h2 {
    margin-bottom: -20px;
}

.st-products .app-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.app-wrapper .app {
    width: 150px;
}

.app-wrapper .app img {
    width: 100%;
  height: 50px;
}

.st-products .app-sub-text {
    font-size: 14px;
    line-height: 17px;
    font-family: Lato;
    font-style: italic;
    text-align: center;
    margin-bottom: 25px;
}

.feature-section {
    margin-top: 50px;
}

.st-feature-wrapper {
    display: flex;
  flex-flow: row wrap;
}

.st-feature-wrapper .main-section {
    width: 70%;
}

.st-feature-wrapper .sub-section {
    width: 30%;
}

.main-section-wrapper {
    display: flex;
    flex-flow: row nowrap;
}

.st-feature-wrapper .main-section {
  background-color: #E8E8E8;
}

.st-feature-wrapper .main-section .img {
    padding: 30px;
}

.st-feature-wrapper .main-section .context {
    padding-top: 20px;
    padding-bottom: 30px;
}

.main-section .main-section-wrapper .context .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
}

.main-section .main-section-wrapper .context .copy {
    font-size: 16px;
    line-height: 24px;
    font-family: Lato;
}

.main-section .main-section-wrapper .context .button a {
    color: #FFFFFF;
    font-size: 16px;
    font-family: Lato;
    line-height: 19px;
}
.st-feature-wrapper .main-section .main-section-wrapper .context .button a {
  display: block;
  padding: 10px 25px;
}

.main-section .main-section-wrapper .context .button {
    background-color: #4F91CD;
    padding: 10px 25px;
}
.st-feature-wrapper .main-section .main-section-wrapper .context .button {
    padding: 0;
    display: inline-block;
}

.main-section .main-section-wrapper .context .button {
    text-align: left;
    margin-top: 20px;
}

.st-feature-wrapper .sub-section {
    border: 2px solid #E8E8E8;
}

.sub-section .sub-section-wrapper {
    display: flex;
    flex-flow: row wrap;
    margin: 10px 20px;
}

.sub-section .sub-section-wrapper .context {
    width: 100%;
    margin-bottom: 10px;
}

.sub-section .sub-section-wrapper .context .title {
    font-size: 24px;
    font-weight: bold;
    font-family: Lato;
    line-height: 35px;
}

.sub-section .sub-section-wrapper .context .copy {
    font-size: 14px;
    font-family: Lato;
    line-height: 18px;
}

.sub-section .sub-section-wrapper .app-section {
    padding: 0 10px;
    background-color: #F0EDED;
    width: 60%;
}

.sub-section .sub-section-wrapper .img {
    width: 40%;
}

.sub-section .sub-section-wrapper .img img {
    width: 100%;
}

.sub-section-wrapper .app-section .title {
    font-size: 18px;
    font-weight: bold;
    font-family: Lato;
    line-height: 35px;
}

.sub-section-wrapper .app-section .app-link {
    color: #bd0120;
    font-size: 14px;
    font-weight: bold;
    font-family: Lato;
    line-height: 20px;
}

.sub-section-wrapper .app-section .app-link a:after {
    content: ' \203A';
}
.st-feature-wrapper .sub-section-wrapper .app-section .app-link a:after {
    content: '';
}

.feature-section .ribbon-wrapper {
    position: relative;
}

.ribbon-wrapper .new-ribbon {
    position: absolute;
    right: 10px;
}

.ribbon-wrapper .new-ribbon .message-wrapper {
    position: relative;
    border: solid 30px #CE0E2D;
    border-bottom: 5px solid transparent;
    border-top: solid 24px #CE0E2D;
}

.new-ribbon .message-wrapper span {
    position: absolute;
    left: -18px;
    top: -26px;
    font-size: 16px;
    line-height: 24px;
    font-family: Lato;
    font-weight: bold;
    color: #FFFFFF;
}

@media (max-width: 800px) {
  .main-section-wrapper {
    flex-flow: row wrap;
  }
  
  .st-feature-wrapper .main-section,
  .st-feature-wrapper .sub-section {
      width: 100%;
  }
  
  .st-feature-wrapper .main-section .img {
    width: 100%;
    text-align: center;
  }
  
  .main-section-wrapper {
    margin: 0 20px;
    text-align: center;
  }
  
  .main-section .main-section-wrapper .context .button {
    text-align: center;
    width: 100%;
  }
  
  .sub-section .sub-section-wrapper .context {
    text-align: center;
  }
  
  #explore-btn {
    display: none;
  }
}

/*# eCommerce Landing Page #*/
.eCommerce-Email-Landing h1 {
  color: #000;
  font-size: 32px !important;
  font-weight: 700 !important;
}
.eCommerce-Email-Landing .new-banner .teaser p {
  color: #000;
  font-size: 20px;
  padding-bottom: 10px !important;
}
.eCommerce-Email-Landing .teaser span a {
  color: #fff !important;
  font-size: 20px;
}

#elp-body {
  text-align: center;
  margin-top: 40px;
}
#elp-body h2,
#elp-video-intro h2,
#elp-register h2 {
  max-width: 675px;
  margin: 0 auto;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 15px;
}
#elp-body p,
#elp-video-intro p,
#elp-register p {
  font-size: 20px;
}
.elp-blocks {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 35px;
  marign-bottom: 35px;
}
.elp-blocks .block {
  background: #eee;
  width: calc(25% - 10px);
  min-width: 155px;
  font-size: 18px;
  line-height: 22px;
  padding: 10px;
  margin: 0 5px;
}
.elp-blocks .block .block-img-wrap {
  margin-bottom: 10px;
}
.elp-blocks .block img {
  max-width: 100%;
}
.elp-blocks .block p {
  font-size: 18px;
  line-height: 22px;
}
#elp-video-intro {
  margin-top: 25px;
  text-align: center;
}
#elp-register {
  margin-top: 25px;
  text-align: center;
}
#elp-register .elpr-link a.button {
  margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  .elp-blocks .block {
    font-size: 12px;
    margin: 5px 5px;
  }
}

/*#Blog#*/
.blog-detail__content-wrapper .section-title {
    text-transform: capitalize;
}

.b-item-wrapper .img:hover .overlay-fade {
    display:  block;
}

.b-item-wrapper a {
  height: 100%;
  text-transform: capitalize;
}

.blog-header-section {
    display: flex;
    flex-flow: row nowrap;
    width: calc(100% - 70px);
    margin: 20px 35px;
}

.blog-filter-section {
    width: 75%;
    background-color: #F4F4F4;
    margin-right: 10px;
    padding: 25px 15px;
}

.blog-filter-section .title {
    font-size: 18px;
    line-height: 35px;
}

.blog-header-section .title a {
    font-size: 11px;
    color: #bd0120;
}

.blog-filter-wrapper {
    display: flex;
    flex-flow: row wrap;
}

.blog-filter-wrapper select.DropDownField {
    width: 30%;
    margin-right: 10px;
}

.blog-sub-section {
    width: 25%;
    background-color: #EAEFF3;
    border: 1px solid #D2DBE2;
}

.blog-sub-section .copy {
    font-size: 18px;
    text-align: center;
    line-height: 22px;
    color: #333;
    margin: 15px 30px;
    margin-bottom: 13px;
}

.blog-sub-section .sub-button {
    text-align: center;
    margin-bottom: 18px;
}

.sub-button a {
    color: #fff;
    background-color: #bd0120;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    padding: 9px 28px;
}

.blog-results {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% - 70px);
    margin: 20px 35px;
}

.blog-results .b-item {
    margin: 5px;
    width: calc(50% - 5px);
    border: 1px solid #D9D9D9;
}
.blog-detail__content-wrapper {
    max-width: none !important;
}
.blog-detail__content-wrapper img {
  max-width: 100% !important;
}
.blog-detail__content-wrapper table td {
  padding: 3px;
}
@media (max-width: 720px) {
  .blog-detail__content-wrapper img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
  }
}

.b-item:nth-child(even) {
    margin-right: 0px;
}

.b-item:nth-child(odd) {
    margin-left: 0px;
}

.b-item .b-item-wrapper {
    display: flex;
    flex-flow: row nowrap;
    padding: 17px 15px;
}

.b-item-wrapper .img {
    min-width: 150px;
  position: relative;
  height: 100%;
}

.b-item-wrapper .img img {
    width: 100%;
}

.b-item-wrapper .content {
    margin-left: 13px;
}

.b-item-wrapper .content .title:hover {
    background-color: rgba(12, 78, 118,.25);
}

.b-item-wrapper .content .title {
    font-size: 24px;
    line-height: 28px;
    color: #bd0120;
}

.b-item-wrapper .content .details {
    font-size: 12px;
    line-height: 15px;
    color: #6E6E6E;
  margin: 5px 0;
}

.b-item-wrapper .content .copy {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

@media (max-width: 769px) {
  .b-item-wrapper .content {
    width: 90%;
    margin-top: 10px;
  }
  
  .blog-header-section {
    width: 100%;
    margin: 20px 0;
    flex-flow: row wrap;
  }
  
  .blog-filter-section {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0px;
    padding: 10px 15px;
  }
  
  .blog-filter-wrapper select.DropDownField {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  
  .blog-sub-section {
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .blog-sub-section .sub-button {
    margin-bottom: 0px;
  }
  
  .blog-results {
    margin: 0px;
    width: 100%;
  }
  
  .blog-results .b-item {
    width: 100%;
    margin: 5px 0;
  }
}

@media (max-width: 450px) {
  .b-item .b-item-wrapper {
    flex-flow: row wrap;
  }
  
  .b-item-wrapper .content {
    width: 100%;
  }
  
  .b-item-wrapper a {
    width: 100%;
  }
}
/*# Autogard Landing Page #*/
.Autogard-Torque-Limiters .promo img.background {
    position: absolute;
    min-height: 100%;
    top: 0;
}

.Autogard-Torque-Limiters .autogard-banner .promo.new-banner .teaser .overlay {
    position: relative;
    left: 0;
    right: 0;
}

.autogard-banner .promo.new-banner .teaser .overlay {
  top: 3%;
  left: 14%;
  right: 14%;
}
.autogard-banner .new-banner .teaser h1 {
  color: black;
  font-size: 42px !important;
  font-weight: 700;
  margin-bottom: 0;
}
.autogard-banner .new-banner .teaser p {
  color: black;
  font-size: 20px;
}
.autogard-banner .new-banner .teaser p img {
  max-width: 100%;
  margin-top: 20px;
}

.autogard-overview {
  margin-top: 50px;
  margin-bottom: 70px;
  text-align: center;
}
.autogard-overview h2,
.autogard-features h2,
.autogard-benefits h2 {
  font-size: 32px;
  font-weight: 700;
}
.autogard-overview h3,
.autogard-features h3,
.autogard-benefits h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.autogard-features,
.autogard-benefits {
  text-align: center;
}

.autogard-features .autogard-hs {
  padding: 60px;
  background: #eee;
}

#Benefits.autogard-benefits {
  padding: 0;
  margin: 40px 0 70px;
  background: #fff;
}

.autogard-benefits .feature-block {
  text-align: left;
}
.autogard-benefits .feature-block h3 {
  font-size: 32px;
  width: 220px;
  max-width: 100%;
  margin-top: 5px;
}
.autogard-benefits .feature-block p {
  font-size: 18px;
}

.autogard-tabs {
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .autogard-banner .new-banner .teaser p img {
    display: none;
  }
  
  .autogard-banner .promo.new-banner .teaser .overlay {
    top: 0;
    left: 0;
    right: 0;
  }
  .autogard-hs .mob-hotspot-text.shown {
    margin-top: 40px;
  }
  .autogard-benefits .feature-block {
    text-align: center;
  }
  .autogard-benefits .feature-block h3 {
    width: auto;
  }
  .autogard-tabs .tab-content {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
  .autogard-tabs .tab-content .featureDoc img {
    display: inline-block;
    max-width: 50px;
    vertical-align: middle;
    float: none;
    margin-bottom: 0;
  }
  .autogard-tabs .tab-content .featureDoc span.title {
    display: inline-block;
    vertical-align: middle;
  }
}

/*# Terms & Conditions #*/
.titleBarFull {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  .tcs-col1 {
    float: none !important;
    width: auto !important;
  }
  .tcs-col2 {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    border-left: 0 !important;
  }
}
@media screen and (max-width: 420px) {
  .titleBarFull {
    background-image: none !important;
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .kette-product .col-xs-12.col-sm-7.col-md-7 {
    margin-bottom: 50px;
  }
}

.new-model-info .model-img {
    width: 15%;
}

.new-model-info .model-img img {
    width: 100%;
}

.new-model-info .model-details {
    width: 85%;
    padding: 10px;
}

.new-model-info {
  display: flex;
  padding: 10px;
}

.model-details .model-sd {
    font-size: 22px;
    color: #000;
    font-weight: 400;
}

.model-link .viewall:after {
    content: ' \203A';
}



/*#Gated Content Thank You Page#*/
.gc-bs-container {
    display: flex;
    flex-flow: row nowrap;
}

.gc-section-item {
    background-color: #EFEFEF;
    margin: 0 8px;
    flex: 1;
}

.gc-section-item:first-child {
    margin-left: 0;
}

.gc-section-item:last-child {
    margin-right: 0;
}

.si-icon {
    margin-bottom: 20px;
}

.gc-si-container {
    text-align: center;
    padding: 20px 15px;
}

.si-title {
    font-size: 18px;
    font-family: Lato;
    font-weight: bold;
    line-height: 24px;
}

.si-content {
    font-size: 16px;
    font-family: Lato;
    line-height: 24px;
}

.si-link {
    font-size: 16px;
    font-family: Lato;
    font-weight: bold;
    line-height: 24px;
}

.gc-section-item.ekl {
    color: #333;
  background-color: #EFEFEF;
}

.ekl .si-title {
    font-size: 24px;
    line-height: 28px;
    margin-top: 40px;
}

.si-link {
    border: 2px solid #bd0120;
    margin: 10px 50px;
    padding: 5px;
}

.ekl .si-link {
  border: 2px solid #bd0120;
  color: #bd0120;
}

.ekl .si-content {
    margin: 25px 0;
}

@media screen and (max-width: 768px) {
  .gc-bs-container {
    flex-flow: column wrap;
  }
  
  .gc-section-item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/*#Rex Template#*/
.rex-template-wrapper {
  display: flex;
  flex-flow: row wrap;
}

.flex-10 {
  width: 10%;
}

.flex-20 {
  width: 20%;
}

.flex-30 {
  width: 30%;
}

.flex-40 {
  width: 40%;
}

.flex-50 {
  width: 50%;
}

.flex-60 {
  width: 60%;
}

.flex-70 {
  width: 70%;
}

.flex-80 {
  width: 80%;
}

.flex-90 {
  width: 90%;
}

.flex-100 {
  width: 100%;
}
/*Rex Template END*/

/*#Conveying Solutions#*/
/*#Conveying Solutions/CES#*/
.rex-intro-text {
    width: 70%;
    margin-left: 15%;
    margin-top: 50px;
}

.rex-fix .correct-full-width {
    width: 100%;
    margin-left: 0;
}

.rex .rex-page-content {
    width: calc(100% - 100px);
    margin-left: 50px;
}

.rex-fix.rex-template-wrapper {
    margin-bottom: 260px;
}

.rex .rex-intro-text.block-separator:after {
    bottom: -50px;
}

.flex-column
{
  display: flex;
  flex-flow: column wrap;
}

.rex-resource-intro-text {
    margin-top: 50px;
    margin-bottom: 25px;
}

.rex .rex-title-text {
  font-size: 32px;
  line-height: 35px;
  font-family: Lato;
}

.rex .rex-subtitle-text {
  font-size: 20px;
  line-height: 24px;
  font-family: Lato;
  margin-top: 5px;
  margin-bottom: 15px;
}

.rex .rex-desc-text {
  font-size: 16px;
  line-height: 26px;
  font-family: Lato;
}

.rex-product-overview-wrapper {
    display: flex;
    flex-flow: row wrap;
}

.rex-overview-card {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    background-color: #F3F3F4;
}

.overview-card-img img {
    width: 100%;
}

.overview-card-title {
    color: #bd0120;
    font-weight: bold;
}

.overview-card-desc {
    font-size: 16px;
    line-height: 28px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.overview-card-link {
    background-color: #bd0120;
    color: white;
    width: 200px;
    text-align: center;
    padding: 10px 50px;
}

.overview-card-content {
    padding: 15px 30px 30px 30px;
}

.rex-overview-card:nth-child(odd) {
    margin-right: 10px;
}

.rex-overview-card:nth-child(even) {
    margin-left:  10px;
}

.rex-pf-wrapper {
    background-color: #F3F3F3;
    display: flex;
    flex-flow: row wrap;
    padding: 41px 0;
    margin-bottom: 50px;
    position: relative;
}

.rex-pf-wrapper #Features-and-Benefits {
  width: 100%;
  display: flex;
}

.rex-pf-wrapper:before,
.rex-pf-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10000px;
    background: #F3F3F3;
    z-index: 1;
}

.rex-pf-wrapper:after {
    left: calc(100% - 1px);
}

.rex-pf-wrapper:before {
    right: calc(100% - 1px);
}

.rex-promo-feature {
    width: calc(25% - 9px);
    background-color: #FFFFFF;
    margin: 6px;
}

.rex-promo-feature-wrapper {
    display: flex;
    flex-flow: column nowrap;
}

.promo-feature-img img {
    padding: 15px;
}

.promo-feature-img {
  text-align: center;
}

.promo-feature-content {padding: 10px;}

.rex .feature-content-title {
    font-size: 24px;
    line-height: 28px;
    font-family: Lato;
    font-weight: bold;
}

.rex .feature-content-desc {
    font-size: 14px;
    line-height: 26px;
    font-family: Lato;
}

.rex-promo-feature:nth-child(4n + 1) {
    margin-left: 0;
}

.rex-promo-feature:nth-child(4n) {
    margin-right: 0;
}

.feature-content-desc ul {
    padding-left: 15px;
}

.rex-fix .promo.new-banner {
    width: 100%;
    margin-left: 0;
}

.rex .overlay-link span a {
    color: white !important;
}

.rex .overlay-link span {
    background-color: #bd0120;
    border: 2px solid white;
}

.rex .overlay-link {
    margin-top: 20px;
}

.rex .promo.new-banner .teaser .overlay {
    left: 10%;
    right: 10%;
}

.series-sl-header {
  background-color: #F3F3F3;
  margin-top: 50px;
  position: relative;
}

.series-sl {
    background-color: #F3F3F3;
    padding: 20px 0 35px 0;
    position: relative;
    padding-top: 15px !important;
}

.series-sl-header:before,
.series-sl-header:after,
.series-sl:before,
.series-sl:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10000px;
    background: #F3F3F3;
    z-index: 0;
}

@media (max-width: 768px) {
  .series-sl-header:before,
.series-sl-header:after,
.series-sl:before,
.series-sl:after {
    position: static;
}
}

.series-sl-header:after,
.series-sl:after {
    left: calc(100% - 1px);
}

.series-sl-header:before,
.series-sl:before {
    right: calc(100% - 1px);
}

.series-sl .rex-title-text {
    font-size: 32px;
    line-height: 35px;
    font-weight: bold;
    font-family: Lato;
    text-align: center;
}

.series-sl .rex-subtitle-text {
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
    text-align: center;
}

.series-sl .sl-wrapper {
    display: flex;
    flex-flow: row nowrap;
    background-color: #FFFFFF;
  margin-bottom: 25px;
}

.sl-wrapper .sl-img {
    width: 25%;
}

.sl-wrapper .sl-content {
    width: 75%;
    padding: 25px;
}

.sl-wrapper .sl-img img {
    width: 100%;
}

.sl-content-wrapper {
    display: flex;
    flex-flow: column nowrap;
}

.sl-content-wrapper .sl-title {
    font-size: 32px;
    line-height: 28px;
    font-weight: bold;
    font-family: Lato;
}

.sl-content-wrapper .sl-desc {
    font-size: 16px;
    line-height: 26px;
    font-family: Lato;
}

.sl-button {
  background-color: #bd0120;
  color: white;
  width: fit-content;
  text-align: center;
  padding: 5px 25px;
  font-size: 18px;
  line-height: 35px;
  margin-top: 10px;}

.rex-resources {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.ces-doc {
    width: calc(25% - 15px);
    margin: 10px;
}

.ces-doc .ces-doc-img {
    text-align: center;
    padding: 10px;
    border: 1px solid #F3F3F3;
    background: #fff;
}

.ces-doc-content {
    padding: 10px;
    background-color: #F3F3F3;
    padding-bottom: 20px;
}

.ces-doc-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    font-family: Lato;
}

.ces-doc-buttons {
    text-align: center;
  display: none;
}

.ces-doc-buttons.overlay-buttons {
    height: 85px;
}

.ces-doc-buttons a.alt-button {
    background-color: #bd0120;
    color: white;
    width: 100%;
    margin: 5px 0;
  min-width: unset;
}
.ces-doc-buttons a.alt-button:after {
  display: none;
}

.ces-doc-buttons span.email.alt-button-wht {
    width: 100%;
}

.ces-doc:nth-child(4n) {
    margin-right: 0;
}

.ces-doc:nth-child(4n + 1) {
    margin-left: 0;
}

.rex .ces-doc-buttons {
  position: inherit;
  border-top: none;
  padding-top: 0;
}

.rex .lightbox-inner div {
    padding-left: 15px;
    padding-right: 15px;
}

.rex .lightbox-inner div label {
    padding-left: 20px;
}

.rex .lightbox-inner .FormButton {
    margin-left: 15px;
    width: calc(100% - 30px);
    border-radius: unset;
    background-image: linear-gradient(rgb(12, 78, 118), rgb(12, 78, 118));
}

.rex-series-insite .productContainer {
    background: #F3F3F3;
    padding: 20px 0 35px;
    position: relative;
}
.rex-series-insite .productContainer:before, .rex-series-insite .productContainer:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: #F3F3F3;
    width: 10000px;
    z-index: 0;
}
.rex-series-insite .productContainer:before {
  right: 100%;
}
.rex-series-insite .productContainer:after {
  left: 100%;
}
.rex-series-insite .pagination {
  display: none;
}
.rex-series-insite .new-model-info {
  background: white;
  margin-bottom: 20px;
  padding: 0;
}
.rex-series-insite .productContainer .new-model-info:last-of-type {
  margin-bottom: 0;
}
.rex-series-insite .new-model-info .model-img {
  width: 25%;
}
.rex-series-insite .new-model-info .model-details {
  width: 75%;
  padding: 25px;
}
/*.rex-series-insite .new-model-info .model-sd {
  font-size: 32px;
  font-weight: 700;
}
.rex-series-insite .new-model-info .model-ld,
.rex-series-insite .new-model-info .model-link{
  font-size: 16px;
  line-height: 21px;
  height: 21px;
}*/
.rex-series-insite .new-model-info .truncated {
  white-space: normal;
}

@media (max-width: 768px) {
  .rex .promo.new-banner .teaser .overlay {
    left: 0;
    right: 0;
  }
  
  .rex-promo-feature {
    width: calc(50% - 10px);
    margin: 10px;
  }
  
  .rex-promo-feature:nth-child(odd) {
    margin-left: 0;
  }
  
  .rex-promo-feature:nth-child(even) {
    margin-right: 0;
  }
  
  .ces-doc:nth-child(4n) {
      margin-right: 10px;
  }
  
  .ces-doc:nth-child(4n + 1) {
      margin-left: 10px;
  }
  
  .rex-intro-text {
    width: 100%;
    margin-left: 0%;
  }
  
  .rex-overview-card:nth-child(odd) {
      margin-right: 0;
  }
  
  .rex-overview-card:nth-child(even) {
      margin-left: 0;
  }
  
  .rex-overview-card {
      width: 100%;
  }
  
  .ces-doc {
      width: calc(50% - 20px);
  }
  
  .ces-doc:nth-child(even) {
      margin-right: 0;
  }
  
  .ces-doc:nth-child(odd) {
      margin-left: 0;
  }
  
  .rex-fix.rex-template-wrapper {
    margin-bottom: 0;
  }
  
  .rex #contact-ribbon:after, .rex #contact-ribbon:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 10000px;
      background: #e6e6e6;
      z-index: 0;
      margin-bottom: -5px;
      margin-top: -25px;
  }
  
  .rex #contact-ribbon:before {
      right: calc(100% - 1px);
  }
  
  .rex #contact-ribbon:after {
      left: calc(100% - 1px);
  }
  
  .rex-template-wrapper.main.rex.rex-fix {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 480px) {
  .rex .rex-page-content {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
  .rex-promo-feature {
    width: 100%;
    margin: 10px 0;
  }
  
  .ces-doc {
    width: 100%;
    margin: 5px 0;
  }
}

/*#Fade Overlay Details#*/
.overlay-fade {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.of-red-50 {background-color: rgba(255, 0, 0, .5);}
.of-blue-50 {background-color: rgba(0, 0, 255, .5);}
.of-green-50 {background-color: rgba(0, 255, 0, .5);}
.of-white-50 {background-color: rgba(255, 255, 255, .5);}
.of-black-50 {background-color: rgba(0, 0, 0, .5);}
/*END - Fade Overlay Details*/

/*#Request Form#*/
.rex-request-form {
    position: relative;
    height: 1000px;
}

.rex-request-form iframe {
    margin-left: -15px;
    width: calc(100% + 30px);
    height: 100%;
    border: none;
}
/*End - Request Form*/

/*#Overview Buttons#*/
.overview-button-area {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
  width: 110%;
  margin-left: -30px;
}

.overview-button-area .overview-btn {
    background-color: #4F91CD;
    margin: 10px 5px;
    padding: 10px;
  display: flex;
}

.overview-button-area .overview-btn:hover {
    background-color: #2575be;
}

.overview-button-area .overview-btn:hover .overview-btn-text {
    font-size: 15px;
}

.mini-icon {
  margin-right: 10px;
}

.overview-btn .overview-btn-text {
    color: white;
    font-family:  Lato;
    line-height: 14px;
    font-size: 14px;
  margin: 4px 0;
}
/*END - Overview Buttons*/

/*#Tool Library#*/
.tl-select-item {
    margin: 0px -5px;
    min-width: 125px;
}

.st-banner .overlay-copy {
    font-style: italic;
    font-size: 20px;
    margin-top: -15px;
}

.tl-results {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% - 100px);
    margin-left: 50px;
}

.tl-results-item .img-border img {
    max-width: 100%;
    height: 125px;
}

.tl-results .tl-item {
    width: calc(25% - 15px);
    margin: 10px 10px 30px 10px;
}

.tl-results-item .img-border {
    display: flex;
    justify-content: center;
}

.tl-results-item .img-border span {
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 20px;
    height: 20px;
    display: flex;
    background-color: #27376D;
    padding: 3px;
}

.tl-results-item .img-border span .typeTitle {
        align-self: flex-end;
    background-color: #27376D;
    color: #fff;
    margin-left: 3px;
    margin-bottom: -3px;
    font-size: 12px;
    line-height: 20px;
    font-family: Lato;
    padding-right: 3px;
}

.tl-results-item .img-border span img {
  width: 100%;
}

.tl-results-item .product-name {
    font-size: 16px;
    line-height: 24px;
    color: #02306b;
    font-weight: bold;
}

.tl-selector-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.tl-option p {
    font-size: 14px;
    line-height: 24px;
    font-family: Lato;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin-bottom: 0;
}

.tl-option {
    background-color: #f6f6f6;
    border: 1px solid #d5d5d5;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
    text-align: center;
    display: block;
    min-width: 125px;
}

.tl-option:hover {
    background-color: #e1e1e1;
}

.tl-results-item .typeDiv {
    background-color: #02306b;
    display: flex;
    height: 24px;
    padding: 3px;
    position: absolute;
    bottom: -1px;
    left: -1px;
}

.tl-results-item .typeDiv img {
    height: 100%;
    margin-right: 2px;
}

.tl-results-item .typeDiv div {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-family: Lexend;
  margin-right: 2px;
}

.tl-item a {
    cursor: pointer;
}

.tl-select-item.selected .tl-option {
    background-color: #02306b;
}

.tl-select-item.selected .tl-option p {
    color: #FFFFFF;
}

.fam .tl-item .img-border img {
  margin: 0;
  max-width: 100%;
  max-height: 125px;
}

.tl-results-header {
    border: 1px solid #D5D5D5;
    background-color: #F6F6F6;
    font-size: 12px;
    line-height: 24px;
    font-family: Lato;
    font-weight: bold;
    padding-left: 5px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    text-transform: capitalize;
    width: calc(100% - 100px);
    margin-left: 50px;
}

.tl-results-header .tl-clear {
    background-color: #02306b;
    padding: 0 5px;
    margin: 2px;
    text-transform: uppercase;
}

.tl-results-header .tl-clear a {
    color: white;
}

@media (min-width: 769px) {
  .tl-results .tl-item:nth-child(4n + 1) {
      margin-left: 0;
  }
  
  .tl-results .tl-item:nth-child(4n + 4) {
      margin-right: 0;
  }
}

@media (max-width: 768px) {
  .tl-results  .c1-configurator-btn {
     display: block;
  }
  
  .tl-results .tl-item:nth-child(odd) {
    margin-left: 0;
  }
  
  .tl-results .tl-item:nth-child(even) {
    margin-right: 0;
  }
  
  .tl-results .tl-item {
    width: calc(50% - 15px);
  }
}
/*END - Tool Library*/

/*#Glossary#*/
@media (min-width: 759px) {
  .gloFilter .tfb-item:hover {
    background-color: #bd0120;
  }
  
  .gloFilter .tfb-item:hover .glo-text {
    color: #fff;
  }
}

.Glossary .under-text {
  color: #fff;
}

.gloss-item .gi-title {
    font-weight: bold;
}

.gloss-item {
    font-size: 16px;
    font-family: Lato;
    line-height: 24px;
  margin: 5px 0;
}

.gloss-item .gi-title span {
    font-size: 12px;
    text-transform: uppercase;
    color: #6C6C6C;
}

.gloss-item .gi-desc {
    color: #6C6C6C;
}

.section-header {
    font-size: 28px;
    line-height: 35px;
    font-weight: bold;
    font-family: Lato;
    background-color: #EAEFF3;
    padding: 0 0 1px 5px;
    margin: 15px 0;
}

.section-details .gloss-item {
    margin-left: 5px;
}

.alpha-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
  width: calc(100% - 50px);
    margin-left: 25px;
}

.alpha-wrapper a {
    background-color: #F6F6F6;
    font-size: 16px;
    line-height: 18px;
    padding: 5px 0;
    margin: 5px;
    text-align: center;
    width: 30px;
    color: #bd0120;
}

.tfb-title.glo-text {
    color: white;
}

.glo-img {
  width: 60px;
  margin-top: 10px;
}

.rex .tfb-copy-item {
    width: 100%;
}

.rex .glo-text {
    display: block !important;
}

.gloBanner .new-banner .teaser h2 {
    font-size: 38px !important;
    line-height: 35px;
    font-family: Lato;
    font-weight: bold;
    margin-bottom: 0;
}

.gloBanner .sub-text {
    font-size: 20px;
    font-style: italic;
    line-height: 24px;
    font-family: Lato;
}

.gloBanner .under-text a {
    font-size: 14px;
    font-family: Lato;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
  color: #fff;
}

.gloBanner #search-in-banner label {
    display: none;
}

.gloBanner #search-in-banner input {
    height: 45px;
}

.gloBanner #search-in-banner div {
    width: 400px;
}

.gloBanner #search-in-banner {
    display: flex;
    justify-content: center;
    margin: 15px;
}

.gloBanner .cad-search-button {
    padding: 10px;
}

.gloBanner .overlay {
    padding-top: 10px !important;
}

.gloFilter .tfb-parent {
	width: calc(100% - 100px);
    margin-left: 50px;
}

#gloDD {
    display: none;
}

.gloResults {
	width: calc(100% - 50px);
    margin-left: 25px;
}

@media (max-width: 768px) {
  .alpha-wrapper {
    flex-flow: row wrap;
    justify-content: unset;
    margin-top: 15px;
  }
  
  .gloFilter .tfb-btn {
    display: block;
    width: calc(100% - 100px);
    margin-left: 50px;
  }
}

/*END - Glossary*/

/*#Royal Slider/Home Page Slide Styles/Centa-Banner#*/
.rsContent.CentaAcquisition .caption {
    width: calc(100% - 20px);
    margin-left: 0;
}

.centa-main-banner img {
    width: 180px;
}

.centa-main-banner .header-text {
    font-size: 38px;
    color: black;
    font-family: Lato;
    font-weight: bold;
    line-height: 46px;
}
.royalSlider .caption .centa-main-banner .header-text h2 {
  font-size: 38px !important;
  font-weight: 700 !important;
}

.centa-main-banner .under-text {
    font-size: 22px;
    line-height: 34px;
    font-family: Lato;
    font-style: italic;
    color: black;
  margin-top: 10px;
    margin-bottom: 25px;
}

.centa-main-banner .banner-btn {
    color: #696969;
    font-size: 20px;
    font-family: Lato;
    line-height: 34px;
    background-color: #FFFFFF;
    padding: 10px 50px;
}

@media (max-width: 768px) {
  .centa-main-banner .header-text {
    font-size: 34px;
  }
  
  .centa-main-banner .under-text {
    display: none;
  }
  
  .centa-main-banner .header-text {
    margin-bottom: 20px;
  }
}
/*End Centa-Banner*/

/*#Royal Slider/Home Page Slide Styles/EKL Banner#*/

.ExpertKnowledgeLibrary .caption h2 {
    color: white;
    font-size: 54px;
    line-height: 65px;
    font-family: Lato;
    font-weight: bold;
    margin-top: 25px;
}

.ExpertKnowledgeLibrary .caption .slideSubtitle {
    color: white;
    font-size: 22px;
    line-height: 34px;
    font-family: Lato;
    font-style: italic;
    margin: 15px 0 50px 0;
}

.ExpertKnowledgeLibrary .caption .slideButton a {
    color: white;
    font-size: 20px;
    line-height: 34px;
    font-family: Lato;
    border: 2px solid white;
    padding: 10px 60px;
}

/*End EKL Banner*/

/*#Royal Slider/Home Page Slide Styles/Smart Tags Banner#*/

.IIoTSmartTags .caption .slideImage {
    width: 25%;
}

.IIoTSmartTags .caption {
  display: flex;
  justify-content: space-between;
  font-family: Lato;
  color: white;
}

.IIoTSmartTags .caption .slideText h2 {
    font-size: 63px !important;
    font-weight: bold;
    line-height: 75px;
  margin-top: 30px;
}

.IIoTSmartTags .caption .slideText .slideSubtitle {
    font-size: 20px;
    font-style: italic;
    line-height: 34px;
    margin-bottom: 25px;
}

.IIoTSmartTags .caption .slideText .slideButton {
    color: #D24C4D;
    padding: 10px 50px;
}

.IIoTSmartTags .caption .slideText {
    width: 70%;
}
.IIoTSmartTags .caption .slideButton a {
    color: white;
    font-size: 20px;
    line-height: 34px;
    font-family: Lato;
    border: 2px solid white;
    padding: 10px 60px;
}

@media (max-width: 900px) {
  .IIoTSmartTags .caption .slideText h3 {
    font-size: 42px;
    margin-bottom: -5px;
  }
}

@media (max-width: 768px) {
  .IIoTSmartTags .caption {
    justify-content: center;
  }
  
  .IIoTSmartTags .caption .slideImage {
    width: 0;
  }
  
  .IIoTSmartTags .caption .slideText .slideSubtitle {
    display: none;
  }
  
  .IIoTSmartTags .caption .slideText h3 strong {
    font-size: 34px;
  }
  
  .IIoTSmartTags .caption .slideText h3 {
    margin-top: 0;
    line-height: 50px;
  }
}

/*End Smart Tags Banner*/

/*# Culture Selector #*/
.culture-selector {
  display: inline-block;
  position: relative;
  width: 160px;
  vertical-align: top;
  margin-top: 8px !important;
  margin-right: 45px;
  cursor: pointer;
}
.culture-selector .active-slot {
  height: 21px;
}
.header-zone.rt .widget-navlist .culture-dropdown {
  position: absolute;
  top: 21px;
  left: 0;
  right: 0;
  border: 1px solid transparent;
  border-top: none;
  border-bottom: none;
  text-align: left;
  background: #fff;
  z-index: 10000
}
.header-zone.rt .widget-navlist .culture-dropdown.culture-open {
  border: 1px solid #e6e6e6;
  border-top: none;
}
.header-zone.rt .widget-navlist .culture-dropdown li {
  height 15px;
  display: none;
  width: 100%;
  margin: 0;
  padding: 3px;
  color: #6f6f6f;
  background: #fff;
}
.header-zone.rt .widget-navlist .culture-dropdown.culture-open li {
  display: block;
}

.header-zone.rt .widget-navlist .culture-dropdown li:not(.active):hover {
  background: #f7f7f7;
}
.header-zone.rt .widget-navlist .culture-dropdown li.active {
  display: block;
  position: absolute;
  top: -21px;
  left: -1px;
  border: 1px solid #e6e6e6;
  width: calc(100% + 2px);
  padding-right: 18px;
}
.header-zone.rt .widget-navlist .culture-dropdown.culture-open li.active {
  border-bottom: none;
}
.header-zone.rt .widget-navlist .culture-dropdown.culture-open li.active:after {
    transform: rotateX(-180deg);
}
.header-zone.rt .widget-navlist .culture-dropdown li.active:after {
    content: "";
    display: block;
    background: #fff;
    border-top: 8px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 2px solid transparent;
    position: absolute;
    transform: rotate(0);
    transition: all .4s;
    top: 5px;
    right: 3px;
}
.header-zone.rt .widget-navlist .culture-dropdown li img {
  padding-right: 5px;
}
.header-zone.rt .widget-navlist .culture-dropdown li p.culture-link {
  margin: 0;
  color: #6f6f6f;
}
#menu1.sticky .header-zone.rt .widget-navlist .culture-dropdown li {
  padding: 3px;
}
#menu1.sticky .header-zone.rt .widget-navlist .culture-dropdown li.active {
  padding-right: 18px;
}
#menu1.sticky .header-zone.rt .widget-navlist .culture-dropdown li p.culture-link {
  padding: 0;
  margin: 0;
  color: #6f6f6f;
}

/*#Culture Selector/Mobile#*/
.secondary-nav li.mobile-culture-selector {
  display: none;
}
.menu1list.menu-shown .mobile-culture-selector {
  display: block;
}
.mobile-culture-selector .mobile-culture-dropdown {
  display: none;
  background-color: #f3f3f3;
}
.mobile-culture-selector.mobileOpen .mobile-culture-dropdown {
  display: block;
}
.prependhere.menu1List .mobile-culture-selector.mobileOpen .mobile-culture-dropdown li {
  display: block;
  margin-bottom: 0;
}
.prependhere.menu1List .mobile-culture-selector.mobileOpen .mobile-culture-dropdown li p.culture-link {
  display: block;
  border: none;
  height: 40px;
  line-height: 40px;
}
.prependhere.menu1List .mobile-culture-selector.mobileOpen .mobile-culture-dropdown li img {
  padding-right: 5px;
}

/*#Smart Gear#*/
@media (min-width: 769px) {
  .contentcontainer .sg {
    width: calc(100% - 100px) !important;
    margin-left: 50px !important;
  }

  .sgb.buttonArea a.form-border-button {
    margin-left: 10px;
  }
}

.sgb.buttonArea {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}

.sgb.buttonArea a {
  margin-top: 10px;
}

.iiotsg .overlay-copy {
    font-size: 20px;
    line-height: 28px;
    font-family: Lato;
    font-style: italic;
}

.sg .video-wrapper iframe {
    width: 696px;
    height: 346px;
    margin-left: calc((100% - 696px) / 2);
}

.sg .video-wrapper .selected-video {
    padding-bottom: 346px;
}

.sg#contact-expert {
  background: none;
  margin: 30px;
  padding: 0;
}

.sg#contact-expert:before, 
.sg#contact-expert:after {
  content: none;
}

.smart-gear-hs#Benefits {
    background: none;
    margin-top: -80px;
    margin-bottom: -50px;
}

.sg-bottom-section {
    display: flex;
    flex-flow: row wrap;
}

.sgb-item {
    width: calc(50% - 10px);
    background-color: #F3F3F3;
    margin: 5px;
}

.sgb-item {
    padding: 30px 60px;
    text-align: center;
}

.sgb.title {
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    font-family: Lato;
}

.sgb.sub-text {
    font-size: 20px;
    line-height: 28px;
    font-family: Lato;
    font-style: italic;
}

.sgb.img img {width: 60px;}

.sgb.buttonArea {
    margin-top: 20px;
}

.sgb.buttonArea a {
    padding: 10px 25px;
}

a.normal-button {
    color: white;
    background-color: #4F91CD;
}

a.form-button {
    color: white;
    background-color: #bd0120;
}

.sgb a {
    font-size: 18px;
}

a.form-border-button {
    color: #bd0120;
    outline: 2px #bd0120 solid;
    outline-offset: -2px;
}

/*#Aerospace Document Lib#*/
.distributorLogosContainer {
    text-align: center;
}


.distributorLogosContainer img {
    margin: 5px;
}

@media (max-width: 768px) {
	.adl-results,
	.adl-types {
		width: 100% !important;
		margin-left: 0 !important;
	}
	
	.adl-bc.tl-results-header {
		width: 100%;
		margin-left: 0;
	}
	
	.al-application {
		width: calc(50% - 10px) !important;
	}
	
	.al-application:nth-child(4n + 4) {
		margin-right: 0;
	}
	
	.al-application:nth-child(2n + 1) {
		margin-left: 0;
	}
	
	.al-application:nth-child(2n + 2) {
		margin-right: 0;
	}
}

.adl-results,
.adl-types {
    display: flex;
    flex-flow: row nowrap;
    margin: 25px 50px;
    width: calc(100% - 100px)
}

.adl-types {
    justify-content: center;
}

.adl-results .item,
.adl-types .item {
    font-size: 22px;
    font-family: Lato;
    line-height: 27px;
    color: #333333;
    background: #F6F6F6;
    border: #D5D5D5 solid 1px;
    text-align: center;
    width: 225px;
    padding: 50px 0;
    margin: 5px;
  text-decoration: none;
}

.adl-types .item:hover {
    background-color: #27376D;
    color: white;
}

.adl-types .item.active {
    background-color: #27376D;
    color: white;
}

.adl-bc a {
    color: #0C4E76;
    text-decoration: none;
    font-weight: bold;
    text-transform: capitalize;
}

.adl-results .ces-doc-buttons.overlay-buttons {
  height: auto;
}

.adl-results .item {
    width: calc(25% - 10px);
    background: white;
}

.al-application {
    width: calc(25% - 20px);
    margin: 10px;
}

.adl-results {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% - 100px);
    margin-left: 50px;
}

.adl-results .ces-doc-buttons {
    position: unset;
    border-top: none;
    padding-top: 0;  
}

.adl-results a.alt-button:after {
  background: none;
}

div.container>div.row.content>div>div>div:nth-child(7)>div:nth-child(1)>img.docthumb {
    height: unset;
}

.al-application .al-img img {
    width: 100%;
}

.al-application .al-img {
    width: 100%;
}

.al-application .al-title {
    color: #0C4E76;
    font-size: 18px;
    line-height: 24px;
    font-family: Lato;
}

.al-application .al-details {
    font-size: 14px;
    line-height: 20px;
    font-family: Lato;
}

.al-application .al-brands {
    font-size: 14px;
    line-height: 20px;
    font-family: Lato;
    font-weight: bold;
}

.al-application:nth-child(4n + 1) {
    margin-left: 0;
}

.al-application:nth-child(4n + 4) {
    margin-right: 0;
}

a.al-application {
    text-decoration: none !important;
    color: #333333;
}

/*# ART Chain page #*/
.ART-Dynamic-Chain .rex .overlay-headline h2 {
  margin-bottom: 0;
}
.ART-Dynamic-Chain .rex .overlay-copy p {
  font-size: 20px;
  font-style: italic;
  line-height: 28px;
  padding: 0 0 10px !important;
  margin-top: 10px;
}
.ART-Dynamic-Chain .rex .overlay-link span {
  padding: 10px 40px;
  font-size: 18px;
  background: transparent;
}
.ART-Dynamic-Chain .ces-doc .ces-doc-title {
  min-height: 64px;
}
.artContactForm .form-horizontal.blue {
  padding: 50px 20px;
}
.artContactForm .rex-title-text,
.artContactForm .rex-subtitle-text {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.artContactForm .rex-subtitle-text {
  font-size: 16px;
}
.artContactForm small {
  text-align: right;
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
  font-style: none;
}
.artContactForm .form-row {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
  clear: both;
}
.artContactForm .form-horizontal .form-group {
  margin: 10px 0 0;
  padding: 0;
}
.artContactForm .form-horizontal .form-group:first-of-type {
  padding-right: 5px;
}
.artContactForm .form-horizontal .form-group:last-of-type {
  padding-left: 5px;
}
.artContactForm .form-group label {
  margin-bottom: 3px;
}
.artContactForm .btn.btn-primary {
  width: 100%;
  background: #bd0120;
  border: 0;
  border-radius: 0;
  margin-top: 15px;
  font-size: 20px;
  padding: 10px;
}
.artContactForm .submission-message {
  display: none;
}
.artContactForm.submitted .form-row,
.artContactForm.submitted small {
  display: none;
}
.artContactForm.submitted .submission-message {
  display: block;
}
/*# ART Chain Modex page #*/
.ART-Dynamic-Chain-MODEX .rex .overlay-headline h2 {
  margin-bottom: 0;
}
.ART-Dynamic-Chain-MODEX .rex .overlay-copy p {
  font-size: 20px;
  font-style: italic;
  line-height: 28px;
  padding: 0 0 10px !important;
  margin-top: 10px;
}
.ART-Dynamic-Chain-MODEX .rex .rex-intro-text {
  width: auto;
  margin-left: 0;
  text-align: left;
}
.ART-Dynamic-Chain-MODEX .rex .rex-intro-text .img-left {
  margin-right: 15px;
  margin-bottom: 15px;
}
.ART-Dynamic-Chain-MODEX .rex h2 {
  font-size: 28px;
  font-weight: 700;
}
.ART-Dynamic-Chain-MODEX .modex-info {
  margin-top: 30px;
}
.ART-Dynamic-Chain-MODEX .modex-info h3 {
  font-weight: 700;
  font-size: 18px;
}
.ART-Dynamic-Chain-MODEX .modex-info p {
  line-height: 1.8;
}
.ART-Dynamic-Chain-MODEX .modex-info_left {
  display: inline-block;
  max-width: 335px;
  padding: 10px 20px;
  background: #f3f3f3;
}
.ART-Dynamic-Chain-MODEX .modex-info_right {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 390px);
  margin-left: 50px;
}
.ART-Dynamic-Chain-MODEX .modex-info_bottom {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 390px);
  margin-left: 50px;
}
.ART-Dynamic-Chain-MODEX .modex-info_right h3 {
  margin-bottom: 10px;
}
.ART-Dynamic-Chain-MODEX .modex-info_right table,
.ART-Dynamic-Chain-MODEX .modex-info_right table th,
.ART-Dynamic-Chain-MODEX .modex-info_right table td {
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
}
.ART-Dynamic-Chain-MODEX .modex-info_right table {
  margin: 10px 0 20px;
}
.ART-Dynamic-Chain-MODEX .modex-info_right table tr {
  border: 1px #e5e5e5;
  border-top: none;
}
.ART-Dynamic-Chain-MODEX .modex-info_right table tr:nth-of-type(odd) {
  background: #f3f3f3;
}
.ART-Dynamic-Chain-MODEX .modex-info_right table tr:nth-of-type(even) {
  background: #fff;
}
.ART-Dynamic-Chain-MODEX .modex-info_right table tr:first-of-type {
  background: #27376d;
  border-top: 1px #e5e5e5;
  color: white;
}
.ART-Dynamic-Chain-MODEX .modex-info_right table tr:first-of-type td:first-of-type {
  border-right: 1px #fff;
}
.ART-Dynamic-Chain-MODEX .modex-info_right table td,
.ART-Dynamic-Chain-MODEX .modex-info_right table th {
  padding: 5px 15px;
}
.ART-Dynamic-Chain-MODEX .modex-info_right table td:first-of-type {
  font-weight: 700;
  border-right: 1px #e5e5e5;
}
.ART-Dynamic-Chain-MODEX .modex-brochure,
.ART-Dynamic-Chain .modex-brochure {
  background-image: url('/Rexnord/media/Rexnord/Event%20Images/ART-Brochure-BGK.png');
  background-repeat: no-repeat;
  padding: 20px 100px;
  margin-top: 50px;
}
.ART-Dynamic-Chain #Download-Manual.modex-brochure {
  background-image: url('/Rexnord/media/Rexnord/Event%20Images/banner_background.png');
}
.ART-Dynamic-Chain-MODEX .modex-brochure h2,
.ART-Dynamic-Chain .modex-brochure h2 {
  font-size: 24px;
}
.ART-Dynamic-Chain-MODEX .modex-brochure .modex-brochure_img,
.ART-Dynamic-Chain .modex-brochure .modex-brochure_img {
  float: right;
  margin-top: -35px;
}
.ART-Dynamic-Chain-MODEX .modex-brochure .btn,
.ART-Dynamic-Chain .modex-brochure .btn {
  background: #bd0120;
  color: white;
  border-radius: 0;
  padding: 10px 20px;
}
@media(max-width: 1024px) {
  .ART-Dynamic-Chain-MODEX .modex-brochure h2,
  .ART-Dynamic-Chain .modex-brochure h2 {
    font-size: 20px;
  }
}
@media(max-width: 800px) {
  .ART-Dynamic-Chain-MODEX .modex-brochure,
  .ART-Dynamic-Chain .modex-brochure  {
    text-align: center;
  }
  .ART-Dynamic-Chain-MODEX .modex-brochure h2,
  .ART-Dynamic-Chain .modex-brochure h2 {
    text-align: left;
  }
}
@media(max-width: 720px) {
  .ART-Dynamic-Chain-MODEX .modex-brochure h2,
  .ART-Dynamic-Chain .modex-brochure h2 {
    font-size: 18px;
  }
}
@media(max-width: 600px) {
  .ART-Dynamic-Chain-MODEX .modex-info_right {
    width: auto;
    margin: 20px 0;
  }
  .ART-Dynamic-Chain-MODEX .modex-brochure,
  .ART-Dynamic-Chain .modex-brochure  {
    padding: 20px;
  }
  .ART-Dynamic-Chain-MODEX .modex-brochure_img,
  .ART-Dynamic-Chain .modex-brochure_img  {
    float: none;
  }
  .ART-Dynamic-Chain-MODEX .modex-brochure h2,
  .ART-Dynamic-Chain .modex-brochure h2 {
    font-size: 20px;
    text-align: center;
  }
}
@media(max-width: 480px) {
  .ART-Dynamic-Chain-MODEX .img-left {
    float: none !important;
    display: block;
    text-align: center;
  }
}
@media(max-width: 384px) {
  .ART-Dynamic-Chain-MODEX .modex-brochure,
  .ART-Dynamic-Chain .modex-brochure  {
    background-image: none;
  }
}

/*# Thomas Disc Coupling Button Removal #*/
.Thomas-Disc-Couplings .prodSelHeaderButtonRight .button {
  display: none !important;
}

/*# Culture Translations #*/
.ESMX.Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text .generic-d-banner-title {
    font-size: 35px;
}

.DEDE #beverage .royalSlider .caption h3,
.ITIT #beverage .royalSlider .caption h3,
.FRFR #beverage .royalSlider .caption h3,
.ESMX #beverage .royalSlider .caption h3 {
    margin: 0;
    font-size: 32px;
}

.DEDE #beverage .royalSlider .caption p,
.ITIT #beverage .royalSlider .caption p,
.FRFR #beverage .royalSlider .caption p,
.ESMX #beverage .royalSlider .caption p {
    padding-bottom: 0;
    font-size: 16px;
}

@media (max-width: 768px) {
  .ESCL #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block,
    .ITIT #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block,
    .FRFR #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block,
    .DEDE #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block,
    .ESMX #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block,
    .ITIT #menu1 > ul > li:nth-child(6) > div.dmui_dropdown_block,
    .FRFR #menu1 > ul > li:nth-child(6) > div.dmui_dropdown_block,
    .DEDE #menu1 > ul > li:nth-child(6) > div.dmui_dropdown_block,
    .ESMX #menu1 > ul > li:nth-child(6) > div.dmui_dropdown_block {
        margin-left: 0px !important;
        width: 100%;
    }
}

.ESMX.IIoT-Smart-Gear-Drive-New .iiotsg .promo.new-banner .teaser .overlay,
.DEDE.IIoT-Smart-Gear-Drive-New .iiotsg .promo.new-banner .teaser .overlay,
.FRFR.IIoT-Smart-Gear-Drive-New .iiotsg .promo.new-banner .teaser .overlay,
.ITIT.IIoT-Smart-Gear-Drive-New .iiotsg .promo.new-banner .teaser .overlay {
    height: unset;
    top: 15px !important;
}

.ESMX.Food .db-ribbon .context .title,
.DEDE.Food .db-ribbon .context .title,
.FRFR.Food .db-ribbon .context .title,
.ITIT.Food .db-ribbon .context .title {
    font-size: 18px;
}

.ESMX.Food .db-ribbon .context .copy,
.DEDE.Food .db-ribbon .context .copy,
.FRFR.Food .db-ribbon .context .copy,
.ITIT.Food .db-ribbon .context .copy {
    font-size: 16px;
}

.ESMX.Food .db-ribbon .context .button,
.DEDE.Food .db-ribbon .context .button,
.FRFR.Food .db-ribbon .context .button,
.ITIT.Food .db-ribbon .context .button {
    font-size: 16px;
}

.IIoT-Technology-Solutions .new-banner .teaser h2, 
.load-fatigue-durability-testing .new-banner .teaser h2, 
.shock-vibration-testing .new-banner .teaser h2, 
.tensile-strentgh-testing .new-banner .teaser h2, 
.metallurgical-testing-analysis .new-banner .teaser h2, 
.industrial-metrology-services .new-banner .teaser h2, 
.temperature-humidity-testing .new-banner .teaser h2, 
/*.technical-engineering-services-support .new-banner .teaser h2, */
.onsite-field-testing-testing .new-banner .teaser h2, 
.litigation-support-expert-witness-patent-infringement .new-banner .teaser h2, 
.construction-aerospace-industries-served .new-banner .teaser h2, 
.material-mechanical-testing-equipment .new-banner .teaser h2, 
.mechanical-testing-lab .new-banner .teaser h2 {
    font-size: 42px !important;
}

.FRFR.construction-aerospace-industries-served .new-banner .teaser h2 {
  font-size: 30px !important;
}

.IIoT-Technology-Solutions .new-banner .overlay,
.load-fatigue-durability-testing .new-banner .overlay, 
.shock-vibration-testing .new-banner .overlay, 
.tensile-strentgh-testing .new-banner .overlay, 
.metallurgical-testing-analysis .new-banner .overlay, 
.industrial-metrology-services .new-banner .overlay, 
.temperature-humidity-testing .new-banner .overlay, 
.technical-engineering-services-support .new-banner .overlay,
.onsite-field-testing-testing .new-banner .overlay, 
.litigation-support-expert-witness-patent-infringement .new-banner .overlay, 
.construction-aerospace-industries-served .new-banner .overlay, 
.material-mechanical-testing-equipment .new-banner .overlay, 
.mechanical-testing-lab .new-banner .overlay {
    padding-top: 25px !important;
}

.Product-Results .col-xs-12.col-md-10.col-md-push-2.contentcontainer {
    left: 0 !important;
}

.DEDE.DiRXN-Capabilities .overlay,
.FRFR.DiRXN-Capabilities .overlay,
.ITIT.DiRXN-Capabilities .overlay,
.ESMX.DiRXN-Capabilities .overlay,
.DEDE.Rexnord-390-Series-MatTop-Chain .overlay,
.FRFR.Rexnord-390-Series-MatTop-Chain .overlay,
.ITIT.Rexnord-390-Series-MatTop-Chain .overlay,
.ESMX.Rexnord-390-Series-MatTop-Chain .overlay,
.DEDE.Conveying-Solutions .overlay,
.FRFR.Conveying-Solutions .overlay,
.ITIT.Conveying-Solutions .overlay,
.ESMX.Conveying-Solutions .overlay
.DEDE.Rexnord-Industrial-Services .overlay,
.FRFR.Rexnord-Industrial-Services .overlay,
.ITIT.Rexnord-Industrial-Services .overlay,
.ESMX.Rexnord-Industrial-Services .overlay {
    top: 7% !important;
    padding-top: 25px !important;
}

.ITIT.Conveyor-components .promo .teaser, 
.ESMX.Conveyor-components .promo .teaser, 
.FRFR.Conveyor-components .promo .teaser, 
.DEDE.Conveyor-components .promo .teaser {
  right: 41%;
}

.ESMX.PT-Select-Spherical-Roller-Bearings .new-banner .overlay,
.ITIT.PT-Select-Spherical-Roller-Bearings .new-banner .overlay,
.DEDE.PT-Select-Spherical-Roller-Bearings .new-banner .overlay,
.FRFR.PT-Select-Spherical-Roller-Bearings .new-banner .overlay {
  top: 25px !important;
}

.FRFR .tab-content .whatsNewContainer h3,
.ITIT .tab-content .whatsNewContainer h3,
.DEDE .tab-content .whatsNewContainer h3,
.ESMX .tab-content .whatsNewContainer h3 {
  margin-left: 10px;
}
.FRFR .tab-content .whatsNewContainer p,
.ITIT .tab-content .whatsNewContainer p,
.DEDE .tab-content .whatsNewContainer p,
.ESMX .tab-content .whatsNewContainer p {
  padding-left: 14px;
}

@media (max-width: 1200px) and (min-width: 769px) {
  .ESMX.Autogard-Torque-Limiters .autogard-banner .new-banner .teaser h1,
  .ITIT.Autogard-Torque-Limiters .autogard-banner .new-banner .teaser h1,
  .DEDE.Autogard-Torque-Limiters .autogard-banner .new-banner .teaser h1 {
    font-size: 32px !important;
  }
  
  .ESMX.Autogard-Torque-Limiters .autogard-banner .new-banner .teaser p,
  .ITIT.Autogard-Torque-Limiters .autogard-banner .new-banner .teaser p,
  .DEDE.Autogard-Torque-Limiters .autogard-banner .new-banner .teaser p {
    font-size: 16px !important;
  }
  
  .ESMX.Autogard-Torque-Limiters .autogard-banner .new-banner .teaser .overlay-copy img,
  .ITIT.Autogard-Torque-Limiters .autogard-banner .new-banner .teaser .overlay-copy img,
  .DEDE.Autogard-Torque-Limiters .autogard-banner .new-banner .teaser .overlay-copy img {
    max-width: 75% !important
  }
}

.ENUS .promo .teaser .banner-plate {
	width: 100%;
}

.ESMX .overlay,
.ITIT .overlay,
.DEDE .overlay {
    top: 0 !important;
    padding-top: 0 !important;
    height: 350px;
}

.FRFR .overlay {
    top: 0;
    height: 350px;
}

.ESMX .promo.new-banner .overlay,
.ITIT .promo.new-banner .overlay,
.DEDE .promo.new-banner .overlay,
.FRFR .promo.new-banner .overlay {
  top: 7% !important;
  height: auto;
}

.ITIT.Gear .overlay {
  top: 7% !important;
}

.DEDE .button-red,
.FRFR .button-red,
.ITIT .button-red,
.ESMX .button-red {
  margin: 0 0 15px;
  text-align: center;
}

.DEDE .prodSelProductFloat {
  width: 19%;
  height: auto;
}
.DEDE .prodSelHeader p,
.DEDE .prodSelHeader h2 {
  max-width: 75%;
}

.ITIT .teaser h2,
.ESMX .teaser h2,
.FRFR .teaser h2,
.DEDE .teaser h2 {
    font-size: 26px !important;
}

.ITIT .promo .teaser,
.ESMX .promo .teaser,
.FRFR .promo .teaser,
.DEDE .promo .teaser {
  top: 10%;
  right: 25%;
}

.DEDE.Composite-Disc-Couplings .promo .teaser {
  right: 50%;
}

.ITIT .new-banner.promo .teaser,
.ESMX .new-banner.promo .teaser,
.FRFR .new-banner.promo .teaser,
.DEDE .new-banner.promo .teaser {
  right: 0;
}

.ITIT a.button, 
.ITIT .button, 
.DEDE a.button, 
.DEDE.button,
.FRFR a.button, 
.FRFR .button,
.ESMX a.button,
.ESMX .button{
    text-transform: none;
} 

.FRFR.Link-Belt-Spherical-Roller-Bearings .promo .teaser .banner-plate,
.ESMX.Link-Belt-Spherical-Roller-Bearings .promo .teaser .banner-plate,
.ITIT.Link-Belt-Spherical-Roller-Bearings .promo .teaser .banner-plate,
.DEDE.Link-Belt-Spherical-Roller-Bearings .promo .teaser .banner-plate,
.FRFR.MatTop-TableTop-Sprockets .promo .teaser .banner-plate,
.ESMX.MatTop-TableTop-Sprockets .promo .teaser .banner-plate,
.ITIT.MatTop-TableTop-Sprockets .promo .teaser .banner-plate,
.DEDE.MatTop-TableTop-Sprockets .promo .teaser .banner-plate{
  width:100%;
  }

.ESMX.Conveyor-components .promo .teaser .banner-plate {
  width: 75%;
  }

.ESMX .sub-section-wrapper .app-section .title, .FRFR .sub-section-wrapper .app-section .title {
    line-height: normal;
}

.ESMX .categoryselect,
.FRFR .categoryselect {
  max-width: 300px !important;
  }

.Bearings.ESMX .teaser h2,
.Bearings.DEDE .teaser h2,
.Bearings.FRFR .teaser h2,
.Bearings.ITIT .teaser h2,
.Conveying-Solutions.ESMX .teaser h2,
.Conveying-Solutions.ESMX .teaser h2,
.Conveying-Solutions.ESMX .teaser h2,
.Conveying-Solutions.ESMX .teaser h2,
.Gear.ESMX .teaser h2,
.Gear.ESMX .teaser h2,
.Gear.ESMX .teaser h2,
.Gear.ESMX .teaser h2{
    font-size: 42px !important;
}

.Bearings.ESMX .promo.new-banner .teaser .overlay,
.Bearings.DEDE .promo.new-banner .teaser .overlay,
.Bearings.FRFR .promo.new-banner .teaser .overlay,
.Bearings.ITIT .promo.new-banner .teaser .overlay,
.Conveying-Solutions.ESMX .promo.new-banner .teaser .overlay,
.Conveying-Solutions.ESMX .promo.new-banner .teaser .overlay,
.Conveying-Solutions.ESMX .promo.new-banner .teaser .overlay,
.Conveying-Solutions.ESMX .promo.new-banner .teaser .overlay,
.Gear.ESMX .promo.new-banner .teaser .overlay,
.Gear.ESMX .promo.new-banner .teaser .overlay,
.Gear.ESMX .promo.new-banner .teaser .overlay,
.Gear.ESMX .promo.new-banner .teaser .overlay{
    top: 7% !important;
}

@media (min-width: 1210px){
    .FRFR #feedback {
      right: -78px;
    }
    .ESMX #feedback {
      right: -71px;
    }
  }


@media (max-width:414px){
  .FRFR.Gear-Coupling-Components .whatsNewContainer,
  .FRFR.Gear-Coupling-Components .ric-page-content .whatsNewContainer,
  .DEDE.Gear-Coupling-Components .whatsNewContainer,
  .DEDE.Gear-Coupling-Components .ric-page-content .whatsNewContainer,
  .ESMX.Gear-Coupling-Components .whatsNewContainer,
  .ESMX.Gear-Coupling-Components .ric-page-content .whatsNewContainer,
  .ESMX.Link-Belt-Spherical-Roller-Bearings .whatsNewContainer,
  .ESMX.Link-Belt-Spherical-Roller-Bearings .ric-page-content .whatsNewContainer,
  .FRFR.Link-Belt-Spherical-Roller-Bearings .whatsNewContainer,
  .FRFR.Link-Belt-Spherical-Roller-Bearings .ric-page-content .whatsNewContainer,
  .ESMX.Straight-Line-Friction-Drive .whatsNewContainer,
  .ESMX.Straight-Line-Friction-Drive .ric-page-content .whatsNewContainer,
  .FRFR.Straight-Line-Friction-Drive .whatsNewContainer,
  .FRFR.Straight-Line-Friction-Drive .ric-page-content .whatsNewContainer,
  .DEDE.Straight-Line-Friction-Drive .whatsNewContainer,
  .DEDE.Straight-Line-Friction-Drive .ric-page-content .whatsNewContainer,
  .ITIT.Straight-Line-Friction-Drive .whatsNewContainer,
  .ITIT.Straight-Line-Friction-Drive .ric-page-content .whatsNewContainer{
    height:260px;
    }
  }

.DEDE div.documentSearch>ul>li:nth-child(8), 
.FRFR div.documentSearch>ul>li:nth-child(8),
.ITIT div.documentSearch>ul>li:nth-child(8),
.ESMX div.documentSearch>ul>li:nth-child(8),
.DEDE div.documentSearch>ul>li:nth-child(2), 
.FRFR div.documentSearch>ul>li:nth-child(2),
.ITIT div.documentSearch>ul>li:nth-child(2),
.ESMX div.documentSearch>ul>li:nth-child(2),
.DEDE div.documentSearch>ul>li:nth-child(5), 
.FRFR div.documentSearch>ul>li:nth-child(5),
.ITIT div.documentSearch>ul>li:nth-child(5),
.ESMX div.documentSearch>ul>li:nth-child(5) {
  
  padding-left:8%;
  
  }
  
  @media (max-width: 1999px) and (min-width: 769px) {
  .ENUS.PT-Select-Spherical-Roller-Bearings .brochure-banner h1,
  .ENAU.PT-Select-Spherical-Roller-Bearings .brochure-banner h1,
  .FRFR.PT-Select-Spherical-Roller-Bearings .brochure-banner h1, 
  .ITIT.PT-Select-Spherical-Roller-Bearings .brochure-banner h1, 
  .ESMX.PT-Select-Spherical-Roller-Bearings .brochure-banner h1, 
  .DEDE.PT-Select-Spherical-Roller-Bearings .brochure-banner h1 {
/*font-size: 24px !important*/
  }
  .ENUS.PT-Select-Spherical-Roller-Bearings .brochure-banner .new-banner .teaser h2, 
  .ENAU.PT-Select-Spherical-Roller-Bearings .brochure-banner .new-banner .teaser h2, 
  .FRFR.PT-Select-Spherical-Roller-Bearings .brochure-banner .new-banner .teaser h2, 
  .ITIT.PT-Select-Spherical-Roller-Bearings .brochure-banner .new-banner .teaser h2, 
  .ESMX.PT-Select-Spherical-Roller-Bearings .brochure-banner .new-banner .teaser h2, 
  .DEDE.PT-Select-Spherical-Roller-Bearings .brochure-banner .new-banner .teaser h2 {
    font-size: 16px !important
  }
  .ENUS.PT-Select-Spherical-Roller-Bearings .new-banner .teaser .overlay-copy a.button,
  .ENAU.PT-Select-Spherical-Roller-Bearings .new-banner .teaser .overlay-copy a.button, 
  .FRFR.PT-Select-Spherical-Roller-Bearings .new-banner .teaser .overlay-copy a.button, 
  .ITIT.PT-Select-Spherical-Roller-Bearings .new-banner .teaser .overlay-copy a.button, 
  .ESMX.PT-Select-Spherical-Roller-Bearings .new-banner .teaser .overlay-copy a.button, 
  .DEDE.PT-Select-Spherical-Roller-Bearings .new-banner .teaser .overlay-copy a.button {
    font-size: 16px;
    padding: 8px 20px;
  }
}
@media (max-width: 1200px) and (min-width: 769px) {
  .ITIT.V-Class .promo .teaser .banner-plate,
  .ESMX.V-Class .promo .teaser .banner-plate,
  .FRFR.V-Class .promo .teaser .banner-plate,
  .DEDE.V-Class .promo .teaser .banner-plate, {
    width: 100%;
  }
  .ITIT.V-Class .teaser h2,
  .ESMX.V-Class .teaser h2,
  .FRFR.V-Class .teaser h2,
  .DEDE.V-Class .teaser h2 {
    font-size: 24px !important;
  }
}
@media (max-width:900px) {
  .ITIT.V-Class .promo .teaser .banner-plate,
  .ESMX.V-Class .promo .teaser .banner-plate,
  .FRFR.V-Class .promo .teaser .banner-plate,
  .DEDE.V-Class .promo .teaser .banner-plate, {
    width: 90%;
  }
  .ITIT.V-Class .teaser h2,
  .ESMX.V-Class .teaser h2,
  .FRFR.V-Class .teaser h2,
  .DEDE.V-Class .teaser h2 {
    font-size: 18px !important;
  }
}

@media (min-width:912px) {
  .DEDE.Elastomeric-Coupling-Components .overviewcontainer .overview-paragraph,
  .FRFR.Elastomeric-Coupling-Components .overviewcontainer .overview-paragraph {
    float:left;
    width:64%;
  }
}

.ITIT #ProductSupport #support .overview,
.DEDE #ProductSupport #support .overview,
.FRFR #ProductSupport #support .overview,
.ESMX #ProductSupport #support .overview {
  padding-left: 15px;
  padding-right: 15px;
}

.FRFR #Rechercher .step-sol-link,
.FRFR #Conception .step-sol-link,
.FRFR #Sélection .step-sol-link,
.FRFR #Remplacement .step-sol-link,
.DEDE #Suchen .step-sol-link,
.DEDE #Entwerfen .step-sol-link,
.DEDE #Auswählen .step-sol-link,
.DEDE #Ersetzen .step-sol-link,
.ITIT #Ricerca .step-sol-link,
.ITIT #Progettazione .step-sol-link,
.ITIT #Selezione .step-sol-link,
.ITIT #Sostituzione .step-sol-link,
.ESMX #Buscar .step-sol-link,
.ESMX #Diseñar .step-sol-link,
.ESMX #Seleccionar .step-sol-link,
.ESMX #Reemplazar .step-sol-link {
  display: none;
}

.ESMX #wheel-placeholder,
.FRFR #wheel-placeholder,
.ITIT #wheel-placeholder {
  max-height: 725px;
}
.DEDE #wheel-placeholder {
  max-height: 726px;
}

/*# Culture Translations/German #*/ 
.DEDE.Home .DiRXNIIoTTechnologyPlatform h3 {
    margin-top: 0 !important;
}   

.DEDE.Home .DiRXNIIoTTechnologyPlatform .slideButton .button    {
    margin-top: 10px;
}

.DEDE.Wrapflex-Elastomeric-Couplings .col-xs-12.col-md-10.col-md-push-2.contentcontainer,
.DEDE.Omega-Elastomeric-Couplings .col-xs-12.col-md-10.col-md-push-2.contentcontainer,
.DEDE.Viva-Elastomeric-Couplings .col-xs-12.col-md-10.col-md-push-2.contentcontainer,
.DEDE.Ultramite-Gear-Drives .col-xs-12.col-md-10.col-md-push-2.contentcontainer,
.DEDE.Elastomeric-Coupling-Components .col-xs-12.col-md-10.col-md-push-2.contentcontainer,
.DEDE.Grid-Coupling-Components .col-xs-12.col-md-10.col-md-push-2.contentcontainer,
.DEDE.Gear-Coupling-Components .col-xs-12.col-md-10.col-md-push-2.contentcontainer,
.DEDE.Coupling-Guards .col-xs-12.col-md-10.col-md-push-2.contentcontainer,
.DEDE.Clamping-Devices .col-xs-12.col-md-10.col-md-push-2.contentcontainer {
    width: 75%;
    left: 25%;
}

.DEDE.Wrapflex-Elastomeric-Couplings .col-xs-12.col-md-pull-10.col-md-2.left-nav,
.DEDE.Omega-Elastomeric-Couplings .col-xs-12.col-md-pull-10.col-md-2.left-nav,
.DEDE.Viva-Elastomeric-Couplings .col-xs-12.col-md-pull-10.col-md-2.left-nav,
.DEDE.Ultramite-Gear-Drives .col-xs-12.col-md-pull-10.col-md-2.left-nav,
.DEDE.Elastomeric-Coupling-Components .col-xs-12.col-md-pull-10.col-md-2.left-nav,
.DEDE.Grid-Coupling-Components .col-xs-12.col-md-pull-10.col-md-2.left-nav,
.DEDE.Gear-Coupling-Components .col-xs-12.col-md-pull-10.col-md-2.left-nav,
.DEDE.Coupling-Guards .col-xs-12.col-md-pull-10.col-md-2.left-nav,
.DEDE.Clamping-Devices .col-xs-12.col-md-pull-10.col-md-2.left-nav {
    width: 25%;
    right: 75%;
}

.DEDE.Gear .new-banner .overlay {
    padding-top: 20px !important;
}

.DEDE.Rexnord-Industrial-Services .overlay {
    padding-top: 20px !important;
}

.DEDE.Conveying-Solutions .teaser h2 {
    font-size: 42px !important;
}

.DEDE.Conveying-Solutions .overlay {
  top: 7% !important;
}

.DEDE.Conveyor-components .overview h3 {
    margin-left: 10px;
}

.DEDE.Shrink-Discs .overview h3,
.DEDE.BSD-Friction-Disc-Torque-Limiters .overview h3,
.DEDE.Locking-Devices .overview h3 {
    margin-left: 15px;
}

.DEDE.BSD-Overload-Clutches .overview h3 {
    margin-left: 10px;
}

.DEDE.Ultramite-Mixer-Gear-Drives .banner-plate p {		
  font-size: 15px;		
}
@media (max-width: 1199px) and (min-width: 1099px) {
  .teaser p {
    font-size: 14px;
    padding: 5px 0 20px!important;
    line-height: 1.3;
  }
}

.DEDE.Ball-Bearings .teaser p {
    font-size: 14px; 
 }

.DEDE .container {
  word-wrap:break-word;
  hyphens: auto;
  -webkit-hypens: auto;
}

.DEDE #menu1>ul>li:nth-child(3)>div {
  margin-left: 327px !important;
  width: 250px;
}
.DEDE #menu1.sticky>ul>li:nth-child(3)>div {
  margin-left: 322.5px !important;
}

.DEDE #menu1>ul>li:nth-child(4)>div {
  margin-left: 482px;
}
.DEDE #menu1.sticky>ul>li:nth-child(4)>div {
  margin-left: 475px !important;
}

.DEDE #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block {
  margin-left: 570.5px;
  width: 415px;
}

.DEDE .menu_container li:nth-child(5) .dmui_dropdown_block ul.dmui-simple-ul li a {
    line-height: 16px;
    height: 30px;
}

.DEDE #menu1.sticky>ul>li:nth-child(5)>div {
  margin-left: 562px !important;
}

.DEDE .ms-choice>span.placeholder:after {
    content: "Auswählen...";
}

.DEDE .new-ribbon .message-wrapper span {
    word-break: normal;
}

.DEDE .sub-section-wrapper .app-section .title {
    font-size: 16px;
    line-height: normal;
}

/*.DEDE .col-xs-12.col-md-pull-10.col-md-2.left-nav {
    padding-top: 20px;
    width: 20%;
}*/

.DEDE .thumbnail-list li.title {
  width:56px;
}

.DEDE.V-Class .promo .teaser {
  top:2%;
}
.DEDE .tab-content .whatsNewContainer h3 {
  font-size: 18px !important;
  margin-left: 10px;
}
.DEDE.Autogard-Torque-Limiters .tab-content .whatsNewContainer h3 {
  font-size: 17px !important;
}
.DEDE.Grid-Coupling-Components .tab-content .whatsNewContainer h3,
.DEDE.Gear-Coupling-Components .tab-content .whatsNewContainer h3 {
  font-size: 15px !important;
}

@media (min-width: 992px) {
	/*.DEDE .left-nav {
		right: 80%;
		width: 20%;
	}
	
	.DEDE .col-xs-12.col-md-10.col-md-push-2.contentcontainer {
	  width: 80%;
      left: 20%;
	}*/
    .DEDE.Powertransmissiontraining .col-xs-12.col-md-10.col-md-push-2.contentcontainer {
		width: 100%;
        left: 0 !important;
	}
}

@media (min-width: 769px) {
     .FRFR .dirxn-step-icon .step-title, 
     .ITIT .dirxn-step-icon .step-title, 
     .ESMX .dirxn-step-icon .step-title {
        font-size: 12px;
     }
     .DEDE .dirxn-step-icon .step-title {
        font-size: 18px;
     }
  
  .DEDE.Shaft-mount-gear-drives .teaser p {
    padding: 0px;
    }
  
  .DEDE.Shaft-mount-gear-drives .teaser h2 {
    margin-bottom: 0px;
    }
  
  .DEDE.Ultramite-Mixer-Gear-Drives .promo .teaser .banner-plate {
    width: 100%;
    }  
}

@media (min-width: 992px){
  
  .DEDE.Clutches .col-md-push-2, 
  .DEDE.Backstops .col-md-push-2, 
  .DEDE.Brakes .col-md-push-2, 
  .DEDE.Locking-Clamping-Devices .col-md-push-2, 
  .DEDE.Torque-Monitoring .col-md-push-2, 
  .DEDE.Torque-Limiters .col-md-push-2,
  .DEDE.PT-Drive-Components .col-md-push-2 {
    left: 20.666667%;
  }
  
}

/*# Culture Translations/French #*/
@media (max-width: 1200px) {
    .DEDE .ric-banner .promo.new-banner .teaser .overlay,
    .FRFR .ric-banner .promo.new-banner .teaser .overlay {
        padding-top: 0 !important;
    }
}

.FRFR.mechanical-testing-lab .promo.new-banner .teaser .overlay {
    left: 17%;
    right: 17%;
}

.FRFR.BSD-Pressure-Operated-Clutches .overview h3 {
    margin-left: 10px;
}

.FRFR #menu1>ul>li:nth-child(3)>div {
  margin-left: 259px !important;
}
.FRFR #menu1.sticky>ul>li:nth-child(3)>div {
  margin-left: 254.5px !important;
}

.FRFR #menu1>ul>li:nth-child(4)>div {
  margin-left: 440px;
  width: 22%;
}
.FRFR #menu1.sticky>ul>li:nth-child(4)>div {
  margin-left: 433px !important;
}

.FRFR #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block {
  margin-left: 178px !important;
  width: 530px;
}
.FRFR #menu1.sticky>ul>li:nth-child(5)>div {
  margin-left: 284px !important;
}

.FRFR .ms-choice>span.placeholder:after {
    content: "Sélectionner...";
}

.FRFR .ribbon-wrapper .new-ribbon .message-wrapper {
  border: solid 40px #CE0E2D;
  border-bottom: 6px solid transparent;
  border-top: solid 19px #CE0E2D;
}

.FRFR .ribbon-wrapper .new-ribbon {
    right: 0px;
}

.FRFR .new-ribbon .message-wrapper span {
    left: -40px;
    top: -23px;
}

.FRFR .sub-section .sub-section-wrapper .context .title {
  font-size:23px;
}

.FRFR.Autogard-Torque-Limiters .tab-content .whatsNewContainer h3 {
  font-size: 17px !important;
}
.FRFR.Autogard-Torque-Limiters .tab-content .whatsNewContainer p {
  font-size: 14px;
}
.FRFR.Grid-Coupling-Components .tab-content .whatsNewContainer h3,
.FRFR.Gear-Coupling-Components .tab-content .whatsNewContainer h3,
.FRFR.Link-Belt-Spherical-Roller-Bearings .tab-content .whatsNewContainer h3,
.FRFR.Rex-Spherical-Roller-Bearings .tab-content .whatsNewContainer h3,
.FRFR.Turn-Spiral-Cage-Belts .tab-content .whatsNewContainer h3,
.FRFR.Straight-Line-Friction-Drive .tab-content .whatsNewContainer h3 {
  font-size: 15px !important;
}

.FRFR.Welded-steel-chain .promo .teaser {
    right: 30%;
}

.FRFR.Search-Results #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordSiteSearchBox_txtWord {
    width: 59%;
    margin-left: 300px;
}

/*# Culture Translations/Italian #*/
.ITIT.Home .DiRXNIIoTTechnologyPlatform h3 {
    margin-top: 0 !important;
}   

.ITIT.High-Performance-Leaf-Chain .promo .teaser {
    width: 60%;
}

.ITIT.Backstops .promo .teaser {
    right: 40%;
}

.ITIT #menu1>ul>li:nth-child(3)>div {
  margin-left: 234.5px !important;
}
.ITIT #menu1.sticky>ul>li:nth-child(3)>div {
  margin-left: 230px !important;
}

.ITIT #menu1>ul>li:nth-child(4)>div {
  margin-left: 404px;
}
.ITIT #menu1.sticky>ul>li:nth-child(4)>div {
  margin-left: 397px !important;
}

.ITIT #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block {
  margin-left: 501px;
}
.ITIT #menu1.sticky>ul>li:nth-child(5)>div {
  margin-left: 492px !important;
}

.ITIT .ms-choice>span.placeholder:after {
    content: "Seleziona...";
}

.ITIT .ribbon-wrapper .new-ribbon .message-wrapper {
    border: solid 40px #CE0E2D;
    border-bottom: 6px solid transparent;
  border-top: solid 19px #CE0E2D;
}

.ITIT .ribbon-wrapper .new-ribbon {
    right: 0px;
}

.ITIT .new-ribbon .message-wrapper span {
    left: -32px;
    top: -22px;
}

.ITIT.Search-Results #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordSiteSearchBox_txtWord {
    width: 63%;
    margin-left: 258px;
}

/*# Culture Translations/Spanish #*/
.ESMX.Locking-Devices .teaser p {
    font-size: 14px;
    padding: 5px 0 20px!important;
    line-height: 1.3;
  }

.ESMX .overview h3 {
    margin-left: 0;
  margin-right: 0;
}

.ESMX.Gear-Coupling-Parts-Kits .overview h3 {
  margin-top: 0;
}

.ESMX .container {
    word-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}
.ESMX.Ultramite-Mixer-Gear-Drives .banner-plate p {		
  font-size: 15px;		
}
.ESCL #menu1>ul>li:nth-child(3)>div, 
.ESMX #menu1>ul>li:nth-child(3)>div {
  margin-left: 259px !important;
}
.ESCL #menu1.sticky>ul>li:nth-child(3)>div,
.ESMX #menu1.sticky>ul>li:nth-child(3)>div {
  margin-left: 254.5px !important;
}
.ESCL #menu1>ul>li:nth-child(4)>div,
.ESMX #menu1>ul>li:nth-child(4)>div {
  margin-left: 446px;
}
.ESCL #menu1.sticky>ul>li:nth-child(4)>div,
.ESMX #menu1.sticky>ul>li:nth-child(4)>div {
  margin-left: 438.5px !important;
}

.ESCL #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block,
.ESMX #menu1 > ul > li:nth-child(5) > div.dmui_dropdown_block {
  margin-left: 50px;
  width: 580px;
}
.ESCL #menu1.sticky>ul>li:nth-child(5)>div,
.ESMX #menu1.sticky>ul>li:nth-child(5)>div {
  margin-left: 525px !important;
}

.ESMX .ms-choice>span.placeholder:after {
    content: "Seleccionar...";
}

.ESMX .ribbon-wrapper .new-ribbon .message-wrapper {
    border: solid 40px #CE0E2D;
    border-bottom: 6px solid transparent;
  border-top: solid 19px #CE0E2D;
}

.ESMX .ribbon-wrapper .new-ribbon {
    right: 0px;
}

.ESMX .new-ribbon .message-wrapper span {
    left: -24px;
    top: -23px;
}

.ESMX .overlay-buttons {
    padding-top: 7px;
}

.ESMX.Gear .promo .teaser .overlay {
    left: 5%;
    right: 5%;
}
.ESMX.Autogard-Torque-Limiters .tab-content .whatsNewContainer h3 {
  font-size: 17px !important;
}
.ESMX.Grid-Coupling-Components .tab-content .whatsNewContainer h3,
.ESMX.Gear-Coupling-Components .tab-content .whatsNewContainer h3,
.ESMX.Conveyor-components .tab-content .whatsNewContainer h3 {
  font-size: 15px !important;
}

.ESCL.Search-Results #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordSiteSearchBox_txtWord,
.ESMX.Search-Results #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordSiteSearchBox_txtWord {
    width: 58%;
    margin-left: 312px;
}

/*# Culture Warning #*/
.culture-warning-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background: rgba(51,51,51,.75);
  display: none;
}
.culture-warning {
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 10001;
  min-width: 655px;
  width: 40%;
  max-width: 100%;
  transform: translateX(-50%);
  text-align: center;
  padding: 30px 10px 15px;
  background: #ffffff;
  display: none;
}
.culture-warning-open .culture-warning-background,
.culture-warning-open .culture-warning {
  display: block;
}
.culture-warning h2 {
  font-size: 27px;
  line-height: 1.5;
  padding: 5px 30px;
  margin-bottom: 0;
}
.culture-warning h3 {
  font-size: 22px;
  line-height: 1.5;
}
.culture-warning p {
  font-size: 16px;
  line-height: 1.5;
  padding: 5px 30px;
}
culture-warning_page-list p {
  font-szie: 14px;
  line-height: 1.5;
  padding: 0;
}
.culture-warning p.culture-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  font-size: 22px;
  line-height: 25px;
  color: #BEBEBE;
  text-align: center;
  cursor: pointer;
}
.culture-warning_page-list {
  background: #F8F8F8;
  margin: 20px 0 0;
  padding: 20px 10px;
}
@media screen and (max-width: 768px) {
  .culture-warning {
    top: 30px;
    left: 30px;
    right: 30px;
    width: auto;
    min-width: 0;
    transform: none;
  }
}

/*# GLAM #*/
.glam .main-banner .banner-bg {
    width: 100%;
    height: auto;
    position: relative;
}

.glam .main-banner {
    margin-right: -15px;
    margin-left: -15px;
    background-size: cover;
  background-position: center;
  margin-bottom: 26px;
}

.glam.na .main-banner {
    background-image: url(/Rexnord/media/Rexnord/Banner%20Images/landing/NA_Banner.png);
}

.glam.lasa .main-banner {
    background-image: url(/Rexnord/media/Rexnord/Banner%20Images/landing/LASA_Banner.png);
}

.glam.emea .main-banner {
    background-image: url(/Rexnord/media/Rexnord/Banner%20Images/landing/EMEA_Banner.png);
}

.glam.apac .main-banner {
    background-image: url(/Rexnord/media/Rexnord/Banner%20Images/landing/APAC_Banner.png);
}

.glam .main-banner .context {
    padding: 50px 25px;
    text-align: center;
    width: 100%;
}

.glam .context .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 56px;
    line-height: 57px;
    font-family: Lato;
    font-weight: bold;
}

.glam .context .sub-text {
    color: #fff;
    font-size: 35px;
    line-height: 41px;
    font-family: Lato;
}

.glam .g-section {
    width: calc(100% - 70px);
    margin: 8px 30px 8px 35px;
}

.glam .section-header {
    color: #fff;
    background: #06357A;
    font-size: 32px;
    line-height: 66px;
    text-align: center;
    font-family: Lato;
    font-weight: bold;
    margin: 8px 0;
}

.glam .g-section .section-banner img {
    width: 100%;
    margin: 4px 0;
}

.glam .section-text {
    display: flex;
    flex-flow: row nowrap;
    margin: 4px 0;
}

.glam .section-text .canada {
    width: 40%;
    margin-right: 4px;
}

.glam .section-text .usa {
    width: 60%;
    margin-left: 4px;
}

.glam .section-text .brazil,
.glam .section-text .germany,
.glam .section-text .au {
  width: 33.3%;
  margin-right: 4px;
}

.glam .section-text .chile,
.glam .section-text .italy,
.glam .section-text .belgium,
.glam .section-text .china  {
  width: 33.3%;
  margin-left: 4px;
  margin-right: 4px;
}

.glam .section-text .mexico,
.glam .section-text .netherlands,
.glam .section-text .india  {
  width: 33.3%;
  margin-left: 4px;
}

.glam .section-produce .section-text .au, 
.glam .section-produce .section-text .china {
    width: 50%;
}

.glam .section-text .canada,
.glam .section-text .usa,
.glam .section-text .brazil,
.glam .section-text .chile,
.glam .section-text .mexico,
.glam .section-text .germany,
.glam .section-text .italy,
.glam .section-text .belgium,
.glam .section-text .netherlands,
.glam .section-text .au,
.glam .section-text .china,
.glam .section-text .india,
.glam .section-text .strat,
.glam .section-text .dyk{
    border: 1px #E7E7E7 solid;
}

.glam .section-text .title {
    font-size: 29px;
    font-family: Lato;
    font-weight: bold;
    line-height: 44px;
}

.glam .section-text .title ul li {
    font-size: 5px;
}

.glam .section-text ul li {
    font-size: 16px;
    line-height: 26px;
    font-family: Lato;
}

.glam .g-section .section-group {
    padding: 30px 25px;
}

.glam .section-text .ul-group {
    display: flex;
    flex-flow: row nowrap;
}

.glam .section-img {
    text-align: center;
}

.glam .section-text .sub-title {
    font-size: 20px;
    font-family: Lato;
    font-weight: bold;
    line-height: 20px;
    margin: -5px 0 -10px 0;
}

.glam div {
    color: black;
}

.glam .section-vert .section-text .section-group {
    width: 50%;
}

.section-strat .section-group.strat {
    width: 100%;
}

.section-dyk .section-group.dyk {
    width: 100%;
}

.glam .section-text .ul-group ul {
    padding-right: 15%;
}

@media (max-width: 769px) {
  .glam .context .title {
    font-size: 31px;
    line-height: 32px;
  }

.glam .section-header {
    margin-left: -8px;
    margin-right: -8px;
}

.glam .section-text .canada, 
.glam .section-text .usa, 
.glam .section-text .brazil, 
.glam .section-text .chile, 
.glam .section-text .mexico, 
.glam .section-text .germany, 
.glam .section-text .italy, 
.glam .section-text .belgium, 
.glam .section-text .netherlands, 
.glam .section-produce .section-text .au, 
.glam .section-produce .section-text .china,
.glam .section-text .au, 
.glam .section-text .china, 
.glam .section-text .india, 
.glam .section-text .strat, 
.glam .section-text .dyk {
    width: 100%;
    margin: 4px 0;
}

.glam .section-vert .section-text .section-group {
    width: 100%;
}

.glam .section-text {
    flex-flow: row wrap;
}

.glam .g-section {
    width: calc(100% - 16px);
    padding: 0;
    margin: 8px;
}

.glam .section-text .ul-group {
    flex-flow: column nowrap;
}

.glam .section-text .ul-group ul {
    margin-bottom: 0;
    margin-top: 0;
}

.glam {
	margin-left: -5px;
	margin-right: -15px;
}

.glam .context .sub-text {
    font-size: 22px;
    line-height: 24px;
}
}

@media (max-width: 350px) {
.glam .section-img img {
    width: 100%;
}
}

@media (max-width: 450px) {
.glam .main-banner .context img {
    width: 100%;
}
}


.promo #gpSelectorBtn{
    display: none;
}
.ENUS .promo #gpSelectorBtn,
.ENAU .promo #gpSelectorBtn{
    display: inline-block;
}

.ms-select-all {
  display: none !important;
  }

.Locking-Devices .promo {
    padding-bottom: 20px;
}

.Locking-Devices .promo .teaser .banner-plate p {
    padding-bottom: 20px !important;
}

/*# In Page Banners #*/
.in-page-banner {
  border: 1px solid #e8e8e8;
  padding: 20px 10px;
}
.in-page-banner--image-on-border {
  padding: 0;
}

.in-page-banner--image-left .in-page-banner_image-wrap {
  display: inline-block;
  vertical-align: top;
  max-width: 150px;
  margin-right: 20px;
}
.in-page-banner--image-left .in-page-banner_text-wrap {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 175px);
  width: 100%;
}

.in-page-banner--image-right .in-page-banner_image-wrap {
  float: right;
  max-width: 150px;
  margin-left: 20px;
}
.in-page-banner--image-right .in-page-banner_text-wrap {
  float: left;
  max-width: calc(100% - 175px);
  width: 100%;
}
.in-page-banner--image-right.in-page-banner--image-on-border .in-page-banner_text-wrap {
  padding: 30px 40px 30px 20px;
}
.in-page-banner--image-right .clearfix {
  height: 0;
  overflow: hidden;
}

.in-page-banner_image {
  max-width: 100%;
  max-height: 100%;
}
.in-page-banner_header {
  font-size: 22px;
  line-height: 28px;
  padding-bottom: 5px;
}
.in-page-banner_copy {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 640px) {
  .in-page-banner {
    text-align: center;
  }
  .in-page-banner--image-left .in-page-banner_image-wrap,
  .in-page-banner--image-right .in-page-banner_image-wrap {
    display: block;
    max-width: none;
    margin-right: 0;
    float: none;
  }
  .in-page-banner--image-left .in-page-banner_text-wrap,
  .in-page-banner--image-right .in-page-banner_text-wrap {
    display: block;
    max-width: none;
    float: none;
  }
  .in-page-banner--image-right.in-page-banner--image-on-border .in-page-banner_text-wrap {
    padding: 5px 10px 20px;
  }
}

/*# In Page Banner/Banner Customizations #*/
.MCF-couplings .button {
  margin: 10px 0 0;
  padding: 8px 30px;
}
@media (max-width: 768px) {
  .MCF-couplings .button, .Mattop-390-Series .button {
    background: #0c4e76;
    color: #fff !important;
    width: auto;
  }
  .Mattop-390-Series .button.button-darkBlueBorder {
    background: transparent;
    border: 2px solid #0c4e76;
    color: #0c4e76 !important;
  }
}
.Mattop-390-Series .in-page-banner_text-wrap {
  max-width: calc(100% - 380px);
}
.Mattop-390-Series .in-page-banner_image-wrap {
  max-width: 360px;
}
.Mattop-390-Series.in-page-banner {
  background: #fafafa;
}
.Mattop-390-Series .button {
  margin: 10px 0 0;
  padding: 8px 30px;
}
@media (max-width: 840px) {
  .Mattop-390-Series .in-page-banner_text-wrap {
    max-width: calc(100% - 300px);
  }
  .Mattop-390-Series .in-page-banner_image-wrap {
    max-width: 280px;
  }
}
@media (max-width: 768px) {
  .Mattop-390-Series.in-page-banner {
    text-align: center;
  }
  .Mattop-390-Series.in-page-banner--image-right .in-page-banner_image-wrap {
    display: block;
    max-width: none;
    margin-right: 0;
    float: none;
    height: 85px;
  }
  .Mattop-390-Series.in-page-banner--image-right .in-page-banner_text-wrap {
    display: block;
    max-width: none;
    float: none;
  }
  .Mattop-390-Series.in-page-banner--image-right.in-page-banner--image-on-border .in-page-banner_text-wrap {
    padding: 5px 10px 20px;
  }
}

/*#Aerospace - RIC#*/
.ric-overview {
    margin-top: 35px;
    width: calc(100% - 100px);
    margin-left: 50px;
}

.value-props {
    width: calc(100% - 100px);
    margin: 30px 50px 75px;
    padding: 30px 0 50px 0;
    background: #F3F3F3;
    position: relative;
    display: flex;
    flex-flow: column;
}

.value-props:before, .value-props:after {
    content: "";
    background: #F3F3F3;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10000px;
    z-index: 100;
}

.value-props:before {
    right: 100%;
}

.value-props:after {
    left: 100%;
}

.value-props .item {
    background: #FFFFFF;
    padding: 15px;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 10px;
}

.value-props .item:last-of-type {
    margin-bottom: 0;
}

.value-props .item .image {
    width: 15%;
    margin-right: 15px;
}

.value-props .item .image img {
    width: 100%;
}

.value-props .item .content .title {
    font-weight: bold;
    font-size: 20px;
    font-family: Lato;
    line-height: 26px;
}

.value-props .item .content .desc {
    font-size: 16px;
    line-height: 26px;
}

.value-props .item .content {
    width: 85%;
}
/*# GDPR #*/
/*# GDPR/Cookie Banner #*/

/*Temporary until privacy policy is updated */
.gdpr-cookies { display: none !important; }
/* End Temporary */
.gdpr-cookies {
  width: 100%;
  background: #3c59f5;
  background: linear-gradient(to bottom, #3c59f5 0%,#0092ed 100%);
}
.gdpr-cookies.hide {
  display: none;
}
.gdpr-cookies_wrapper {
  max-width: 1100px;
  width: 100%;
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.gdpr-cookies a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
.gdpr-cookies_button {
  background: #0c4e76;
  padding: 4px 10px;
  margin: 4px 10px;
 }
@media (max-width: 768px) {
  .gdpr-cookies {
    position: relative;
    top: 35px;
    z-index: 10px;
  }
}

.FamilywithModels .row .col-xs-12:nth-child(3) {
    margin-top: 30px;
}

@media (max-width: 768px) {
  .tabContent .verticalTabContent .rightProductList {
    padding-left: 0 !important;
  }
  
  .prodboxfeat {
    width: 100% !important;
}

.rightProductList {
    width: unset !important;
}
  
  .leftProductList {
    border-right: unset !important;
  }
}

.ric-items {
    background: #F3F3F3;
    position: relative;
    padding: 35px 0 50px;
    display: flex;
    flex-flow: column;
     margin-bottom: 75px;
}

.ric-items:before, .ric-items:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10000px;
    background: #F3F3F3;
    z-index: 100;
}

.ric-items:before {
    right: 100%;
}

.ric-items:after {
    left: 100%;
}

.ric-items .ric-item {
    background: #FFFFFF;
    padding: 15px;
    display: flex;
    flex-flow: row nowrap;
    margin: 5px 0;
}

.ric-items .ric-item .item-img-area {
    width: 150px;
    margin-right: 15px;
}

.ric-items .ric-item .item-img-area img {
    width: 100%;
}

.ric-items .ric-item .item-text-area {
    display: flex;
    flex-flow: column;
    width: 80%;
}

.ric-items .ric-item .item-text-area .text-area-title {
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
}

.ric-items .ric-item .item-text-area .text-area-desc {
    font-family: Lato;
    font-size: 16px;
    line-height: 26px;
}

/*# Salesforce Chat #*/
.salesforce-chat {
  clear: both;
  margin-bottom: 240px;
}
.sf-chat {
  position: fixed;
  z-index: 100000;
  bottom: 0;
  right: 100px;
  width: 250px;
  height: 30px;
  border-radius: 10px 10px 0 0;
  transition: height .3s, width .3s;
  background: #3f6ae0;
  background: linear-gradient(to bottom, #3f6ae0 0%,#3d87fc 100%);
}
.sf-chat--passive,
.sf-chat--active {
  font-size: 16px;
  font-weight: 700;
}
.sf-chat--open {
  height: 50%;
  width: 350px;
  font-size: 14px;
}
.sf-chat_link,
.sf-chat_brand {
  display: block;
  padding: 3px 10px;
  position: relative;
  color: #fff;
}
.sf-chat_link:hover,
.sf-chat_brand:hover {
  color: #fff;
}
.sf-chat--open .sf-chat_link {
  display: none;
}
.sf-chat_link:after,
.sf-chat_brand:after {
  content: '\232A';
  position: absolute;
  right: 25px;
  transform: rotate(-90deg);
  transform-origin: center;
  top: 3px;
  bottom: 0;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  height: 25px;
  width: 10px;
  text-align: center;
  vertical-align: middle;
}
.sf-chat_link:after {
  transform: rotate(-90deg);
}
.sf-chat_brand:after {
  transform: rotate(90deg);
}
.sf-chat--passive .sf-chat_brand,
.sf-chat--active .sf-chat_brand {
  display: none;
}
.sf-chat--open .sf-chat_brand {
  display: block;
  color: white;
}
.sf-chat_iframe {
  background: white;
}
.sf-chat--passive .sf-chat_iframe,
.sf-chat--active .sf-chat_iframe {
  display: none;
  height: 0;
  width: 0;
  transition: height .5s;
}
.sf-chat--open .sf-chat_iframe {
  display: block;
  width: calc(100% - 10px);
  margin: 5px 5px 15px;
  height: calc(100% - 45px);
}

.sf-baloon {
  background: #F7F7F7;
  border: 1px solid #E5E5E5;
  box-shadow: 0 0 3px #000000;
  color: #000;
  line-height: 1.2;
  padding: 0 10px;
  position: fixed;
  width: 275px;
  bottom: 45px;
  right: 100px;
  z-index: 1000;
}
.sf-baloon.sf-baloon--closed {
  display: none;
}
.sf-baloon_large-question {
  color: #3E74E9;
  font-size: 60px !important;
  font-weight: 600;
  line-height: 1;
  float: left;
  padding-right: 10px;
  margin: 0;
}
.sf-baloon_large-text {
  font-size: 24px !important;
  font-weight: 700;
  margin: 0;
  padding: 5px 0;
}
.sf-baloon_info-text {
  font-size: 13px !important;
  margin: 0;
}
.sf-baloon_close-button {
  font-size: 32px !important;
  line-height: 1;
  font-weight: 600;
  padding: 2px;
  position: absolute;
  top: -20px;
  right: -12px;
  margin: 0;
  cursor: pointer;
  transform: rotate(45deg);
  display: none;
}
.sf-baloon:hover .sf-baloon_close-button {
  display: block;
}
@media screen and (max-width: 768px) {
  .sf-baloon_close-button {
    display: block;
  }
}
@media screen and (max-width: 450px) {
  .sf-chat {
    left: 100px;
    right: 10px;
    max-width: calc(100% - 110px);
  }
  .sf-baloon {
    left: 100px;
    right: 10px;
  }
  .sf-chat--open {
    height: 50%;
    width: 350px;
    left: 10px;
    max-width: calc(100% - 20px);
  }
}

/*# Cooling Tower #*/

.Cooling-Tower-Hot-Spot .hotspot-0.mob-hotspot-text {
    /* left: 5%; */
    /* top: 10%; */
}

.Cooling-Tower-Hot-Spot .hotspot-0.hotspot {
    bottom: 23%;
    left: 41%;
}

.Cooling-Tower-Hot-Spot .hotspot-1.hotspot {
    top: 33%;
    right: 35%;
}

.Cooling-Tower-Hot-Spot .hotspot-2.hotspot {
    top: 60%;
    right: 25%;
}

.Cooling-Tower-Hot-Spot .hotspot-3.hotspot {
    top: 42%;
    right: 21%;
}

.Cooling-Tower-Hot-Spot .hotspot-4.hotspot {
    top: 53%;
    left: 44%;
}

.Cooling-Tower-Hot-Spot .hotspot-0 .hotspot-text {
    width: 200px;
    right: 6px;
    top: 24px;
}

.Cooling-Tower-Hot-Spot .hotspot-0 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.Cooling-Tower-Hot-Spot .hotspot-0 .hotspot-text:after {
    top: -15px;
    right: 0px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.Cooling-Tower-Hot-Spot .hotspot-1 .hotspot-text {
    width: 200px;
    right: 6px;
    top: 24px;
}

.Cooling-Tower-Hot-Spot .hotspot-1 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.Cooling-Tower-Hot-Spot .hotspot-1 .hotspot-text:after {
    top: -15px;
    right: 0px;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.Cooling-Tower-Hot-Spot .hotspot-2 .hotspot-text {
    width: 200px;
    left: 6px;
    top: 24px;
}

.Cooling-Tower-Hot-Spot .hotspot-2 .hotspot-text:before {
    top: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-bottom: 20px solid black;
}

.Cooling-Tower-Hot-Spot .hotspot-2 .hotspot-text:after {
    top: -15px;
    left: 0px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
}

.Cooling-Tower-Hot-Spot .hotspot-3 .hotspot-text {
    width: 200px;
    left: 6px;
    bottom: 24px;
}

.Cooling-Tower-Hot-Spot .hotspot-3 .hotspot-text:before {
    bottom: -20px;
    left: -2px;
    border-right: 20px solid transparent;
    border-top: 20px solid black;
}

.Cooling-Tower-Hot-Spot .hotspot-3 .hotspot-text:after {
    bottom: -15px;
    left: 0;
    border-right: 15px solid transparent;
    border-top: 15px solid white;
}

.Cooling-Tower-Hot-Spot .hotspot-4 .hotspot-text {
    width: 200px;
    right: 6px;
    top: 24px;
}

.Cooling-Tower-Hot-Spot .hotspot-4 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.Cooling-Tower-Hot-Spot .hotspot-4 .hotspot-text:after {
    top: -15px;
    right: 0;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.Wind-Turbine-Hotspot .hotspot-1.hotspot {
    top: 48%;
    left: 63%;
}

.Wind-Turbine-Hotspot .hotspot-0.hotspot {
    top: 50%;
    left: 44%;
}

.Wind-Turbine-Hotspot .hotspot-1 .hotspot-text {
    width: 100px;
    right: 6px;
    top: 24px;
}

.Wind-Turbine-Hotspot .hotspot-1 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.Wind-Turbine-Hotspot .hotspot-1 .hotspot-text:after {
    top: -15px;
    right: 0;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

.Wind-Turbine-Hotspot .hotspot-0 .hotspot-text {
    width: 130px;
    right: 6px;
    top: 24px;
}

.Wind-Turbine-Hotspot .hotspot-0 .hotspot-text:before {
    top: -20px;
    right: -2px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid black;
}

.Wind-Turbine-Hotspot .hotspot-0 .hotspot-text:after {
    top: -15px;
    right: 0;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
}

/*# Chile Homepage #*/
.ESCL.Home .new-banner h2 {
    color: black !important;
    font-size: 42px;
    font-family: Lato;
    font-weight: bold;
    line-height: 50px;
}

.ESCL.Home .new-banner .overlay-copy {
    color: black !important;
    line-height: 24px;
    font-size: 20px;
    font-family: Lato;
    font-style: italic;
}

.ESCL.Home .new-banner .overlay-copy .img {
    padding-top: 25px;
}

.ESCL.Home .about-section strong {
    font-size: 32px;
}

.ESCL.Home .about-section h1 {
    margin-bottom: 0px;
}

.ESCL.Home .about-section {
    font-size: 16px;
}

#cl-brandsection {
    background: #FAFAFA;
    position: relative;
    padding: 30px 0 50px;
    width: calc(100% - 100px);
    margin-left: 50px;
}

#cl-brandsection:before, #cl-brandsection:after {
    background: #FAFAFA;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10000px;
    z-index: 100;
    content: "";
}

#cl-brandsection:before {
    right: 100%;
}

#cl-brandsection:after {
    left: 100%;
}

#cl-brandsection .section {
    background: white;
    border-color: #E3E3E3;
}

#cl-brandsection .section {
    padding: 0;
}

#cl-brandsection .section img {
    width: 100%;
}

#cl-brandsection .section .title {
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    margin: 15px;
}

#cl-brandsection .section ul li {
    font-size: 16px;
    line-height: 28px;
    margin: 0 20px;
}

.cl-list-group {
    display: flex;
    flex-flow: row wrap;
}

.cl-list-group ul {
    width: 110px;
  padding-left: 10px;
}

.ESCL.Home #locationInfoSection #Locations {
    font-size: 32px;
    line-height: 49px;
    font-weight: bold;
    text-align: left;
}

.ESCL.Home #locationInfoSection #Locations .location-groups {
    font-size: 16px;
    line-height: 27px;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-office .office {
    font-size: 16px;
    line-height: 27px;
  font-weight: normal;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-office .contact-card {
    background: #FAFAFA;
    border-left: 5px solid #5A87EC;
  padding: 10px 0 10px 10px;
    font-weight: normal;
    margin: 10px 0;
  line-height: 22px;
}

.ESCL.Home #locationInfoSection .section {
    border: none;
    background: none;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-office .contact-card .title {
    font-size: 22px;
    font-weight: bold;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-dist {
    font-size: 22px;
    font-weight: bold;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-dist ul li .address {
    font-size: 14px;
    font-weight: normal;
  line-height: 20px;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-dist ul li .address .title {
    font-weight: bold;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-dist ul {
    list-style: none;
    padding-left: 0;
  padding-top: 0;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-office .office .title {
    font-weight: bold;
    font-size: 22px;
  margin: 5px 0;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-office .office .title:before {
    content: url("/Rexnord/media/Rexnord/Icons/Blue_Marker.png");
    margin-right: 5px;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-dist .title {
  margin-top: 5px;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-dist .title:before {
    content: url("/Rexnord/media/Rexnord/Icons/Red_Marker.png");
    margin-right: 5px;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-dist .address .title:before {
    content: none;
}

.ESCL.Home #locationInfoSection #Locations .location-groups .rex-office .contact-card .title:before {
    content: url("/Rexnord/media/Rexnord/Icons/Contact.png");
    margin-right: 5px;
}

.ESCL #map-canvas.googlemap-au {
    height: 650px;
    max-height: 650px;
}

.ESCL .locationInfoSection .section {
    border: 1px solid #E3E3E3;
}

.ESCL #locationInfoSection .section:first-of-type {
    border: none !important;
}

.ESCL #locationInfoSection .section:nth-of-type(2) {
    border: 1px solid #E3E3E3;
    padding: 0;
}

.ESCL .productGroupTab {
    width: calc((100% / 6) - 14px);
    margin: 0 7px;
    height: 150px;
}

.ESCL .productGroupTab img {
    width: 100%;
}

.ESCL .productGroupTab .productImage {
    border: 1px solid #CBCBCB;
    display: flex;
    align-items: center;
  position: relative;
  width: 100%;
  height: 102%;
}

.ESCL .productGroupTab .productTitle {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.ESCL .tab-content {
    padding-bottom: 75px;
}

@media (max-width: 550px) {
  .ESCL.Home .new-banner .overlay-copy .img {
    display: none;
  }
}

/*#Industry Solution/Bev Page#*/
.bev-overview .rex-title-text {
    font-size: 32px;
    font-family: Lato;
    font-weight: bold;
    line-height: 35px;
}

.bev-overview .rex-subtitle-text {
    font-size: 20px;
    font-style: italic;
    line-height: 24px;
    font-family: Lato;
}

.bev-overview {
    margin: 30px;
}

.bev-subsection .rex-desc-text {
    font-size: 16px;
    line-height: 26px;
}

.bev-subsection {
    margin: 45px 0 55px;
}

.content.bev-application {
    display: none;
}

.content.bev-container {
    display: none;
    position: absolute;
    padding-top: 5px;
    right: 0;
    left: 0;
    z-index: 1;
}

.content.bev-liquid {
    display: none;
}

.bevApps .tab.bev-liquid {
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

.bevApps .tab.bev-liquid .tablinks.bev-liquid {
    width: calc((100% / 6) - 7px);
    border: 1px solid #E3E3E3;
    background: white;
    margin: 0 3px 7px 3px;
    padding: 15px;
    display: flex;
    flex-flow: column;
}

.bevApps .tab.bev-liquid button .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    font-family: Lato;
    margin-top: 5px;
    width: 100%;
    opacity: .55;
}

.bevApps .tab.bev-liquid button .content {
    font-size: 12px;
    line-height: 16px;
    font-family: Lato;
    margin-top: 5px;
    opacity: .55;
}

.bevApps .tab.bev-liquid button.tablinks.bev-liquid.active {
    border-bottom: none;
    margin-bottom: -1px;
    background: #F8F8F8;
    z-index: 2;
    transition: unset;
}

.bevApps .tab.bev-liquid button.tablinks.bev-liquid.active .title,
.bevApps .tab.bev-liquid button.tablinks.bev-liquid.active .content 
{
    opacity: 1
}

.bevApps .tab.bev-liquid .content.bev-liquid {
    width: 100%;
}

.bevApps .tab.bev-liquid .content.bev-liquid {
    background: #f8f8f8;
    padding-top: 8px;
    padding-bottom: 60px;
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
    position: absolute;
    margin-bottom: 6px;
    opacity: 1;
    z-index: 1;
  left: 0;
}

.bevApps .tab.bev-liquid .content.bev-liquid:before,
.bevApps .tab.bev-liquid .content.bev-liquid:after {
    content: "";
    background: #f8f8f8;
    position: absolute;
    width: 10000px;
    top: -1px;
    bottom: -1px;
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
}

.bevApps .tab.bev-liquid .content.bev-liquid:before 
{
    right: 100%;
}

.bevApps .tab.bev-liquid .content.bev-liquid:after {
    left: 100%;
}

.bevApps .tab.bev-liquid .tab.bev-container {
    display: flex;
    flex-flow: row wrap;
}

.bevApps .tab.bev-liquid .tab.bev-container button.tablinks.bev-container {
    width: calc((100% / 6) - 6px);
    margin: 3px;
    background: #EAEAEA;
}

.bevApps .tab.bev-liquid .tab.bev-container button.tablinks.bev-container .title {
    color: #B4B4B4;
    font-size: 14px;
    line-height: 26px;
}

.bevApps .tab.bev-liquid .tab.bev-container button.tablinks.bev-container.active {
    background: #bd0120;
}

.bevApps .tab.bev-liquid .tab.bev-container button.tablinks.bev-container.active .title {
  color: #fff;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application {
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .tablinks.bev-application {
    width: calc((100% / 6) - 7px);
    background: #EAEAEA;
    border: 1px solid #E3E3E3;
    margin: 3px;
    padding: 0 0 10px 0;
    display: flex;
    flex-flow: column;
    align-items: unset;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .tablinks.bev-application .tab-button-container .image img {
    width: 100%;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .tablinks.bev-application .tab-button-container .image 
{
    opacity: .55;
    margin: 0;
    min-height: 35px;
    width: 100%;
}

.bevApps .tab.bev-container .container-x {
    right: -20px;
    top: 11px;
}

.bevApps .tab.bev-container .content.bev-application .container-x {
    right: 7px;
    top: 7px;
}

.bevApps .container-x {
    background: red;
    width: 20px;
    height: 20px;
    text-align: center;
    color: white;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.woodApps button:focus,
.bevApps button:focus {
    outline: none;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .tablinks.bev-application.active .title {
    opacity: 1;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .tablinks.bev-application.active .image {
    opacity: 1;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .tablinks.bev-application.active {
    background: white;
    border-bottom: none;
    z-index: 2;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    margin: -5px 3px 3px 3px;
    padding: 15px;
    position: absolute;
  width: calc(100% - 6px);
  opacity: 1;
  z-index: 1;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  left:0;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container {
    display: flex;
    flex-flow: row nowrap;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .link-list-container {
    width: 75%;
    display: flex;
    flex-flow: row wrap;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .link-list-container .link-list {
    width: 50%;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .link-list-container .link-list h4 {
    font-weight: bold;
    font-size: 15px;
    line-height: 16px;
    font-family: Lato;
    border-bottom: 1px solid #E3E3E3;
    margin-right: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .link-list-container .link-list ul {
    padding-left: 0;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .link-list-container .link-list ul li {
    font-size: 13px;
    line-height: 19px;
    color: #bd0120;
    list-style: none;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .link-list-container .header {
    margin: 3px;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .process-map {
    width: 25%;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .process-map img {
    width: 70%;
    margin-left: 15%;
    border: 1px solid #C1C1C1;
    border-radius: 4px;
    margin-top: 25px;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .process-map .context {
    text-align: center;
}

#bevImgModal .modal-content {
    width: 100%;
}

#bevImgModal {
    margin: auto;
    margin-top: 75px;
    width: 80%;
    overflow: hidden;
}

#bevImgModal #bevImgClose {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 25px;
    z-index: 1;
    cursor: pointer;
}

#bevImgModal img {
  width: 100%;
}

.bevApps .tab.bev-liquid .tablinks.bev-liquid:hover .title {
    opacity: 1;
    transition: 0.3s;
}

.bevApps .tab.bev-liquid .tablinks.bev-liquid:hover .content {
    opacity: 1;
    transition: 0.3s;
}

.bevApps .tab.bev-liquid .tab.bev-container button.tablinks.bev-container:hover .title {
    opacity: 1;
    transition: 0.3s;
    color: white;
}

.bevApps .tab.bev-liquid .tab.bev-container button.tablinks.bev-container:hover {
    background: #980019;
    transition: 0.3s;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .tablinks.bev-application:hover .image {
    opacity: 1;
    transition: 0.3s;
}

.bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .tablinks.bev-application:hover .title {
    opacity: 1;
    transition: 0.3s;
}

.bevApps .tab.bev-liquid .tablinks.bev-liquid .tab-button-container .image img {
    opacity: .55;
}

.bevApps .tab.bev-liquid .tablinks.bev-liquid:hover .tab-button-container .image img {
    opacity: 1;
    transition: 0.3s;
}

.bevApps .tab.bev-liquid .tablinks.bev-liquid:hover {
    background: #f8f8f8 ;
    transition: 0.3s;
}

@media (max-width: 874px) {
  .bevApps .tab.bev-liquid .tablinks.bev-liquid {
    width: calc((100% / 2) - 6px)
  }
  
  .bevApps .tab.bev-liquid .tab.bev-container button.tablinks.bev-container {
    width: calc((100% / 2) - 6px);
  }
  
  .bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .tablinks.bev-application {
    width: calc((100% / 2) - 6px);
  }
  
  .bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .link-list-container {
    width: 100%;
  }
  
  .bevApps .tab.bev-liquid .content.bev-liquid .content.bev-container .tab.bev-application .content.bev-application .content-application-container .process-map {
    display: none;
  }
}
/*#Industry Solution/Bev Page - END#*/

/*#Industry Solution/Forest Page#*/
.woodApps .tab.wood-product {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    justify-content: center;
}

.woodApps .tab.wood-product button.tablinks.wood-product.active {
    border-bottom: none;
    background: #f8f8f8;
    margin-bottom: -1px;
    z-index: 2;
    transition: unset;
}

.woodApps .tab.wood-product .tablinks.wood-product {
    width: calc((100% / 6) - 7px);
    border: 1px solid #e3e3e3;
    background: white;
    margin: 0 3px 7px 3px;
    padding: 15px;
    display: flex;
    flex-flow: column;
}

.woodApps .tab.wood-product button.tablinks.wood-product.active .title,
.woodApps .tab.wood-product button.tablinks.wood-product.active .content {
    opacity: 1;
}
.woodApps .tab.wood-product button .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    font-family: Lato;
    margin-top: 5px;
    width: 100%;
    opacity: .55;
}

.woodApps .tab.wood-product button.tablinks.wood-product.active .title, 
.woodApps .tab.wood-product button.tablinks.wood-product.active .content {
    opacity: 1;
}
.woodApps .tab.wood-product button .content {
    font-size: 12px;
    line-height: 16px;
    font-family: Lato;
    margin-top: 5px;
    opacity: .55;
}

.woodApps .tab.wood-product .content.wood-product {
    background: #f8f8f8;
    padding-top: 8px;
    padding-bottom: 60px;
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
    position: absolute;
    margin-bottom: 6px;
    opacity: 1;
    z-index: 1;
    left: 0;
}

.woodApps .tab.wood-product .content.wood-product:before {
    right: 100%;
}

.woodApps .tab.wood-product .content.wood-product:after {
    left: 100%;
}

.woodApps .tab.wood-product .content.wood-product:before,
.woodApps .tab.wood-product .content.wood-product:after {
    content: "";
    background: #f8f8f8;
    position: absolute;
    width: 10000px;
    top: -1px;
    bottom: -1px;
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
}

.woodApps .tab.wood-product .content.wood-product {
    width: 100%;
}


.content.wood-product {
    display: none;
    position: absolute;
    padding-top: 5px;
    right: 0;
    left: 0;
    z-index: 1;
}

.woodApps .tab.wood-product .tab.wood-application {
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

.woodApps .tab.wood-product .tab.wood-application .tablinks.wood-application {
    width: calc((100% / 6) - 7px);
    background: #EAEAEA;
    border: 1px solid #E3E3E3;
    margin: 3px;
    padding: 0 0 10px 0;
    display: flex;
    flex-flow: column;
    align-items: unset;
}

.woodApps .tab.wood-product .tab.wood-application .tablinks.wood-application.active {
    background: white;
    border-bottom: none;
    z-index: 2;
}

.woodApps .tab.wood-product .tab.wood-application .tablinks.wood-application .tab-button-container .image {
    opacity: .55;
    margin: 0;
    min-height: 35px;
    width: 100%;
}

.woodApps .tab.wood-product .tab.wood-application .tablinks.wood-application .tab-button-container .image img {
    width: 100%;
}

.woodApps .tab.wood-product button .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    font-family: Lato;
    margin-top: 5px;
    width: 100%;
    opacity: .55;
}

.woodApps .tab.wood-product .tab.wood-application .content.wood-application {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    margin: -5px 3px 3px 3px;
    padding: 15px;
    position: absolute;
    width: calc(100% - 6px);
    opacity: 1;
    z-index: 1;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    left: 0;
}

.tab.wood-product,
.content.wood-application {
  display: none;
}

.woodApps .container-x {
    background: red;
    width: 20px;
    height: 20px;
    text-align: center;
    color: white;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.woodApps .tab.wood-product .container-x {
    right: -20px;
    top: 11px;
}

.woodApps .tab.wood-product .content.wood-application .container-x {
    right: 7px;
    top: 7px;
}

.woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container {
    display: flex;
    flex-flow: row nowrap;
}

.woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .link-list-container {
    width: 75%;
    display: flex;
    flex-flow: row wrap;
}

.woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .link-list-container .header {
    margin: 3px;
}

.woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .link-list-container .link-list {
    width: 50%;
}

.woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .link-list-container .link-list h4 {
    font-weight: bold;
    font-size: 15px;
    line-height: 16px;
    font-family: Lato;
    border-bottom: 1px solid #E3E3E3;
    margin-right: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
}

.woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .link-list-container .link-list ul {
    padding-left: 0;
}

.woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .link-list-container .link-list ul li {
    font-size: 13px;
    line-height: 19px;
    color: #bd0120;
    list-style: none;
}

.woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .process-map {
    width: 25%;
}

.woodApps .tab.wood-product .tab.wood-application .content.wood-application .details .process-map .context {
    text-align: center;
}

.woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .process-map img {
    width: 70%;
    margin-left: 15%;
    border: 1px solid #C1C1C1;
    border-radius: 4px;
    margin-top: 25px;
}

@media (max-width: 874px) {
  .woodApps .tab.wood-product .tablinks.wood-product {
    width: calc((100% / 2) - 6px)
  }
  
  .woodApps .tab.wood-product .tab.wood-application .tablinks.wood-application {
    width: calc((100% / 2) - 6px);
  }
    
  .woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .link-list-container {
    width: 100%;
  }
  
  .woodApps .tab.wood-product .content.wood-product .tab.wood-application .content.wood-application .content-application-container .process-map {
    display: none;
  }
}

/*#Industry Solution/Forest Page - END#*/

/*#Rex Brand#*/
.rex-brand .brand-header .rex-title-text {font-weight: bold;font-size: 32px;line-height: 35px;}

.rex-brand {
    text-align: center;
    margin: 35px;
}

.rex-brand .brand-header .rex-subtitle-text {
    font-size: 20px;
    line-height: 24px;
    margin: 10px;
  font-style: italic;
}

.rex-brand .brand-header .rex-desc-text {
    font-size: 16px;
    line-height: 26px;
}

.rex-brand .brand-header {
    margin: 0 30px 30px 30px;
}

.rex-brand .flex-one .brand-rex {
    border: 1px solid #E3E3E3;
    padding: 35px;
}

.rex-brand .flex-one .brand-rex .details {
    font-size: 14px;
    line-height: 22px;
    margin: 15px 0;
}

.rex-brand .brand-items .brand-item .title {
    font-size: 19px;
    font-weight: bold;
    line-height: 19px;
}

.rex-brand .brand-items .brand-item .sub-text {
    font-size: 16px;
    line-height: 18px;
    font-style: italic;
}

.rex-brand .brand-items .brand-item {
    width: calc(100% / 4);
    padding: 15px;
}

.rex-brand .brand-items {
    display: flex;
    flex-flow: row wrap;
}

.rex-brand .flex-two {
    display: flex;
    flex-flow: row nowrap;
}

.rex-brand .flex-two .flex-item {
    border: 1px solid #E3E3E3;
    padding: 25px;
}

.rex-brand .flex-two .flex-item .details {
    font-size: 14px;
    line-height: 22px;
}

.rex-brand .flex-one {
    margin-bottom: 15px;
}

.rex-brand .flex-two .flex-item:first-child {
    margin-right: 15px;
}

@media (max-width: 769px) {
    .rex-brand .flex-two .flex-item:first-child {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .rex-brand .brand-items .brand-item {
        width: calc(100% / 2);
    }

    .rex-brand .flex-two {
        flex-flow: row wrap;
    }
}

/*#QR App#*/
.qr-app {
    text-align: center;
}

.qr-app .app-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
}

/*#Aero PDF Template#*/
.aero-pdf-template .pdf-left-overview {
    width: 66% !important;
}

.aero-pdf-template .pdf-left-benefits {
    width: 50% !important;
}

.aero-pdf-template .overview-section {
    margin: 40px 0 60px 0;
}

.aero-pdf-template .benefits-section .rex-title-text,
.aero-pdf-template .overview-section .rex-title-text,
.aero-pdf-template .related-section .rex-title-text {
    margin-bottom: 5px;
}

.aero-pdf-template .benefits-section .rex-desc-text {
    margin-top: 20px;
}

.aero-pdf-template h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: black;
    margin-bottom: 5px;
}

.aero-pdf-template p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 5px;
}

.aero-pdf-template .overview-section-left {
    margin-right: 30px;
}

.aero-pdf-template .overview-section-right {
    background: #F3F3F3;
    padding: 20px;
}

.aero-pdf-template .overview-section-right img {
    width: calc(100% + 40px);
    margin: -20px 0 20px -20px;
}

.aero-pdf-template .benefits-section {
    margin-top: 75px;
    padding: 50px 0;
}

.aero-pdf-template .benefits-section,
.aero-pdf-template .benefits-content {
    background: #F3F3F3;
    position: relative;
}

.aero-pdf-template .benefits-content:after,
.aero-pdf-template .benefits-content:before,
.aero-pdf-template .benefits-section:after,
.aero-pdf-template .benefits-section:before {
    content: "";
    background: #f3f3f3;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 999px;
    z-index: 100;
}

.aero-pdf-template .benefits-content:after,
.aero-pdf-template .benefits-section:after {
    right: 100%;
}

.aero-pdf-template .benefits-content:before,
.aero-pdf-template .benefits-section:before {
    left: 100%;
}

.aero-pdf-template .multi-img {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    margin-bottom: 25px;
}

.aero-pdf-template .multi-img img {
    width: 50%;
}

.aero-pdf-template .benefits-section-left {
    margin-right: 15px;
}

.aero-pdf-template .benefits-section-right {
    margin-left: 15px;
}

.aero-pdf-template .benefits-section-right .single-img img {
    width: 100%;
}

.aero-pdf-template .benefits-content {
    padding-bottom: 60px;
}

.aero-pdf-template .related-section {
    margin: 30px 0;
}

.aero-pdf-template .pdf-related-pages {
    display: flex;
    flex-flow: column wrap;
}

.aero-pdf-template .pdf-related-pages .pdf-related {
    width: 25%;
    border: solid 1px #E8E8E8;
    margin: 5px;
}

.aero-pdf-template .pdf-related-pages .pdf-related img {
    width: 100%;
}

.aero-pdf-template .pdf-related-pages .pdf-related .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    padding: 0 10px;
    margin-top: 10px;
}

.aero-pdf-template .pdf-related-pages .pdf-related a {
    font-size: 14px;
    line-height: 35px;
    padding: 0 10px;
    color: #bd0120;
}

.aerospace .button-area {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.button-area a {
    margin: 5px;
}

a.rex-white-download-button {
    background: white;
    border: white solid 2px;
    padding: 0 30px;
    color: #4F91CD;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
}

a.rex-white-border {
    border: white solid 2px;
    font-size: 16px;
    line-height: 35px;
    font-weight: bold;
    color: white;
    padding: 0 30px;
}

a.rex-white-download-button:before {
    content: url("/RexnordAerospace/media/Aerospace/Icons/download_icon.png");
    margin-right: 5px;
}

@media (max-width: 769px) {
  .aero-pdf-template .pdf-related-pages .pdf-related {
    width: 100%;
  }
  
  .aero-pdf-template .pdf-left-overview {
      width: 100% !important;
      float: none !important;
      margin-bottom: 30px;
  }
  
  .aero-pdf-template .pdf-left-benefits {
      width: 100% !important;
      float: none !important;
      margin-bottom: 30px;
  }
}

/*# Connected UX Overwrites #*/
.connected-ux__desktop-searchbox input::placeholder {
  color: #757575 !important;
}
.connected-ux__desktop-searchbox input::-webkit-input-placeholder {
  color: #757575 !important;
}
.connected-ux__desktop-searchbox input::-moz-placeholder {
  color: #757575 !important;
}
.connected-ux__desktop-searchbox input::-ms-input-placeholder {
  color: #757575 !important;
}
.connected-ux__desktop-searchbox input:-ms-input-placeholder {
  color: #757575 !important;
}
.generic-search .connected-ux__desktop-searchbox .submit-button {
  background: #4f91cd;
}

/*# Support fixes #*/
.product-support .thumbnail-list .title {
    height: unset;
    width: 100% !important;
    max-width: unset !important;
}

.product-support .thumbnail-list {
    display: flex;
    flex-flow: row wrap;
}

/*# Brands page updates #*/
.Process-Motion-Control-Brands .brandspt .panel-image {
  padding: 0 12px;
  max-height: 77px;
}
.Process-Motion-Control-Brands .brandspt .button {
  background: #bd0120;
  color: white;
  border: #bd0120 2px solid;
}
.Process-Motion-Control-Brands .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    //padding-left: 21%;
    padding-left: 3%;
}
.Process-Motion-Control-Brands .innerAccordion>a>.panel-heading>p {
    color: #000;
    font-size: 14px;
    padding-right: 3%;
    //padding-left: 21%;
    padding-left: 3%;
}
.Process-Motion-Control-Brands .innerAccordion>a>.panel-heading {
  padding-left: 0;
}


.Newbrands.BrowningBrand .PTBrandBottom>p.websiteLink,
.Newbrands.DurstBrand .PTBrandBottom>p.websiteLink,
.Newbrands.Foote-JonesBrand .PTBrandBottom>p.websiteLink,
.Newbrands.Grove-GearBrand .PTBrandBottom>p.websiteLink,
.Newbrands.Hub-CityBrand .PTBrandBottom>p.websiteLink,
.Newbrands.JaureBrand .PTBrandBottom>p.websiteLink,
.Newbrands.Kop-FlexBrand .PTBrandBottom>p.websiteLink,
.Newbrands.McGillBrand .PTBrandBottom>p.websiteLink,
.Newbrands.Milwaukee-GearBrand .PTBrandBottom>p.websiteLink,
.Newbrands.MorseBrand .PTBrandBottom>p.websiteLink,
.Newbrands.RollwayBrand .PTBrandBottom>p.websiteLink,
.Newbrands.SealmasterBrand .PTBrandBottom>p.websiteLink,
.Newbrands.System-PlastBrand .PTBrandBottom>p.websiteLink {
    display: block;
    padding: 15px 0;
    margin: 0 15px 0 21%
}

.Newbrands.BrowningBrand .PTBrandBottom>.panel-body,
.Newbrands.DurstBrand .PTBrandBottom>.panel-body,
.Newbrands.Foote-JonesBrand .PTBrandBottom>.panel-body,
.Newbrands.Grove-GearBrand .PTBrandBottom>.panel-body,
.Newbrands.Hub-CityBrand .PTBrandBottom>.panel-body,
.Newbrands.JaureBrand .PTBrandBottom>.panel-body,
.Newbrands.Kop-FlexBrand .PTBrandBottom>.panel-body,
.Newbrands.McGillBrand .PTBrandBottom>.panel-body,
.Newbrands.Milwaukee-GearBrand .PTBrandBottom>.panel-body,
.Newbrands.MorseBrand .PTBrandBottom>.panel-body,
.Newbrands.RollwayBrand .PTBrandBottom>.panel-body,
.Newbrands.SealmasterBrand .PTBrandBottom>.panel-body,
.Newbrands.System-PlastBrand .PTBrandBottom>.panel-body,
.Newbrands.AerospaceBrand .PTBrandBottom>.panel-body {
  border-top: none;
}

/*# Premium Service #*/
.Rexnord-Premium-Service .rex-title-text {
    font-weight: bold;
    font-family: Lato;
    font-size: 32px;
    line-height: 35px;
}

.Rexnord-Premium-Service .rex-subtitle-text {
    font-family: Lato;
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
}

.Rexnord-Premium-Service .rex-desc-text {
    font-family: Lato;
    font-size: 16px;
    line-height: 26px;
}

.Rexnord-Premium-Service .download-brochure {
    background: #4F91CD;
    margin: 0 5px;
    min-width: 200px;
    text-align: center;
}

.Rexnord-Premium-Service .download-brochure:before {
    background-image: url(/Rexnord/media/Rexnord/Icons/download_icon_1.png);
}

.Rexnord-Premium-Service .sign-in {
    background: #bd0120;
    margin: 0 5px;
    min-width: 200px;
    text-align: center;
}

.Rexnord-Premium-Service .sign-in:before {
    background-image: url(/Rexnord/media/Rexnord/Icons/Sign_In_Icon.svg);
}

.Rexnord-Premium-Service .sign-in:before,
.Rexnord-Premium-Service .download-brochure:before {
    background-size: 30px 30px;
    content: "";
    height: 30px;
    width: 30px;
    display: inline-block;
    position: relative;
    bottom: -5px;
    right: 5px;
}

.Rexnord-Premium-Service .download-brochure a,
.Rexnord-Premium-Service .sign-in a {
    color: white;
    font-size: 16px;
    line-height: 40px;
}
.Rexnord-Premium-Service .btn-section {
    display: flex;
    justify-content: center;
}

.Rexnord-Premium-Service .text-area {
    width: calc(100% - 100px);
    margin: auto;
}

.Rexnord-Premium-Service .btn-section div {
    margin-bottom: 10px;
}

.Rexnord-Premium-Service .video-section h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 35px;
}

.Rexnord-Premium-Service .video-section .selected-video {
    margin: auto;
  padding-bottom: 45%;
  margin-top: 25px;
}

@media (min-width: 768px) {
  .Rexnord-Premium-Service .promo.new-banner .teaser .overlay {
    left: 13%;
    right: 13%;
  }  

  .Rexnord-Premium-Service .video-section .selected-video iframe {
      width: 670px;
      height: 377px;
  }
  
  .Rexnord-Premium-Service .video-section .selected-video {
    width: 670px;
    height: 377px;
    }
}

@media (max-width: 768px) {
    .Rexnord-Premium-Service .text-area {
        width: 100%;
    }

    .Rexnord-Premium-Service .btn-section {
        flex-flow: row wrap;
    }
}

/*#PT Select In Page Banner#*/
.PT-Select-Spherical-Roller-Bearings .in-page-banner_image-wrap {
    margin-right: 25px;
    margin-top: 15px;
}

.PT-Select-Spherical-Roller-Bearings .in-page-banner_text-wrap {
    max-width: calc(100% - 380px - 25px);
}
.PT-Select-Spherical-Roller-Bearings .in-page-banner {
    margin-top: 50px;
}

.rfs-header .rex-title-text {
    font-size: 30px;
    margin-top: 20px;
}

.rfs-header .details img {
    float: left;
}

.rfs-header .details .rex-subtitle-text {
    font-size: 22px;
    margin: 20px 0;
}

.rfs-header .details .rex-desc-text {
    font-size: 14px;
}

/*#EU-CAD#*/
.eu-cad-banner {
    text-align: center;
    font-family: Lato;
    margin-bottom: 100px;
}

.eu-cad-banner .eu-cad-banner_title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}

.eu-cad-banner .eu-cad-banner_subtitle {
    font-size: 16px;
    font-weight: bold;
}

.EU-CAD .new-banner h2 {
    font-size: 28px !important;
    font-weight: bold !important;
    font-family: Lato;
}

.EU-CAD .promo.new-banner .teaser .overlay {
    left: 10%;
    right: 10%;
}

.EU-CAD .companyPage h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: -10px;
    margin-bottom: 25px;
}

.EU-CAD .eu-cad-options {
    display: flex;
    justify-content: center;
    height: 140px;
}

.EU-CAD .eu-cad-options .cad-d-category-option {
    height: 100%;
}

.EU-CAD .eu-cad-options a {
    width: 160px;
}

ul.eu-cad-group {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    border-top: 1px solid black;
    border-left: 1px solid black;
}

ul.eu-cad-group li {
    list-style: none;
    width: calc(16.666%);
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
    padding: 5px 0;
}

.EU-CAD .cad-d-category-option p {
  line-height: 16px;
}

@media (max-width: 768px) {
    .EU-CAD .eu-cad-options .cad-m-category-option img {
        display: unset;
    }

    .EU-CAD .eu-cad-options .cad-d-category-option {
        background-color: #f6f6f6;
        border: 1px solid #d5d5d5;
        font-weight: bold;
        margin: 10px 4px;
        padding: 10px;
        text-align: center;
        display: block;
        min-width: 115px;
        min-height: 115px;
    }

    .EU-CAD .eu-cad-options {
        height: unset;
    }

    .EU-CAD .eu-cad-options .cad-d-category-option {
        height: 85%;
    }

    .EU-CAD .eu-cad-options a {
        width: calc(100% / 3);
    }

    .cad-d-category-option:hover {
        background-color: #e1e1e1;
    }
  
  ul.eu-cad-group li {
    width: calc(100% / 2);
  }
}

/*#Dist Locator#*/
.foundDealers .dist-split:first-of-type {
    font-size: 18px;
    background: none;
    color: black;
    padding: 0;
}

.foundDealers .dist-split {
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    background: #27376D;
    color: white;
    padding: 5px 8px;
    margin-bottom: 10px;
}

.dist-embargo .dist-embargo_tooltip {
    visibility: hidden;
    position: absolute;
    background: #FF0000;
    padding: 5px 7px;
    color: white;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    width: 314px;
    top: -30px;
    margin-left: 25px;
}

.dist-embargo .dist-embargo_tooltip:before {
    content: "";
    border: solid transparent 10px;
    border-right: solid #FF0000 20px;
    position: absolute;
    left: -30px;
    top: 34px;
}

span.dist-embargo {
    position: relative;
    color: #02306b;
    text-decoration: underline;
}

.dist-embargo:hover .dist-embargo_tooltip {
    visibility: visible;
}

.Distributor-Locator #dist-form-input #countryInput,
.Distributor-Locator #dist-form-input #addressInput,
.Distributor-Locator #dist-form-input #radiusInput {
    display: flex;
    flex-flow: column;
}

.Distributor-Locator #dist-form-input {
    display: flex;
    flex-flow: row nowrap;
}

.Distributor-Locator #dist-form-input input {
    margin: unset;
}

.Distributor-Locator .header {
    margin-top: 50px;
    margin-bottom: 30px;
}

.Distributor-Locator .header .rex-title-text {
    margin-bottom: 10px;
}

.Distributor-Locator .header .rex-subtitle-text {
    margin-bottom: 0;
}

.Distributor-Locator #form-container #user-location {
    background: #F4F4F4;
    padding: 35px 50px 50px;
}

.Distributor-Locator #dist-form-input #countryInput,
.Distributor-Locator #dist-form-input #addressInput {
    width: 33%;
    padding-right: 5px;
}
.Distributor-Locator #dist-form-input #radiusInput{
    width: 19%;
}

.Distributor-Locator #dist-form-input #distSubmit{
    margin-left: 5px;
    width: calc(15% - 5px);
    align-self: flex-end;
    background: #02306b;
    color: white;
    font-size: 18px;
    font-family: Lexend;
    font-weight: bold;
    height: 40px;
}

.Distributor-Locator #dist-form-input label{
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 0;
}

.Distributor-Locator #dist-form-input input,
.Distributor-Locator #dist-form-input select{
    height: 38px;
    font-size: 16px;
    font-family: Lato;
    border: 1px solid #ccc;
    background: white;
    border-radius: 3px;
}

.foundDealers .foundDealers_dealer {
    border: solid 1px #EDEDED;
    margin-bottom: 10px;
    padding: 20px;
}

.foundDealers .foundDealers_dealer .dealer_title {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.foundDealers .foundDealers_dealer {
    font-family: Lato;
      display: flex;
    justify-content: space-between;
    align-items: center;
}

.foundDealers .foundDealers_dealer .dealer_subtitle {
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
}

.foundDealers .foundDealers_dealer .dealer_address {
    font-size: 13px;
    line-height: 20px;
  text-transform: capitalize;
}

.foundDealers .foundDealers_dealer .dealer_details {
    font-size: 13px;
    line-height: 20px;
}

.loadMoreText {
    text-align: center;
    color: #02306b;
    font-size: 14px;
    line-height: 49px;
    font-family: Lexend;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.dealer .dealer_details .dealer_link {
    color: #02306b;
    text-decoration: underline;
    cursor: pointer;
}

.searchResults .searchResults_header {
    font-size: 18px;
    font-family: Lato;
    font-weight: bold;
    line-height: 20px;
    margin: 30px 0 15px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Distributor-Locator .searchResults .searchResults_header .searchResults_filterToggle {
    font-size: 14px;
    font-weight: bold;
    color: white;
    background: #0D4E76;
    padding: 5px 25px;
    cursor: pointer;
    display: none;
}

.searchResults_body .filter {
    background: #F4F4F4;
    padding: 20px 0 20px 50px;
    align-self: flex-start;
    margin-right: 8px;
    width: 25%;
}

.searchResults_body .filter .filter_title {
    font-weight: bold;
    font-size: 16px;
    font-family: Lato;
}

.searchResults_body {
    display: flex;
}

.searchResults_body .data {
    width: 75%;
}

.foundDealers .foundDealers_dealer .dealer_button {
    background: white;
    width: 100%;
    font-size: 16px;
    font-family: Lato;
    font-weight: bold;
}

.foundDealers .foundDealers_dealer .dealer {
    width: 75%;
}

.foundDealers_dealer .dealer_contact {
    border: solid 2px #02306b;
    width: 150px;
    text-align: center;
    padding: 5px;
}

.foundDealers .foundDealers_dealer .dealer_call:before,
.foundDealers .foundDealers_dealer .dealer_call_mobile:before {
    content: url(/Rexnord/media/Rexnord-Images/Icons/Red%20Icons/icon-red_phone.png);
    margin-right: 3px;
}

.loadingIndicator {
    width: 100%;
    position: fixed;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .7;
    background: white;
}

.loadingIndicator.showIndicator {
    display: flex;
}

.loadingIndicator.hideIndicator {
    display: none;
}

.distModal {
    width: 100%;
    position: fixed;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}

.distModal.showDistModal {
    display: flex;
}

.distModal .distModal_container {
    background: white;
    min-width: 500px;
    min-height: 350px;
    border: 1px solid black;
    display: flex;
    flex-flow: row nowrap;
    padding: 30px;
    z-index: 10010;
  position: relative;
}

.distModal .distModal_background {
    background: black;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: .5;
    z-index: 10005;
}

.foundDealers .hiddenField {
    display: none;
}

.distModal .addressInfo_name {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}

distModal {
    font-family: Lato;
}

.distModal .addressInfo_address {
    font-size: 16px;
    line-height: 20px;
}

.distModal .addressInfo_details {
    font-size: 16px;
    line-height: 20px;
}

.distModal .addressInfo_details a {
    text-decoration: underline;
}

.distModal .addressInfo_btn a {
    color: white;
    background: #02306b;
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
    padding: 10px 50px;
}

.distModal .addressOfferings .offerings_title {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.distModal .addressOfferings ul {
    font-size: 14px;
    padding-left: 20px;
}

.distModal .addressInfo {
    width: 350px;
}

.distModal .distModalClose {
    position: absolute;
    top: -7px;
    right: 10px;
    line-height: 40px;
    font-size: 24px;
    color: #969696;
    cursor: pointer;
}

.distModal .mapInfo .mapSection {
    width: 430px;
    height: 330px;
    background: white;
    text-align: center;
}

.distModal .mapInfo .btnSection {
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 5px;
}

.distModal .mapInfo .btnSection .printLocation {
    text-decoration: underline;
    color: #bd0120;
    cursor: pointer;
}

.searchResults_body .makeHidden,
#distScrollFilter.makeHidden {
  visibility: hidden;
}

@media only screen and (max-width: 874px) {
    .Distributor-Locator #dist-form-input {
        flex-flow: column;
    }

    .Distributor-Locator #form-container #user-location {
        padding: 15px 18px 50px 18px;
    }

    .Distributor-Locator #dist-form-input #countryInput,
    .Distributor-Locator #dist-form-input #addressInput,
    .Distributor-Locator #dist-form-input #radiusInput,
    .Distributor-Locator #dist-form-input #distSubmit {
        width: 100%;
        margin-bottom: 10px;
    }

    .Distributor-Locator #dist-form-input #distSubmit {
        margin-top: 10px
    }
  
  .Distributor-Locator .searchResults .searchResults_header .searchResults_filterToggle {
    display: block;
  }

    .Distributor-Locator .searchResults {
        margin: 0 15px
    }

    .Distributor-Locator .searchResults .searchResults_header {
        border-bottom: 1px solid #EDEDED;
        padding-bottom: 5px;
        margin: 25px 0 10px 0;
    }

    .searchResults_body{
        flex-flow: column;
    }

    .searchResults_body .filter {
        width: 100%;
        margin-bottom: 10px;
        display: none;
        flex-flow: row wrap;
        padding: 20px;
    }

    .searchResults_body .filter .filterItem {
        width: 50%;
    }

    .searchResults_body .filter .filter_title{
        display: none;
    }

    .foundDealers .foundDealers_dealer .dealer,
    .searchResults_body .data {
        width: 100%;
    }

    .foundDealers .foundDealers_dealer {
        flex-flow: column;
        align-items: normal;
    }

    .foundDealers_dealer .dealer_contact {
        margin-top: 15px;
    }

    .distModal .distModal_container {
    margin: 10px;
    min-width: auto;
    }

    .distModal .addressInfo {
        width: 100%;
    }

    .distModal .mapInfo {
        display: none;
    }
}

@media print {
  body * {
    visibility: hidden;
  }
  
  #distModal .distModalClose {
    visibility: hidden;
  }
  
  #distModal .addressInfo_details,
  #distModal .addressInfo_details * {
    visibility: hidden;
    height: 0;
  }
  
  .distModal .distModal_background {
    background: white;
  }

  #distModal .mapInfo .btnSection,
  #distModal .mapInfo .btnSection * {
    visibility: hidden;
  }
  
  #distModal, #distModal * {
    visibility: visible;
    border: none;
  }
  #distModal {
    align-items: normal;
  }
  
  #distModal .distModal_container {
      justify-content: flex-start;
      flex-flow: column;
      height: auto;
  }

  * {
    max-height: 350px;
  }
  
}

@media (max-width: 875px) {
    .dealer_contact.desktop_call {
        Display: none;
    }   
}

@media (min-width: 874px) {
    .dealer_contact.mobile_call {
        Display: none;
    }   
}

/*# Distributor Locator / Scroll #*/
#distScrollFilter {
    position: fixed;
  top: 95px;
}

#distScrollFilter .filter {
    background: #F4F4F4;
    padding: 20px 20px 0 20px;
    align-self: flex-start;
}

#distScrollFilter .filter .filter_title {
    font-weight: bold;
    font-size: 16px;
    font-family: Lato;
}

#distScrollFilter #dist-form-input_Scroll {
    display: flex;
    flex-flow: column;
    background: #f4f4f4;
    padding: 20px 20px 0 20px;
}

#distScrollFilter #dist-form-input_Scroll label {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 0;
}

#distScrollFilter #dist-form-input_Scroll #countryInput, 
#distScrollFilter #dist-form-input_Scroll #addressInput {
    width: 100%;
    margin-bottom: 10px;
}

#distScrollFilter #dist-form-input_Scroll input, 
#distScrollFilter #dist-form-input_Scroll select {
    height: 38px;
    font-size: 16px;
    font-family: Lato;
    border: 1px solid #ccc;
    background: white;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
}

#distScrollFilter #dist-form-input_Scroll #distSubmit {
    margin: 10px 0;
    width: 100%;
    align-self: flex-end;
    background: #02306b;
    color: white;
    font-size: 18px;
    font-family: Lexend;
    font-weight: bold;
    height: 40px;
}

/*#EU-HR#*/
.Careers .careers {
    margin-left: 35px;
    width: calc(100% - 70px);
    font-family: Lato;
}

.careerHeader .careerHeader_title {
    font-size: 32px;
    font-weight: bold;
    line-height: 49px;
}

.careerHeader .careerHeader_subtitle {
    font-size: 16px;
    line-height: 24px;
}

.Careers .careers .careerHeader {
    margin: 50px 0;
}

.Careers .careers .careerOptions {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.careerOptions .careerOption_careerItem {
    width: calc(50% - 10px);
    background: #F4F4F4;
}

.careerOption_careerItem .careerItem_title {
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    margin: 20px;
}

.careerOption_careerItem .careerItem_link {
    font-size: 18px;
    line-height: 16px;
    margin: 30px 20px 50px 20px;
}

.careerOption_careerItem .careerItem_link a {
    color: white;
    background: #bd0120;
    padding: 15px 25px;
}

.careerOptions .careerOption_careerItem img {
    width: 100%;
}

@media (max-width: 768px) {
    .careerOptions .careerOption_careerItem {
        width: 100%;
        margin-bottom: 20px;
    }
}

.career-body_group {
    display: flex;
    flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.career-body_group .career-card {
    background: #F4F4F4;
    padding: 10px;
    margin: 5px;
    width: calc((100% / 3) - 10px);
}

.career-body_rows {
    display: flex;
    flex-flow: column;
}

.career-row .career-details {
    width: 70%;
}

.career-row {
    display: flex;
    flex-flow: row-reverse nowrap;
    border-top: 1px solid #EDEDED;
    padding: 20px 0;
}

.career-row .career-card {
    width: 30%;
}

.Career-EU .career-inpage-banner {
    background: url(/Rexnord/media/Rexnord/Banners/hr_openings.png);
    background-repeat: no-repeat;
    background-size: cover;
     margin-top: 45px;
    margin-bottom: 15px;
}

.Career-EU .career-inpage-banner_title {
    padding: 50px;
    color: white;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.Career-EU {
    font-family: Lato;
}

.Career-EU .euhr .header_title {
    font-size: 32px;
    font-weight: bold;
    margin-top: 50px;
}

.Career-EU .euhr {
    margin-left: 35px;
    margin-right: 35px;
}

.Career-EU .euhr .header_subtitle {
    font-size: 16px;
    line-height: 24px;
}

.euhr .career-body .career-body_title {
    font-size: 22px;
    font-weight: bold;
    margin-top: 25px;
}

.euhr .career-body .career-body_subtitle {
    font-size: 14px;
    line-height: 22px;
}

.career-card .career-card_title {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
}

.career-card .career-card_subtitle,
.career-card .career-card_detail {
    font-size: 14px;
    line-height: 20px;
}
.career-card .career-card_detail {
    font-style: italic;
}

.career-card .career-card_email {
    font-size: 14px;
    text-decoration: underline;
    line-height: 16px;
}

.career-card .career-card_phone {
    font-size: 14px;
    line-height: 16px;
}

.career-row .career-card .career-card_phone {
    padding-bottom: 10px;
}

.career-card .career-card_btn {
    background: #bd0120;
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 45px;
    padding: 5px 15px;
}

.career-card .career-card_info {
    font-size: 14px;
    line-height: 16px;
    padding-top: 10px;
}

.career-row .career-details {
    margin-left: 20px;
}

.career-row .career-details .career-details_title {
    font-size: 18px;
    font-weight: bold;
}

.career-row .career-details .career-details_subtext {
    font-size: 14px;
    line-height: 22px;
}

.career-row .career-details .career-details_subtext ul {
    padding-left: 20px;
    color: #4F91CD;
}

.career-card a,
.career-row a {
    color: #4F91CD;
}

.career-row .career-card div {
    background: #f4f4f4;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 850px) {
    .career-body_group .career-card {
        width: calc((100% / 2) - 10px);
    }
}

@media (min-width: 769px) {
    .career-body_group .career-card-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .career-row {
        flex-flow: column;
    }

    .career-row .career-details {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .career-row .career-card {
        width: 100%;
    }

    .career-card .career-card_info {
        padding-top: 20px;
    }

    .career-row .career-card div {
        padding-left: 20px;
        padding-right: 20px;
    }

    .career-row .career-card .career-card_phone {
        padding-bottom: 20px
    }
  
    .career-body_group .career-card {
        display: none;
    }

    .career-body_group .career-card-mobile {
        background: #bd0120;
        width: calc((100% / 2) - 4px);
        margin: 2px;
        padding: 8px;
    }

    .career-card-mobile .career-card_btn {
        color: white;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
    }
  
  .Career-EU .euhr {
    margin-left: 0;
    margin-right: 0;
  }
}

/*# Interchange Guide New #*/
.interchange-result-intro {
  font-size: 14px;
  font-weight: bold;
  color: #888;
  background: #e6e6e6;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
.interchange-results {
  background: #e6e6e6;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.interchange-instructions {
  font-size: 14px;
}
.interchange-results .result {
    display: inline-block;
    margin: 10px 6px;
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    width: 350px;
    border-radius: 5px;
}

.interchange-results .result p.primary{
    background: #bd0120;
    text-align: center;
    color: #fff;
    margin: -10px -10px 0 -10px;
}

.interchange-results .result p.alternative{
    background: #ccc;
    text-align: center;
    color: #555;
    margin: -10px -10px 0 -10px;
}

.interchange-results .result.result-1 {
  border: 3px solid #bd0120;
}
.interchange-results .result_image {
    text-align: center;
    height: 120px;
}
.interchange-results .result_image img {
    max-width: 100%;
    height: 100%;
}
.interchange-results .result_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #bd0120;
    margin-top: 10px;
}
.interchange-results .result_description {
    font-size: 16px;
    line-height: 24px;
}
.interchange-results .result_notes {
    text-transform: lowercase;
    font-weight: 700;
    margin: 5px 0;
}
.interchange-results .result_attribute {
    background: #f0f0f0;
    padding: 4px 10px;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0;
}
.interchange-results .result_attributes_regal {
    background: #777;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    padding: 65px 10px;
}
.interchange-results .result_attribute:nth-child(even) { background: #fff; }

.interchange-results .attribute_name {
    font-size: 14px;
    line-height: 24px;
}
.interchange-results .attribute_value {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
.interchange-results .result_buttons {
    margin: 10px 0 0;
}
.button_view-product, 
.button_request-for-quote, 
.button_add-to-cart {
    display: inline;
    width: calc(50% - 20px);
}
.button_view-product .button,
.button_request-for-quote .button,
.button_add-to-cart .button {
    display: inline-block;
    padding: 10px;
    margin: 0;
    font-size: 16px;
    max-width: 100%;
}
.button_view-product .button:hover,
.button_request-for-quote .button:hover,
.button_add-to-cart .button:hover {
    text-decoration: none !important;
}
.button_view-product .button { 
    color: #fff !important;
    border: 2px solid #bd0120;
    background: #bd0120;
    border-radius:5px;
    display:block;
}

.button_view-product .button.alternative { 
    color: #bd0120 !important;
    border: 2px solid #bd0120;
    background: #fff;
    border-radius:5px;
    display:block;
}

.button_view-product .button:hover {
    color: #bd0120;
    text-decoration: none !important;
}
.button_request-for-quote .button {
    color: white;
    background: #bd0120;
    border: 2px solid #bd0120;
}
.button_add-to-cart .button {
  background: #fbc610;
  border:2px solid #fbc610;
  color: #bd0120 !important;
}

.button_add-to-cart .button:hover {
  color: #bd0120;
}

/*# SCMS Form #*/
.tool-upgrade-field {
  
    clear: both;
    margin: 20px 50px;
    padding: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 20px;
}
.tool-upgrade-field div.editing-form-control-nested-control,
.tool-upgrade-field .radio {
  display: inline;
}
.tool-upgrade-field .radio input[type="radio"], 
.tool-upgrade-field .radio-inline input[type="radio"], 
.tool-upgrade-field .checkbox input[type="checkbox"], 
.tool-upgrade-field .checkbox-inline input[type="checkbox"] {
  float: none;
  margin-left: 15px;
}
.tool-upgrade-field .radio.radio-list-vertical > label + br {
  display: none;
}
.tool-upgrade + .form-group-submit .col-sm-3 {
  float: none;
  display: block;
  margin: 0 !important;
  text-align: center;
  width: auto;
  clear: both;
}
.tool-upgrade + .form-group-submit .col-sm-3 #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordEnhancedOn_lineForm_viewBiz_btnOK {
  width: 150px;
}
.tool-upgrade div.col-md-6>div.form-group>label {
    float: left;
    margin-left: 0!important;
    width: 100px;
    text-align: right;
}

/*# GDPR Form Styles #*/
.registerBizForm .gdpr-checkbox {
  padding-top: 20px;
}
.registerBizForm .gdpr-checkbox div.editing-form-control-nested-control {
  width: 15px;
  margin-top: 5px;
}

.form-terms {
  clear: both;
}
.multiStepFormBizForm .form-terms {
  padding: 20px 30px 0;
}

.registerBizForm .form-terms {
  margin-top: 190px;
}
.feedback-form + .gdpr-info-text {
  text-align: left;
}

#restOfServiceInfo .radio-list-horizontal label {
  float: none;
  margin-right: 0;
}
.gcBottomForm .gdpr-options label,
.multiStepFormBizForm .gdpr-options label,
.repair-services-form .gdpr-options .radio label{
  float: none;
  width: auto;
}

.gdpr-options .radio input[type="radio"] {
  float: none;
  margin-left: 15px;
}

/*# GDPR Manage Subscription Form Styles #*/
.manage-subscription-form .grid-wrapper .checkbox input[type="checkbox"] {
  display: inline-block;
  width: 20px;
  float: none;
  margin-left: 0;
}
.manage-subscription-form .grid-wrapper .checkbox label {
  display: inline-block;
  width: calc(50% - 25px);
  font-style: normal;
  margin-bottom: 15px;
}
.manage-subscription-form.form-wrapper span.checkbox {
  padding-left: 0;
  padding-top: 0;
}

.manage-subscription-form.form-wrapper .blogOptions {
    padding-left: 0;
    padding-top: 0;
}
.manage-subscription-form .blogOptions td {
  padding: 0 0 5px 0;
}
.manage-subscription-form .grid-wrapper .blogOptions.checkbox label {
  width: auto;
}

.manage-subscription-form .grid-checkbox {
  display: inline-block;
  width: 50%;
  margin-bottom: 15px;
}
.manage-subscription-form .grid-checkbox .editing-form-control-nested-control {
  display: inline-block;
}

.manage-subscription-form .grid-checkbox span.checkbox {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  padding-top: 0;
}
.manage-subscription-form .grid-checkbox label {
  display: inline-block;
  width: calc(100% - 20px);
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
.contentcontainer .manage-subscription-form .grid-checkbox label {
    width: calc(100% - 20px);
  }
}
.manage-subscription-form.form-wrapper h3:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.manage-subscription-form.form-wrapper h3 {
  clear: both;
  border-top: 1px solid #8e8e8e;
  margin-top: 15px !important;
  margin-bottom: 20px !important;
  padding-top: 15px;
}

.manage-subscription-form.form-wrapper input[type="text"] {
  margin-left: 0;
  width: 100%;
}

.manage-subscription-form .form-group label {
  text-align: right;
  padding-top: 4px;
}

.manage-subscription-form .grid-checkbox .checkbox label {
  display: none;
}

.manage-subscription-form .gdpr-optout-checkbox .editing-form-control-nested-control {
  display: inline-block;
  vertical-align: top;
}
.manage-subscription-form .gdpr-optout-checkbox .EditingFormLabel {
  display: inline-block;
  width: calc(100% - 40px);
}
.manage-subscription-form .gdpr-optout-checkbox .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}

/*#Widget Display Page#*/
.WebpartWidget .callout-section,
.WebpartWidget .banner-mid-page_overlay,
.WebpartWidget .contact-expert,
.WebpartWidget .slider.page_section,
.WebpartWidget .banner-main.page_section {
    border: red 1px solid;
}

.WebpartWidget .callout-section--2 .callout:first-child {
    margin-left: 10px;
}

.WebpartWidget .callout-section--2 .callout:last-child {
    margin-right:  10px;
}

/*#PDF table Widget#*/
.tableWidget .tableData-bold {
    font-weight: bold;
    background: #dcddde;
    font-size: 12px;
    line-height: 16px;
}

.tableWidget .tableData-rowBorder {
    border-left: 3px solid black;
    border-right: 3px solid black;
}

.tableWidget .tableData-rowBorderTop {
    border-top: 3px solid black;
}

.tableWidget .tableData-rowBorderBottom {
    border-bottom: 3px solid black;
}

.tableWidget td {
    border: 1px solid black;
}

.tableWidget .tableData-specialBottomBorder {
    border-bottom: 3px solid black;
}

.tableWidget .tableData-LeftBorder {
    border-left: 3px solid black;
}

.tableWidget .tableData-RightBorder {
    border-right: 3px solid black;
}

.tableWidget .tableData-specialTopBorder {
    border-top: 3px solid black;
}

.tableWidget .tableWidget_title {
    font-size: 24px;
    font-weight: bold;
    line-height: 61px;
    text-align: center;
}

.tableWidget {
    font-family: Lato;
    font-size: 11px;
    line-height: 13px;
}

.tableWidget .tableWidget_notes ul {
    font-size: 11px;
    line-height: 18.5px;
    list-style-type: none;
    padding-left: 0;
    font-weight: normal;
}

.tableWidget .tableWidget_notes {
    background: #F4F4F4;
    margin-top: 10px;
    padding: 20px;
    font-size: 13px;
    font-weight: bold;
    line-height: 18.5px;
}

.Quality-Assurance .qa {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
}

.Quality-Assurance .qa .qa-compliance,
.Quality-Assurance .qa .qa-docs {
    width: 50%;
}

@media (max-width: 874px) {
    .Quality-Assurance .qa {
        flex-flow: column;
    }

    .Quality-Assurance .qa .qa-compliance {
        width: 100%;
    }

    .Quality-Assurance .qa .qa-compliance,
    .Quality-Assurance .qa .qa-docs {
        width: 100%;
        margin-bottom: 10px;
    }

    .Quality-Assurance .qa .qa-docs-title {
        margin-right: 0px !important;
    }
}

.Quality-Assurance .qa .qa-title {
    font-size: 20px;
    line-height: 25px;
    padding: 0 0 5px 0 !important;
    border-bottom: solid #E6E6E6 1px;
    margin-bottom: 15px;
}

.Quality-Assurance .qa .qa-docs .qa-title {
    margin-right: 30px;
}

.Quality-Assurance .qa .qa-desc {
    font-size: 12px;
    line-height: 16px;
}

.Quality-Assurance .qa .compliance-item {
    margin-bottom: 20px;
}

.qa table tr td:first-of-type {
    padding-right: 5px;
}

.ftCalc {
    margin: 50px 30px;
    font-family: Lato;
}

.ftCalc .ftCalc-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 49px;
}

.ftCalc .ftCalc-desc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}

.ftCalc .ftCalc-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.ftCalc .ftCalc-wrapper .ftCalc-item {
    width: 49%;
    background: #F4F4F4;
}

.ftCalc .ftCalc-wrapper .ftCalc-item .calcItem-title {
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    padding: 15px 20px;
}

.ftCalc .ftCalc-wrapper .ftCalc-item .calcItem-btn {
    padding: 15px 20px;
    margin-bottom: 30px;
}

.ftCalc .ftCalc-wrapper .ftCalc-item .calcItem-btn a {
    color: #fff;
    background: #bd0120;
    padding: 15px 35px;
    font-size: 18px;
    line-height: 16px;
}

@media (max-width: 874px) {
    .ftCalc .ftCalc-wrapper .ftCalc-item {
        width: 100%;
        margin-bottom: 15px;
    }
}

/*# Form Tooltip #*/
.manage-subscription-form .email div.editing-form-control-nested-control {
  width: calc(100% - 60px);
  display: inline-block;
}
.form-wrapper span.tooltip--email {
  position: relative;
  vertical-align: top;
  display: inline;
  opacity: 1;
  margin-left: 20px;
}
.tooltip--email img {
  width: 32px;
}
.form-wrapper span.tooltip_text {
  display: none;
}
.tooltip--email:hover .tooltip_text {
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  border: 1px solid black;
  background: #ddd;
  width: 185px;
  margin: 0;
  margin-left: 5px;
  padding: 5px;
}
@media screen and (max-width: 992px) {
  .tooltip--email:hover .tooltip_text {
    left: auto;
    right: 100%;
  }
}

/*# Block Quote #*/
.block-quote {
    background: #f5f5f5;
    padding: 25px 50px 25px 80px;
    position: relative;
    margin-top: 25px;
}

.block-quote p:first-of-type {
	font-style: italic;
}

.block-quote p:first-of-type:before {
    content: '\201C';
    font-size: 172px;
    position: absolute;
    top: -30px;
    left: 15px;
    height: 172px;
    max-height: calc(100% - 50px);
    font-style: normal;
}

.block-quote p:last-of-type {
	font-weight: 700;
}
@media screen and (max-width: 375px) {
  .block-quote {
    padding: 25px 25px 25px 40px;
  }
  .block-quote p:first-of-type:before {
    top: 15px;
    font-size: 75px;
  }
}

/*# Nav Item - DiRXN #*/
.megaMenuItem .MegaMenuItem_ItemDesc {
    font-size: 14px;
    line-height: 20px;
    width: 60%;
    margin-bottom: 10px;
}

.menu_container .dmui_dropdown_block.megaMenuItem h2 {
    font-size: 32px;
    line-height: 47px;
    font-weight: bold;
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.menu_container .dmui_dropdown_block.megaMenuItem h2:before {
    content: none;
}

.megaMenuItem .dmui-simple-ul {
  margin: 0;
}

.megaMenuItem .dmui-simple-ul li a {
    color: white !important;
    background: #bd0120;
    font-size: 16px !important;
    padding: 10px 30px;
    height: unset !important;
    width: fit-content;
    transition: background linear .25s, color linear .25s;
}

.megaMenuItem:after {
    content: url(/Rexnord/media/Rexnord/Banner%20Images/DiRXN_Wheel.png);
    position: absolute;
    right: 50px;
    bottom: -5px;
  z-index: -1;
}

.menu_container .dmui_dropdown_block.megaMenuItem ul.dmui-simple-ul li a:hover {
    background: #022C46;
    color: #fff;
    text-decoration: none;
}

#menu1 .megaMenuItem sup {
    font-size: 9px;
    top: -1.85em;
}

#menu1 sup {
    font-size: 6px;
    top: -1.25em;
}

@media (max-width: 875px) {
  #menu1 sup {
    top: -1.5em;
  }
  
  #menu1>ul>li>div>div>div>div>ul>li>a:hover {
    background: none;
    text-decoration: underline;
}
  
  .menu_container .dmui_dropdown_block.megaMenuItem h2 {
      margin: 0 !important;
      display: block;
  }
  
  .megaMenuItem:after {
      content: none;
  }
  
  #menu1>ul>li:nth-child(6).mobileOpen>div {
    padding: 20px !important;
  }
  
  .megaMenuItem .MegaMenuItem_ItemDesc {
    width: 100%;
  }
}

/*# Connected Product App Banner #*/
/*THIS MOBILE STYLE IS A FIX*/
@media (max-width: 875px) {
    .connected-ux-landing {
        width: 100% !important;
    }
}

.app-banner {
    background: #F5F5F5;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    padding: 10px 0 20px 0;
  position: fixed;
      top: 0;
    width: 100%;
    z-index: 9999;
}

.app-banner div {
    align-self: center;
}

.app-banner_desc {
    line-height: 19px;
    font-family: Lato, Medium;
    margin: 5px;
}

.app-banner_desc .desc_title {
    font-size: 16px;
}

.app-banner_desc .desc_subtitle {
    font-size: 12px;
    color: #97979C;
}

.button_group-column {
    display: flex;
    flex-flow: column;
  width: 100px;
}

.app-banner .app-banner_exit {
    cursor: pointer;
    margin: 5px;
}

.button_group-column a img {
    width: 100%;
}

.button_group-column a.apple {
    padding: 0 6px;
}

.hiddenElement#app-banner-container {
  display: none;
}

@media (min-width: 1105px) {
.Omega-Couplings-Series-Page .col-xs-12.promo {
    width: unset;
    margin-left: 0;
}
}

@media (min-width: 1200px) {
    .Omega-Couplings-Series-Page .col-xs-12.promo {
        width: 1105px;
    }
}

/*#Product Support style update#*/
#support .overview .whatsNewContainer {
    background: #F5F5F5;
    padding: 10px 15px;
    font-family: Lato;
    width: 40% !important;
    height: auto;
  margin-bottom: 20px;
}

#support .overview .whatsNewContainer h3 {
    margin: 0;
    text-align: left;
    font-weight: bold !important;
    line-height: 21px;
    font-size: 20px;
}

#support .overview .whatsNewContainer .phoneItems {
    padding: 4px 0;
    line-height: 26px;
    font-size: 14px;
}

#support .overview .whatsNewContainer .learnHowButton {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    background: #2092FA;
    border-radius: 5px;
    padding: 10px;
    height: auto;
    bottom: 0;
    right: 0;
  margin-bottom: 20px;
  margin-top: 16px;
}

#support .overview .whatsNewContainer .learnHowButton a {
    color: #fff !important;
}

.tab-pane .moreSize p {
    margin-bottom: 0;
  line-height: 14px;
}

.DEDE .tab-pane .moreSize p:first-child {
    margin-top: 25px;
}

.ITIT .tab-pane .moreSize p:first-child {
    margin-top: 45px;
}

.tab-pane .moreSize p:first-child {
    margin-top: 25px;
}

.hotspot-map.Centaflex-T .hotspot,
.hotspot-map.Centa-scs .hotspot,
.hotspot-map.centa-cp .hotspot,
.CENTAFLEX-CP-Series-Page .rex-subtitle-text,
.CENTA-SCS-Series-Page .rex-subtitle-text,
.CENTAFLEX-T-Series-Page .rex-subtitle-text{
    display: none;
}

.optanon-cookie-policy-group-name {
  margin-top: 15px;
}

/*# Brochure Banner #*/
.brochure-banner .brochure-background-img {
    width: 100%;
}

.brochure-banner .brochure-overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 15px 70px;
}

.brochure-banner {
    position: relative;
}

.brochure-overlay .brochure-img {
    float: right;
    margin-top: -130px;
}

.brochure-banner .brochure-overlay .brochure-content {
    font-size: 20px;
}

.brochure-banner .brochure-overlay .brochure-content h2 {
    font-weight: bold;
    margin-bottom: 0;
}

.brochure-banner .brochure-overlay .brochure-content a {
    color: white;
    background: #4f91cd;
    padding: 10px 20px;
}

.brochure-banner .brochure-link {
    margin-top: 20px;
}

.Pack-EXPO-2019 .page_section.text-container {
    margin-bottom: 50px;
}

.Pack-EXPO-2019 .page_section.text-container .text-container_text {
    border-left: none !important;
}

@media (max-width: 765px) {
    #support .overview .whatsNewContainer{
        float: none;
        width: 100% !important;
        margin: 0;
    }
}

/*# Landing/Promo/IBIE2019 #*/
.IBIE-2019 .modex-info {
    display: flex;
  width: 80%;
  margin: 0 10%;
}

.IBIE-2019 .modex-info div {
    width: 50%;
}

/*# Landing/Promo/PACK2019 #*/
.Pack-EXPO-2019 .modex-info {
    display: flex;
  width: 80%;
  margin: 0 10%;
}

.Pack-EXPO-2019 .modex-info div {
    width: 50%;
}

.mechanical-testing-lab .promo.new-banner .teaser .overlay {
    left: 15%;
    right: 15%;
}

/*# New Temp Register Product Styles #*/
.Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-img {
    width: 100%;
}

.Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text .generic-d-banner-title {
    font-size: 45px;
    line-height: 69px;
    font-weight: lighter;
    font-family: Lato;
    text-transform: uppercase;
    margin-bottom: 0;
}

.Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text {
    width: 75%;
    margin-left: 12.5%;
    margin-top: 10px;
}

.Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text .generic-d-banner-copy {
    font-size: 20px;
    line-height: 32px;
    margin: 15px;
}

.Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text .generic-search input.serial-number-input {
    border-radius: 5px 0 0 5px;
    border-width: 0;
    width: calc(100% - 85px);
    height: 36px;
  margin-bottom: 8px;
}

.Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text .generic-search input.submit-button {
    border-radius: 0 5px 5px 0;
    font-size: 14px;
    line-height: 26px;
    padding: 5px;
    width: 80px;
    background: #02306b;
}

.Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text .generic-search input.submit-button:before {
    content: '';
    border-radius: inherit;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    transition: opacity .25s;
}

.Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text .generic-search input.submit-button:hover:before {
    opacity: 1;
}

.Smart-Tagged-Product-Lookup .iiot-banner .connected-ux__desktop-searchbox {max-width: 300px;}

@media (max-width: 1200px) {
    .Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text .generic-d-banner-title {
        font-size: 35px;
        margin-top: 0;
    }
}

@media (max-width: 769px) {
    .Smart-Tagged-Product-Lookup .iiot-banner .generic-banner-text {
        margin-left: 0;
    }
}

/*# ART & RIC Video Section #*/
/* DO NOT Remove the .ART-Dynamic-Chain that prefixes all of these styles. 
   These styles are for the new video section in the refresh, and will conflict with the old video section,
   so until the pages with the old video section are removed, these styles need to stay isolated #*/
.ART-Dynamic-Chain .video-section,
.mechanical-testing-lab .video-section {
    margin-top: 20px;
    padding: 20px;
    border: none;
    position: relative;
    margin-bottom: 80px;
}
.mechanical-testing-lab .video-section {
  padding: 0;
}
.ART-Dynamic-Chain .video-section:after {
    content: '';
    position: absolute;
    bottom: -30px;
    width: 50px;
    background: #333;
    height: 5px;
    display: block;
    left: calc(50% - 25px);
}

.ART-Dynamic-Chain .video-section_title {
    text-align: center;
    font-size: 32px;
    line-height: 35px;
    font-family: Lato;
    font-weight: 700;
}
.mechanical-testing-lab .video-section_title {
  font-size: 22px;
}

.ART-Dynamic-Chain .video-section_next,
.ART-Dynamic-Chain .video-section_prev,
.mechanical-testing-lab .video-section_next,
.mechanical-testing-lab .video-section_prev {
    width: 27.5px;
    vertical-align: middle;
    display: inline-block;
}
.ART-Dynamic-Chain .video-section_next img,
.ART-Dynamic-Chain .video-section_prev img,
.mechanical-testing-lab .video-section_next img,
.mechanical-testing-lab .video-section_prev img {
    cursor: pointer;
}
.ART-Dynamic-Chain .video-section_prev,
.mechanical-testing-lab .video-section_prev {
    margin-right: 3px;
}
.ART-Dynamic-Chain .video-section_next,
.mechanical-testing-lab .video-section_next {
    margin-left: 3px;
    transform: rotate(180deg);
}
.ART-Dynamic-Chain .video-list,
.mechanical-testing-lab .video-list {
    overflow-x: hidden;
    width: calc(100% - 68px);
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    margin-top: 25px;
    text-align: center;
}
.mechanical-testing-lab .video-list{
  text-align: left;
}
.ART-Dynamic-Chain .video-section--centered .video-list,
.mechanical-testing-lab .video-section--centered .video-list {
    width: 100%;
}
.ART-Dynamic-Chain .video-list_slider,
.mechanical-testing-lab .video-list_slider {
    position: relative;
}
.ART-Dynamic-Chain .video-entry,
.mechanical-testing-lab .video-entry {
    margin: 0 15px;
    display: inline-block;
    cursor: pointer;
}
.mechanical-testing-lab .video-entry:first-of-type {
    margin-left: 0;
}
.ART-Dynamic-Chain .video-entry_title,
.mechanical-testing-lab .video-entry_title {
    margin-top: 5px;
    color: #0075e2;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    white-space: normal;
}
.ART-Dynamic-Chain .video-entry_image,
.mechanical-testing-lab .video-entry_image {
  max-width: 100%;
}

.ART-Dynamic-Chain .video-entry_image-wrapper,
.mechanical-testing-lab .video-entry_image-wrapper{
    position: relative;
}

.ART-Dynamic-Chain .video-entry_video-overlay,
.mechanical-testing-lab .video-entry_video-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  text-align: center;
}

.ART-Dynamic-Chain .video-overlay_play-btn,
.mechanical-testing-lab .video-overlay_play-btn {
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    left: 0;
}
.ART-Dynamic-Chain .video-overlay_play-btn img,
.mechanical-testing-lab .video-overlay_play-btn img {
    margin-top: -40px;
    max-width: 80px;
}

@media screen and (max-width: 480px) {
    .ART-Dynamic-Chain .video-section,
    .mechanical-testing-lab .video-section {
        border-left: none;
        border-right: none;
    }
    .ART-Dynamic-Chain .video-section--centered .video-list,
    .mechanical-testing-lab .video-section--centered .video-list {
        overflow-x: auto;
        white-space: normal;
    }
    .ART-Dynamic-Chain .lightbox--video,
    .mechanical-testing-lab .lightbox--video {
        max-width: 100%;
        left: 0;
        right: 0;
    }
}

.ART-Dynamic-Chain .lightbox_overlay--video,
.mechanical-testing-lab .lightbox_overlay--video {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.75);
}

.ART-Dynamic-Chain .lightbox--video,
.mechanical-testing-lab .lightbox--video {
    display: none;
    position: fixed;
    z-index: 10001;
    top: 15%;
    left: 25%;
    right: 25%;
    bottom: 15%;
    overflow: hidden;
    flex-flow: column;
    background: transparent;
    width: auto;
}
.ART-Dynamic-Chain .lightbox--video .lightbox_intro,
.mechanical-testing-lab .lightbox--video .lightbox_intro {
    text-align: left;
    background: #f5f5f5;
    padding-bottom: 20px;
}
.ART-Dynamic-Chain .lightbox--video .lightbox_intro h3,
.mechanical-testing-lab .lightbox--video .lightbox_intro h3 {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 20px 10px;
}
.ART-Dynamic-Chain .lightbox--video .lightbox_intro p,
.mechanical-testing-lab .lightbox--video .lightbox_intro p {
    padding: 0 20px;
}
.ART-Dynamic-Chain .lightbox--video .lightbox_iframe-wrapper,
.mechanical-testing-lab .lightbox--video .lightbox_iframe-wrapper {
    flex-grow: 1;
    background: #fff;
    display: flex;
    flex-flow: column;
    align-items: stretch;
}
.ART-Dynamic-Chain .lightbox--video .lightbox_iframe,
.mechanical-testing-lab .lightbox--video .lightbox_iframe {
    flex-grow: 3;
    height: 100%;
}
.ART-Dynamic-Chain .lightbox--video .lightbox_content,
.mechanical-testing-lab .lightbox--video .lightbox_content {
    flex-grow: 1;
    background: #fff;
}
.ART-Dynamic-Chain .lightbox--video .lightbox_close,
.mechanical-testing-lab .lightbox--video .lightbox_close {
    position: absolute;
    right: 3px;
    top: 3px;
    font-weight: 700;
    cursor: pointer;
    font-size: 32px;
    line-height: 19px;
    transform: rotate(45deg);
}
.ART-Dynamic-Chain .video-section-count--1 .video-entry_title,
.mechanical-testing-lab .video-section-count--1 .video-entry_title {
  display: none;
}

/*# Quality Assurance #*/	
.Quality-Assurance .qa-docs table {	
  width: 100%;	
}	
.Quality-Assurance .qa-docs table tr td + td {	
  width: 143px;	
}

.form-submit-button input[type="submit"], .form-submit-button input[type="submit"]:hover {background-color: #bd0120 !important;}



::-moz-placeholder {
  color: #6a6a6a !important; }

:-ms-input-placeholder {
  color: #6a6a6a !important; }

::-webkit-input-placeholder {
  color: #6a6a6a !important; }

.Circle-of-Champions-2020 .page_section.text-container {
    margin: auto;
    max-width: 1000px;
}

/*# Product Breadcrumbs #*/
.product-breadcrumbs .breadcrumb {
  font-size: 11px; 
  border-bottom: none;
  margin-bottom: 0;
}
  .product-breadcrumbs .breadcrumb:after {
    content: '/';
    color: #339bfa;
    margin: 0 3px;
    font-size: 12px; }
  .product-breadcrumbs .breadcrumb:last-of-type:after {
    content: '';
    margin: 0; }

.product-breadcrumbs .breadcrumb__current-page {
  font-weight: 700;
  color: #bd0120; }

.overviewContainer h1 {
  margin-top: 25px;
}

/*# New Main Nav Styles #*/
/* Copied from mainNav.scss */
.main-navigation {
  position: relative; }

.main-navigation--primary-link {
  display: inline-block;
  margin-left: 1px;
  margin-right: -6px;
  vertical-align: top; }
  .main-navigation--primary-link > .nav-link--placeholder,
  .main-navigation--primary-link > .nav-link--link {
    color: #fff;
    padding: 11px 15px 12px;
    font-size: 15px;
    display: inline-block;
    border: 1px solid transparent; }
    .main-navigation--primary-link.nav-link--hover > .nav-link--placeholder,
    .main-navigation--primary-link.nav-link--hover > .nav-link--link {
      color: #02306b;
      background: #fff;
      border: 1px solid #02306b; }
  .main-navigation--primary-link.nav-link--has-children.nav-link--hover > .nav-link--placeholder,
  .main-navigation--primary-link.nav-link--has-children.nav-link--hover > .nav-link--link {
    border-bottom: 1px solid #fff; }
  .main-navigation--primary-link:before {
    content: '|';
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    position: relative;
    top: -2px;
    margin-right: -5px; }
  .main-navigation--primary-link:first-of-type {
    margin-left: 0; }
    .main-navigation--primary-link:first-of-type:before {
      content: '';
      display: none; }

.nav--plus-drop {
  display: none; }

.main-navigation--secondary-link {
  padding: 0 20px 0 15px;
  border-right: 1px solid #333;
  margin-right: -1px; }
  .main-navigation--secondary-link.nav-link--hover {
    border-right: 1px solid #fff; }
  .main-navigation--secondary-link:hover {
    font-weight: 500; }
  .main-navigation--secondary-link .nav-link--placeholder,
  .main-navigation--secondary-link .nav-link--link {
    padding: 2px;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    height: auto;
    border: none;
    position: relative; }
  .main-navigation--secondary-link.nav-link--has-children > .nav-link--link:after {
    content: '\203A';
    display: inline-block;
    position: absolute;
    left: 100%; }

.main-navigation--tertiary-link .nav-link--placeholder,
.main-navigation--tertiary-link .nav-link--link {
  padding: 2px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  width: 100%;
  height: auto;
  border: none; }

.sub-menu--level-one {
  display: none;
  position: absolute;
  top: calc(100% - 1.5px);
  left: 0;
  right: 0; }

.sub-menu--level-two {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin-left: -1px;
  min-height: 100%; }

.navigation-list--level-two {
  background: #fff;
  padding: 15px 0 25px;
  border: 1px solid #333;
  border-top: none;
  display: inline-block;
  position: relative;
  min-width: 155px; }
.main-navigation--primary-link:nth-last-of-type(1) .navigation-list--level-two {
    min-width: 257px;
}
.nav-link--two-column .navigation-list--level-two {
  min-width: 310px;
  display: grid;
  grid-template-columns: 50% 50%;
  width: fit-content; }
  .nav-link--two-column .navigation-list--level-two .main-navigation--secondary-link:nth-of-type(odd) {
    border-right: none; }

.navigation-list--level-three {
  background: #fff;
  padding: 15px 15px 25px;
  border: 1px solid #333;
  border-left: 1px solid #fff;
  border-top: none;
  display: inline-block;
  z-index: 1;
  min-width: 175px;
  min-height: 100%; }

.main-navigation--primary-link.nav-link--hover .sub-menu--level-one {
  display: block; }

.main-navigation--secondary-link.nav-link--hover .sub-menu--level-two {
  display: block; }

@media (max-width: 874.4px) {
  .navigation-list--level-one {
    margin-top: 54px; }
  .main-navigation--primary-link {
    display: block;
    border: none;
    background: rgba(231, 231, 231, 0.9);
    border-bottom: 1px solid rgba(103, 103, 103, 0.1);
    margin: 0; }
    .main-navigation--primary-link:before {
      display: none; }
    .main-navigation--primary-link > .nav-link--placeholder,
    .main-navigation--primary-link > .nav-link--link {
      display: block;
      border: none;
      color: #333;
      font-size: 18px;
      line-height: 26px;
      padding: 14px 17px; }
    .main-navigation--primary-link.nav-link--has-children > .nav-link--placeholder,
    .main-navigation--primary-link.nav-link--has-children > .nav-link--link {
      display: inline-block;
      width: calc(100% - 55px); }
    .main-navigation--primary-link:hover {
      border: none;
      border-bottom: 1px solid rgba(103, 103, 103, 0.1); }
      .main-navigation--primary-link:hover > .nav-link--placeholder,
      .main-navigation--primary-link:hover > .nav-link--link {
        color: #333;
        background: transparent;
        font-weight: 400;
        border: none; }
    .main-navigation--primary-link.nav-link--has-children:hover > .nav-link--placeholder,
    .main-navigation--primary-link.nav-link--has-children:hover > .nav-link--link {
      border-bottom: none; }
  .nav-link--has-children > .nav--plus-drop {
    display: inline-block;
    color: #333;
    font-weight: bold;
    transition: all .3s; }
  .main-navigation--primary-link.nav-link--open .sub-menu--level-one {
    display: block;
    position: relative;
    top: 0;
    left: 0; }
  .main-navigation--primary-link.nav-link--open > .nav--plus-drop {
    transform: rotate(90deg); }
  .navigation-list--level-two {
    background: #f2f2f2;
    display: block;
    border: none; }
  .nav-link--two-column .navigation-list--level-two {
    min-width: 0;
    display: block;
    width: auto; }
  .main-navigation--secondary-link {
    border: none;
    color: #bd0120;
    font-size: 14px;
    line-height: 24px;
    margin-right: 0; }
    .main-navigation--secondary-link > .nav-link--link {
      padding: 7px 2px;
      border: 1px solid #bd0120;
      border-top: none; }
    .main-navigation--secondary-link.nav-link--has-children > .nav-link--link {
      width: calc(100% - 50px); }
      .main-navigation--secondary-link.nav-link--has-children > .nav-link--link:after {
        display: none; }
    .main-navigation--secondary-link.nav-link--has-children > .nav--plus-drop {
      color: #bd0120;
      border: 1px solid #bd0120;
      border-top: none;
      border-left: none;
      padding: 7px 0;
      width: 38px;
      text-align: center;
      margin-left: -3px; }
    .main-navigation--secondary-link:first-child > .nav-link--link {
      border-top: 1px solid #bd0120; }
    .main-navigation--secondary-link:first-child > .nav--plus-drop {
      border-top: 1px solid #bd0120; }
    .main-navigation--secondary-link:hover {
      font-weight: 400; }
    .main-navigation--secondary-link.nav-link--open > .nav-link--link {
      border-bottom: none; }
    .main-navigation--secondary-link.nav-link--open > .nav--plus-drop {
      border-right: none;
      border-bottom: none;
      border-left: 1px solid #bd0120;
      transform: rotate(90deg); }
    .main-navigation--secondary-link.nav-link--open .sub-menu--level-two {
      display: block; }
  .sub-menu--level-two {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    min-height: auto;
    width: calc(100% - 5px); }
  .navigation-list--level-three {
    display: block;
    min-width: 0;
    min-height: 0;
    border: 1px solid #bd0120;
    border-top: none; } }

/*# New Main Nav style - Old style overwrites #*/
.navigation-list--level-one {
    padding: 0;
}
.navigation-list--level-one,
.navigation-list--level-two,
.navigation-list--level-three {
  list-style: none;
}

@media (max-width: 874.4px){
  ul.menu1List li ul li.main-navigation--secondary-link {
   margin-bottom: 0;
  }
}
  
.main-navigation * {
  box-sizing: content-box;
}
.main-navigation--secondary-link .nav-link--link {
  line-height: 24px;
}

/*# New Text Styles #*/
.text-container {
    margin-top: 25px;
}

.text-container--separator--top {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid #d0d0d0;
}

.text-container--separator--bottom {
    margin-bottom: 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d0d0d0;
}

.text-container--with-badge {
    width: calc(100% - 285px);
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
}
.text-container-badge {
    max-width: 225px;
    display: inline-block;
    background: #f5f5f5;
    padding: 20px;
    font-size: 14px;
    line-height: 18px;
}
.text-container-badge h3 {
    font-size: 18px;
    line-height: 26px;
}
.text-container-badge .button {
    font-size: 16px;
    line-height: 26px;
    display: block;
    text-align: center;
}

@media screen and (max-width: $max-tablet-width) {
    
    .text-container--with-badge {
        width: auto;
        margin-right: 0;
    }
    .text-container-badge {
        max-width: none;
        width: calc(100% - 10px);
        margin-left: 0;
        margin-top: 20px;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
    }
    .text-container-badge h3 {
        font-size: 16px;
        line-height: 26px;
    }
}
@media screen and (max-width: $max-mobile-width) {
    .text-badge--configurator,
    .text-badge--pt-select-selector {
        display: none;
    }
}

/*# Navigation Update #*/
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav {
  margin-top: 0;
}
@media screen and (min-width: 875px) {
    .menu_container:before, .menu_container:after {
        content: "";
        top: 0;
        bottom: 0;
        width: 10000px;
        position: absolute;
        z-index: 100;
        background: #2e3238ab;
    }

    .menu_container:after {
        left: calc(100% - 0px);
    }

    .menu_container:before {
        right: calc(100% - 0px);
    }
}
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav ul li ul.myaccount-subnav li {
    padding: 0 !important;
}
.secondary-nav {
  background: #f4f4f4;
  text-align: right !important;
}

.row.main-nav.main-nav-scrolled #menu1 .sticky-nav-search-icon {
  z-index: 1000;
}
.secondary-nav li:after {
  color: #b6b6b6;
}
.secondary-nav li a {
    color: #2f2f2f;
    text-align: right;
    font-weight: bold;
    text-decoration: none;
}
.menu_container.navy,
.menu_container.navy .dmui-blog-item a.dmui-btn-mini:hover,
.menu_container.navy .dmui-btn {
  background: #2e3238ab;
}
.header-zone.rt {
  top: -70px !important;
}
.header-zone.rt .widget-navlist .my-account-nav ul li ul#ctl00_AuthorizedNavMainLinks2 li a {
    padding: 0 0 0 15px;
    font-size: 14px;
    color: #bd0820;
    border: none;
}
.header-zone.rt .widget-navlist ul li a {
}
.header-zone.rt .widget-navlist ul li.loginRegister {
   padding: 0 15px;
   margin: 0;
  text-transform: uppercase;
}
.header-zone.rt .widget-navlist ul li.loginRegister:first-of-type {
   padding-right: 0;
}
.header-zone.rt .widget-navlist ul li.loginRegister:after {
  content: '|';
  font-weight: 700;
  padding: 0 3px 0 18px;
}
.header-zone.rt .widget-navlist ul li.loginRegister:last-of-type:after {
  content: '';
  display: none;
}
.header-zone.rt .widget-navlist ul#ctl00_AuthorizedNavMainLinks2 li a {
  padding: 0 !important;
    background: none;
}
.header-zone.rt .widget-navlist .my-account-nav ul li a {
    font-size: 14px;
    font-weight: 500;
    padding: 0 !important;
    background: none;
}

.row.main-nav.main-nav-scrolled #menu1 .main-search .searchBox {
  left: 250px !important;
  width: calc(100% - 250px) !important;
  height: 53px !important;
  padding-top: 12px !important;
}
#menu1.sticky .header-zone.rt {
    top: 0px !important;
    display: inline;
}
#menu1.sticky .header-zone.rt li a:hover {
  color: #666 !important;
}
#menu1.sticky .header-zone.rt .widget-navlist ul {
    padding: 12px 0 14px;
    line-height: 22px;
    margin-top: 3px;
}
#menu1.sticky .header-zone.rt .widget-navlist ul li {
  margin-top: 8px !important;
}
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav li a {
    padding: 16px 13px 13px 13px !important;
}
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav ul#ctl00_AuthorizedNavMainLinks1 li.myAccountLink {
    margin-top: 10px;
}
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav ul#ctl00_AuthorizedNavMainLinks1 li.myAccountLink a {
    color: #fff !important;
}
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav ul#ctl00_AuthorizedNavMainLinks1 li.myAccountLink a:hover {
    color: #666 !important;
}
.header-zone.rt .widget-navlist .my-account-nav ul li ul.myaccount-subnav li a {
    padding: 0 0 0 15px !important;
}
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav ul li ul.myaccount-subnav li a {
    padding: 0 0 0 10px !important;
}
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav ul li ul.myaccount-subnav {
  top: 29px !important;
  left: 14px !important;
}
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav ul#ctl00_AuthorizedNavMainLinks1 li {
    padding: 0 15px;
}
#menu1.sticky .header-zone.rt .widget-navlist ul#ctl00_AuthorizedNavMainLinks2 li a {
    padding: 16px 13px 13px !important;
    color: #fff !important;
}
#menu1.sticky .header-zone.rt .widget-navlist ul#ctl00_AuthorizedNavMainLinks2 li a:hover {
  color: #666 !important;
}
#menu1.sticky .header-zone.rt .widget-navlist .my-account-nav ul#ctl00_AuthorizedNavMainLinks1 li.myAccountLink ul.myaccount-subnav li a {
  color: #666 !important;
}
#menu1.sticky .header-zone.rt a.cart-link span {
  color: #fff !important;
}
#menu1.sticky .header-zone.rt a.cart-link:hover span {
  color: #bd0820 !important;
}
#menu1.sticky .header-zone.rt .widget-navlist ul#ctl00_AuthorizedNavMainLinks2 li a.cart-link:hover {
  color: #bd0820 !important;
}
#menu1.sticky .header-zone.rt .widget-navlist ul.culture-dropdown {
    line-height: 15px; 
    padding: 0;
}

/*# Temp Styles 6/2/2021 #*/
.map-canvas {
  height: 500px;
}

/*# Search Ads #*/
.search-ad {
  background: #f4f4f4;
  padding: 10px;
  margin-bottom: 20px;
}
.search-ad h2 {
  margin-bottom: 10px;
  font-weight: 700;
}
.search-ad .button--red {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: none;
}

/*# Search Results Updates #*/
.Search-Results .col-xs-12.col-md-10.col-md-push-2.contentcontainer {
  margin-top: 0;
}
.Search-Results .col-xs-12.col-md-12.main-content {
  margin-top: 0;
}
.Search-Results .searchResultsTop {
  background: #f4f4f4;
  border: 1px solid #cfcfcf;
  padding: 15px 10px;
}
.Search-Results .searchResultsTop h1 {
  margin-top: 15px;
}
.Search-Results .searchResultsTop p {
  display: none;
}
.Search-Results #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_SearchResults_srchResults_pnlSearchResults {
  margin-top: 165px;
}
.Search-Results #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordSmartSearchResults_srchResults_pnlSearchResults { 

  margin-top: 165px; 

  width: 100%; 

  margin-left: calc(16.66667% + 17.5px) 

} 
.Search-Results #ctl00_ContentPlaceHolderMain_CMSPagePlaceholder1_lt_zoneMain_RexnordSiteSearchBox_pnlSearch {
  margin-top: 0 !important;
}
.Search-Results .filter-ss-plc {
  font-size: 14px;
}
.Search-Results .filter-ss-plc label {
  font-size: 16px;
  color: #02306b;
}
.Search-Results .siteSearch {
  top: 45px;
}
.Search-Results .left-nav {
  margin-top: 85px;
}
.Search-Resutls .left-nav > h3 {
  margin-top: 15px !important;
}
.Search-Results .pagination {
  margin-top: 0;
}
@media (max-width: 991px) {
  .Search-Results .results-ss-plc {
    padding-top: 60px;
  }
  .Search-Results .pagination {
    margin-top: 56px;
  }
  .Search-Results .filter-ss-m {
    padding-bottom: 30px;
  }
  .Search-Results .left-nav tr {
    padding: 0;
  }
}

.external-link-modal-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(0,0,0,.3);
}
.external-link-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1001;
  margin-top: -75px;
  margin-left: -150px;
  background: #fff;
  padding: 20px 20px 0;
  max-width: 300px;
  height: 150px;
}
.external-link-modal-close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  color: black;
  font-weight: bold;
  cursor: pointer;
}
.external-link-modal-proceed-btn {
  display: inline-block;
  width: calc(50% - 24px);
  margin: 20px 10px 10px;
  background-color: #bd0120;
  border: 2px solid #bd0120;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  cursor: pointer;
}
.external-link-modal-cancel-btn {
  display: inline-block;
  width: calc(50% - 24px);
  margin: 20px 10px 10px;
  border: 2px solid #bd0120;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
}

@media (max-width: 600px;) {
  .external-link-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: ;
    margin-left: ;
    
  }
  .external-link-modal-close-btn {
    
  }
  .external-link-modal-proceed-btn {
    
  }
  .external-link-modal-cancel-btn {
    
  }
}


.register-link-modal-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,.3);
}

.register-link-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1001;
    margin-top: -200px;
    margin-left: -175px;
    background: #fff;
    padding: 20px 20px 0;
    width: 350px;
    max-width: 100%;
    min-height: 200px;
    max-height: 100%;
}

.register-link-modal-header {
    font-size: 24px;
    font-weight: 700;
}

.register-link-modal-close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

.register-link-modal-proceed-btn {
    display: inline-block;
    width: calc(50% - 26px);
    margin: 20px 10px 10px;
    background-color: #bd0120;
    border: 2px solid #bd0120;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    cursor: pointer;
}

.register-link-modal-cancel-btn {
    display: inline-block;
    width: calc(50% - 26px);
    margin: 20px 10px 10px;
    border: 2px solid #bd0120;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}

@media (max-width: 600px) {
    .register-link-modal {
        position: fixed;
        top: 125px;
        left: 15px;
        right: 15px;
        margin: 0;
        width: auto;
    }

    .register-link-modal-close-btn {
    }

    .register-link-modal-proceed-btn {
    }

    .register-link-modal-cancel-btn {
    }
}