body {
	background-color: #efefef;
	font-family: 'Open Sans', "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	color:#555555;
}

h1, h2, h3, h4, h5, h6 {color: #2464ad;}

h1 {font-size: 1.875rem;}
h1 span {font-size:1.4rem;}
h1 span.nowrap {font-size: 1.875rem;}

h2 {font-size: 1.5rem;}
h3 {font-size: 1rem; font-weight: bold; margin-bottom: 0; margin-top:15px;}

a {color: #2464ad;}
a.blue{color: #2464ad !important;}
strong {color: #555;}

.blue{color: #2464ad;}
.black {color:#000000;}
.cyan, h2.cyan {color:#009ddc !important;}


.button, button {background-color:#2464ad; color:white; font-weight: 600; padding:6px 16px; display: inline-block; border:1px solid white;}
a.button:hover {color:white; background-color:#555555;}
.nowrap {white-space: nowrap;}

.container {padding:0; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}

.container.content {padding:2em; background-color: white;}

[class*="col-"] {
  padding-left:25px;
  padding-right: 25px;
}

.ts-usa-logo {
      position: absolute;
      z-index:100;
      top:30px;
      right:50px;
      width:132px;
    }

.top-contact {
    position: absolute; 
    background-color:#dadada; 
    top:132px; 
    left:62px; 
    width:248px; 
    height:38px; 
    text-align: center;
    padding:8px 5px 0 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight:bold;
    color:#2464ac;
    font-size:15px;
 }

.top-contact img {padding:0 5px 0 5px;}

/* TOP NAV */
/* BOOTSTRAP */
.bg-light {
    background-color: #ffffff !important;
}

.logo { padding: 0 0 0 55px; margin-top: -40px;}

.top-nav-menu {
    margin-top: 82px;
    text-align: right;
    margin-left: 170px;
    margin-right: 0;

}

.navbar {height:170px;}

.navbar-light .navbar-nav .nav-link {
    color:#666666;
}

.navbar-light .navbar-nav .nav-link:hover {color:#2464ad;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color:#2464ad;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding:0 .5rem;
}

/* SLIDE SHOW */

.carousel {border-top:15px solid #dadada;}
.carousel-control-next, .carousel-control-prev {width:5%;}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 32px;
    height: 64px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}
.carousel-control-next-icon {
    background-image: url(../img/slide-arrow-next.png);
}

.carousel-control-prev-icon {
    background-image: url(../img/slide-arrow-prev.png);
}
.carousel-caption {
    position: absolute;
    right: 7.5%;
    top: 75px;
    left: 30%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-align: right;
}

.carousel-caption h1 { font-weight: 300; letter-spacing: 1.5px; font-size:2.55rem; color:#ffffff;}
.carousel-caption p { font-weight: 600; font-size:1.125rem;}

/* TOP 3 PRODUCTS */

.home-three-catgories {margin: 1.5em 0;}
a.three-cat-links {text-decoration: none;color:#555555 !important; cursor: pointer; }
p.gray {color:#555555;}
p.gray:hover {text-decoration: underline; color: #2464ad; }
.product-wrapper{ border:1px solid #ababab; text-align: left; padding-bottom: 15px; min-height: 380px; }
.product-wrapper:hover{ border:1px solid #2464ad;}
.product-wrapper.null:hover{ border:1px solid #ababab;}
.product-wrapper img {width:100%;}
.product-wrapper h1, .product-wrapper p {padding:0 30px;}

.product-wrapper h1 {font-size: 1.125rem; color:#2464ad; padding-top: 1em; font-weight:700;}
.product-wrapper p {font-size: .875rem;}

/* LEFT NAV */
.left-col-nav { padding-left: 40px; padding-right: 20px; }
.left-col-nav-wrapper {
    background-color: #f7f6f5;
    margin: 1.5em 0;
    padding: 0;
}
.left-col-nav-header {background-color: #2464ad; color: white; padding:12px 28px; margin:0;}
.left-col-nav-wrapper ul {padding:1.25em 2.25em;}
.left-col-nav-wrapper ul li {margin-bottom: .65em;}
.left-col-nav-wrapper ul li a{font-size: .875rem; color:black; }

.left-col-nav-cta {text-align: center; border:1px solid #ababab; padding:15px 30px;}
.left-col-nav-cta h2 {font-size: 1.5rem; color:#2464ad; font-weight:600;}
.left-col-nav-cta p {font-size: .875rem; padding:0}


/* ACCORDIAN */

#accordion  {margin:0 1em;}
#accordion .card-header a:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
#accordion .card-header a.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

.card-header{padding:0; margin:0; width:100%;}

.card-header a {background-color: #2464ad; padding:12px 28px; margin:0; width:100%; color: white; display:block;}

.card-header a.collapsed {width: 100%;}

.card-body ul li a {color:black;}
.tribology {text-align: center;}


/* CONTENT */
.content-area { padding: 1.25em 1.75em; }

.intro { color:#2464ad; font-weight: 600; font-size: 1.125rem; }
.content-area h2 {color:#2464ad; font-weight: 600;font-size: 1.25rem;}



/* SECONDARY PAGES */
.container.content.secondary-page{  padding: .75rem 2em; background: #ffffff url(../img/bg-secondary.jpg) repeat-x 0 0;} 
.content.secondary-page .home-three-catgories { margin: 15px 0;}
.secondary-page .product-wrapper {min-height:0; background-color: white;}

ul.secondary-nav li{margin-bottom: .25em; line-height:1.4;}
ul.left-nav-tertiary {padding:0 0 0 16px;}
ul.left-nav-tertiary ul.left-nav-tertiary {padding:0 0 0 16px; /*list-style-type: none;*/}
ul.left-nav-tertiary ul.left-nav-tertiary a{color: #333333;}
ul.left-nav-tertiary li  {margin-bottom: .25em;}

.product-wrapper.active {background-color:#2464ad; }
.product-wrapper.active h1, .product-wrapper.active p {color: white !important;}


/* BUSHINGS SECTION */

.industries {margin:1rem auto; text-align: center;}
.industries .product-wrapper {text-align: center; min-height:260px;}
.industries h5 { font-size:1.125rem; padding:.5rem; }
.industries h5.short {padding:23px 0 14px 0;}
.industries .col-md-4 {margin:0; padding:0 10px;}
.industries button {position: relative; bottom: 0;}

table.bushings{width:100%; margin:0; padding:5px; margin-top: 1.5rem;}
table.bushings thead {background-color: #2464ad ; }
.bushings thead th {font-size: .875rem; font-weight: normal; color: #2464ad; line-height: 1.4; padding:15px 0; text-align: center; border-right:1px solid white;}
.bushings thead th:last-of-type {border-right:1px solid #2464ad;}
.bushings tbody {font-size: .875rem;}
.bushings tr td ul {margin-left:0; padding:0 0 0 30px;}
.bushings tr td ul li {font-size: .875rem; line-height:1.3; padding-left: 0; margin-left: 0;}
.bushings p {padding-left:10px; margin-bottom:5px;}

.bushings tbody tr {border-bottom: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; }
.bushings tbody tr td {padding:10px 0;border-right: 1px solid #c9c9c9;}

.content-area li {padding-bottom:5px;}
.content-area ul {margin:5px 0; padding:0 0 0 15px; }

table.steel {width:100%; margin:1.5rem 0;}
table.steel th {text-align: center; font-size: .8rem; font-weight: 600; color: #2464ad; line-height: 1.4; padding:9px 0; }
table.steel td {text-align: center; font-size: .8rem; font-weight: normal; color: #555555; line-height: 1.4; padding:9px 0;} 
tbody tr {border-bottom: 1px solid #c9c9c9;}

table.steel th.left, table.steel td.left {text-align: left; padding-left: 15px;}

.table-subHeads th {background-color: #f9f9f9; border-top: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;}


.indent-row-fix {padding: 0 15px;}

.engine-chart {margin:1rem 0; margin-left: 3rem;}
.engine-chart ul {list-style-type: square;}
.engine-chart ul li ul{list-style-type: disc;}
.surface-engineering-possibilities { display: inline-block; background: url(../img/bg-surface-engineering-possibilities.jpg) no-repeat; min-width:100%; margin:0 0 0 -4rem; padding:1rem 0;}
.surface-engineering-possibilities li {margin-left: 4rem; color: #2464ad; font-weight:500;}
.surface-engineering-possibilities li ul {margin-left:-3rem;}
/* FAQ*/

ol {margin:1.5rem 0;}
     ol li, h6 {font-weight:700;}

     ol li p {font-weight: normal;}

     .left-col-nav li.active a {color:#2464ad !important;}
     .left-col-nav li.active {list-style: none;color:#2464ad; font-weight:normal;}
     .left-col-nav li.active:before { content:"\25B6"; margin-left:-20px; padding-right:10px;font-size:.75rem;}

.faq-footer-link:after { content:"\25B6"; padding-left:3px;font-size:.75rem;}
.multiple-columns {
    -webkit-column-count: 3; -webkit-column-gap:15px;
    -moz-column-count:3; -moz-column-gap:15px;
    -o-column-count: 3; -o-column-gap:15px;
    column-count: 3; column-gap:15px;
    list-style-position: inside;
}

.certess-image { display:block; float: right; width:50%; height: auto; padding: 10px 0 0 20px;}
p.caption {font-size: .75rem; font-style: italic; padding: 10px 0 15px 0; text-align: center; margin-bottom: 0;}

.this-active{color:#2464ad;}
.this-active a{color:#2464ad !important;}


/* FOOTER*/
.footer-wrapper {background-color: #efefef; padding:10px 55px 12px 55px; margin-top: 1.75em;}
footer p {font-size: .875rem; color:#2464ad; padding:0; margin:0; text-align: center;}

.top-contact.mobile {display:none;}

/* MEDIA QUERIES */
@media (max-width: 1199px){
	.container {
	    max-width: 100%;
	}
	
	.top-nav-menu { margin-left: 190px; }
}


@media (max-width: 1124px){
    .top-nav-menu { margin-left: 160px;}
}

@media (max-width: 1096px){

	.top-nav-menu { margin-left: 110px;}
}


@media (max-width: 1053px){

	.top-nav-menu { margin-left: 80px; }
}

@media (max-width: 1014px){

    .top-nav-menu { margin-left: 50px; }

}

@media (max-width: 991px) {

    .logo { padding: 0 0 0 25px;}
    .top-contact {left:10px; width:228px;font-size:14px;}
    
	
	.top-nav-menu { margin-left: 80px;margin-top: 122px;}
	.logo {
    padding: 16px 0;
}
	.nav-item {font-size: 14px;}

	[class*="col-"] {
	  padding-left:10px;
	  padding-right: 10px;
	}

	.container.content, .container.content.secondary-page {padding:1em;}


	.carousel-caption {
    right: 7.5%;
    top: 75px;
    left: 30%;
	}

	.carousel-caption h1 { font-size:2rem;}
	.carousel-caption p { font-weight: 600; font-size:1rem;}
	.product-wrapper {min-height: 360px;}
	.product-wrapper h1, .product-wrapper p { padding: 0 20px; }
	.product-wrapper h1 {padding-top:20px;}
}

@media (max-width: 890px) {.top-nav-menu { margin-left: 30px;} }

@media (max-width: 870px) {.top-nav-menu { margin-left: 30px;} }

@media (max-width: 840px) {
	.top-nav-menu { margin-left: 40px;}
	.carousel-caption p { font-size:.9rem;}
	.product-wrapper {min-height: 380px;}
	.navbar-expand-md .navbar-nav .nav-link {
    padding:0 0 0 .5rem;
}
}

@media (max-width: 811px) {
    .top-nav-menu { margin-left: 20px;}
}

@media (max-width: 791px) {
    .top-nav-menu { margin-left: 5px;}
}

@media (max-width: 768px) {
	.ts-usa-logo {display: none;}
	.top-nav-menu { margin: 0 25px;}
    .top-contact {display: none;}
    .top-contact.mobile {
    display: block;
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius:0;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 8px;
    font-size: 16px;
    padding-right:40px;
    height:28px;
    }

    .top-contact img {
    padding: 0 6px 0 40px;
    }

	.navbar {padding:0; height:auto;}
	.logo{ padding: 5px 15px; margin-top: 0; padding-bottom:20px;}

	.navbar-toggler {margin-right: 30px;}
	.nav-item {    font-size: 16px;
    padding: 5px 0;
    border-top: 1px solid #e8e8e8;
	text-align: center;}

	.collapse.show {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    margin:0;
	}

	.carousel-caption {
    right: 7.5%;
    top: 40px;
    left: 36%;
	}

	.carousel-caption h1 { letter-spacing: 0; font-size:1.5rem;}
	.carousel-caption p { font-size:.875rem;}

	.product-wrapper {margin-bottom: 1em; min-height:192px;}
	.home-three-catgories {margin: .5em 0;}

	.product-wrapper img {float:left; width:auto; height:190px; padding-right:20px;}
	.content-area {
    margin: 1em;
    padding: 0 1em;
}

	.carousel-control-next-icon, .carousel-control-prev-icon { width: 16px; height: 32px; background-size: 100% 100%;}
}

@media (max-width: 580px) { 
	.carousel-caption {
    right: 7.5%;
    top: 20px;
    left: 30%;
	}

	.carousel-caption h1 { letter-spacing: 0; font-size:1rem;}
	.carousel-caption p { font-size:.75rem;}

	button {font-size:.75rem; padding:6px 16px; margin-top:-5px;}

	.product-wrapper {min-height:152px }
	.product-wrapper img {width:auto; height:150px; padding-right:10px; padding-bottom: 0;}
	.product-wrapper h1, .product-wrapper p { padding: 0 10px; }
	.product-wrapper h1 {padding-top:10px; font-size: 1em; margin-bottom:3px;}
	.product-wrapper p {font-size: .8em; }
	
}

@media (max-width: 495px) { 
	.product-wrapper img {width:100%; height:auto; padding-right:0; padding-bottom: 10px;}
}