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

/****************************** 
******************************* 
Dark REd: 620410 
Red: c21a2f 
****************************** 
******************************/


html{
font-size: 14px;
line-height: 1.6;
font-family:'Lato', Helvetica, Arial, sans-serif;
    font-weight:400;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body{
font-size: 1em;
    color:#333;
}
#wrapper{
	width:100%;
	position:relative;
}
.inner{
	max-width:1024px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
}

/*MOBILE HEADER---------------------------------------------*/
.mobile-header {
	display: none;
	height: 65px;
	position: fixed;
	width: 100%;
	background-color: #333;
	z-index: 1000;
	top:0;
	/* text-align: center; */
}
.logowrap {
	max-width: 250px;
	margin: auto;
	text-align: center;    margin-top: 5px;
}
.logowrap img{
max-height:53px;
}
.logowrap p {
	padding: 0;
	/*font: 600 14px/14px "Open Sans", Helvetica, Arial, sans-serif;*/
	color: #EC1F26;
}
.ToggleMenu.Open {
	width: 50px;
	height: 50px;
	float: left;
	margin-left: 7px;
    margin-top:7px;
	background-color: #009fc3;
	background-image: url(../images/open-menu-button.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.ToggleRight.Open {
	width: 50px;
	height: 50px;
	float: right;
	margin-right: 10px;
	background-color: #EC1F26;
	background-image: url(../images/open-menu-button.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.ToggleMenu.Close, .ToggleRight.Close {
	width: 40px;
	height: 40px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	background-color: #666;
	background-image: url(../images/close-menu-button.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.ToggleRight.Close {
	float: left;
	margin-left: 10px;
}
.ToggleMenu:hover, .ToggleRight:hover {
	background-color: #666;
}

/*Side Menu----------------------*/
div#sidemenu {
  background-color: #EEE;
  -webkit-box-shadow: 2px 0px 26px -6px rgba(0,0,0,0.65);
-moz-box-shadow: 2px 0px 26px -6px rgba(0,0,0,0.65);
box-shadow: 2px 0px 26px -6px rgba(0,0,0,0.65);
border-right:1px solid #CCC;
background-image:url(../images/sidemenu-bg.png);
background-position:left top;
background-repeat:no-repeat;
}

.sidr ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  border-top: none;
  border-bottom: none;
}
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
 -webkit-box-shadow:none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {
 -webkit-box-shadow:none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sidr ul li {
  border-top: none;
  border-bottom: none;
  outline:0;
}
.sidr ul li ul li {
 line-height: 1.4;
}





.sidr ul li {
display: block;
margin: 0;
line-height: 1.4;
padding: 0;
}


.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
border-top: none;
line-height: 1.4;
background-color: #999;
}

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
  border-top: none;/*SUBMENU*/
  line-height: 1.4;
}


.sidr ul li a, .sidr ul li span {
padding: 10px 15px;
display: block;
text-decoration: none;
}




.SideMenu .SubNav {
	display: none;
}
.SubNav .head {
	font-size: 14px;
	font-weight: bold;
}
.SideMenu .SubNav2 {
	border: none !important;
}
.MainLink {
	background-image: url(../images/sidelinks-expand.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 33px !important;
	font-family:'Raleway', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
li.active .MainLink {
	background-image: url(../images/sidelinks-close.png);
	color: #0099a8;
}
.SubNav li:hover {
	border: none !important;
}

/*WP Side Menu--------------------------------*/
.sidr ul.SideMenu{
margin-top:55px;
background-color: #069593;
}
.SideMenu .sub-menu {
	display: none;
}

.SideMenu > li{
border-bottom:dotted 1px #3dc3c1 !important;
}
.SideMenu > li > a{
	background-image:none;
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 33px !important;
	font-family:"Raleway", Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	outline:0;
}
.SideMenu > li.menu-item-has-children > a{
	background-position: left 4px;
	background-image: url(../images/sidelinks-expand.png);
}
.SideMenu > li.active{
	background-color:#c9e9ed;
}
.SideMenu > li.active > a {
	background-image: url(../images/sidelinks-close.png);
	background-color:#c9e9ed;
	color: #086b69;
}

.sub-menu li:hover {
	border: none !important;
	
}
.sub-menu li a{
	
}
.sub-menu li a:hover{
	color:#FFF !important;
	  background-color: #009fc3;
}

/*------------------------------------------*/


.smallmenu {
	text-align: left;
	font-size: 12px;
	border: none !important;
	background-color: #c9e9ed;
  width: 90%;
  margin: auto !important;
 /* -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
}
.smallmenu li {
	padding: 0;
	line-height: 42px !important;
	border: none !important;
}
.smallmenu li:hover {
background-color:none;
}
.smallmenu li a {
	padding: 0 0 0 20px !important;
	color:#086b69 !important;
	text-transform:uppercase;
}
.smallmenu li a:hover {
	color:#FFF !important;
	background-color:#00235d;
}

/*HEADER---------------------------------------------*/
#header{
	position:relative;
    min-height: 96px;
    background: #e0e0e0;
background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #e0e0e0 0%, #ffffff 100%);
background: -o-linear-gradient(top, #e0e0e0 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #e0e0e0 0%, #ffffff 100%);
background: linear-gradient(to bottom, #e0e0e0 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff', GradientType=0 );
}
#header .inner:after{
    content: "";
    display:table;
    clear:both;
}
#logo{
        margin-top: 11px;
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 20px;
    margin-right: 20px;
}
.header-phone{
    float:left;
    margin-top:31px;padding-left: 35px;
    font-size:20px;
    color:#c21a21;
    background-image: url(../images/phone-icon.png);
    background-repeat: no-repeat;
       background-position: left 4px;
}
.header-phone span {
    display: block;
    font-size: 12px;
    color: #333;
}
.header-phone a{
    text-decoration: none;
    color:#c21a21;
}

.header-address{
    float:left;
        margin-top: 34px;
    font-size: 12px;
}
.header-address span.phone{
font-weight:bold;
    font-size:13px;
}
.header-address a{
    text-decoration: none;
    color:#c21a21;
}

/*MAIN NAVIGATION---------------------------------------------*/
#nav{
	position:relative;
    background-color:#00235d;
}
#nav .inner{
background-color: #009fc3 ;
    min-height:41px;
}
#nav ul{
	/*overflow:hidden;*/
	padding:0;
	margin:0;
	list-style:none;
}
#nav .inner > ul{
    text-align: center;
}
#nav .inner > ul > li{
    display:inline-block;
    position:relative;
	
}
#nav .inner > ul > li a{
    color:#FFF;
    text-decoration: none;
    font-size:15px;
    display:block;height:41px;line-height: 41px;
    text-transform: uppercase;
    padding:0 15px;
        white-space: nowrap;
}
#nav .inner > ul > li a:hover{
    background-color:#00235d;
    color:#009fc3;
}
#nav .inner > ul > li:hover{
     background-color:#00235d;
}
#nav .inner > ul > li:hover ul.sub-menu{
    display:block;
}

#nav ul.sub-menu{
    display:none;
        position: absolute;
    top: 41px;
    min-width: 100%;
    /* font-size: 12px; */
    z-index: 100;
    background-color: #00235d;
}

/*TOUCH STYLES----------------------------------*/
.touch #nav .inner > ul > li > a:hover{ /*remove hover style for touch*/
	background-color:transparent;
	color:#FFF;
}
.touch #nav .inner > ul > li:hover{ /*remove hover style for touch*/
	background-color:transparent;
	color:#FFF;
}

.touch #nav .inner > ul > li.active > a{
	background-color:#c9e9ed;
	color:#086b69;
}
.touch #nav .inner > ul > li:hover ul.sub-menu{/*remove hover style for touch*/
display:none;
}
.touch #nav .inner > ul > li.active ul.sub-menu{
display:block;
}

/*Add menu items to hide on non-touch screens i.e. extra overview links*/

.no-touch nav#main-nav #menu-item-61{
	/*display:none;*/
}
/*END TOUCH STYLES---------------------------------*/

/*Top NAv---------------------------*/
#topnav{
	position:relative;
	overflow:hidden;
	padding:0;
	margin:0;
	list-style:none;
    float:right;    margin: 38px 0 0;
}

#topnav > li{
    display:inline-block;
	border-left:1px solid #000;
}
#topnav > li:first-child{
border-left:none;
}
#topnav > li a{
    text-decoration: none;
    font-size:14px;
    display:block;
    text-transform: uppercase;
    color:#000;
    padding:0 10px;
}
#topnav > li a:hover{
}
/*SUBNAV----------------------------------------------*/
.subnav{
    background-color:#dadada;
   min-height:32px;
}
.subnav:after{
 content:"";
    display:table;
    clear: both;
}
.subnav .inner{
overflow:hidden;
}

.subnav select{
display:none;
     margin-top: 7px;
}
.subnav ul{
margin:0;padding:0;list-style: none;
display: none;
}
.subnav ul li{
    display:inline-block;
}
.subnav ul li.current_page_item a{
    background-image: url(../images/subnav-arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.subnav ul li.current_page_item a:hover{
    color:#00235d;
background-color:transparent;
}
.subnav a{
display:block;color:#00235d;
    text-decoration: none;text-transform: uppercase;
    padding:5px 15px;
}
.subnav a:hover{
color:#FFF;
background-color:#009fc3;}
/*HOMEPAGE--------------------------------------------*/
.homebanner{
    background-color:#000;
}
.shadow{
min-height:27px;
    background-image: url(../images/shadow.png);
    background-repeat: no-repeat;
    background-position: center top;
    border-top:1px solid #fff;
}
.home-content{
}
.home-content:after{
content: "";
display: table;
clear:both;
}
.home-left{
    /*632/984*/
    width:100%;
    float:left;
}
.home-right{
    /*352/984*/
    width:35.77235%;
    float:right;
    background-image: url(../images/home-right-shadow.png);
    background-repeat: no-repeat;
    background-position: left top;
    min-height:282px;
    padding-left: 42px;
 
}
.home-cta{
    font-size: 13px;
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 2px dotted #ccc;
}
.home-cta:after{
content: "";
display: table;
clear: both;
}
.home-cta:first-child{
    border-top:none;
    padding-top:none;
}
.home-cta .title{
    font-size:17px;
    font-weight:700;
   margin-bottom: 5px;
    line-height: 1.2;
 
}
.home-cta p{
/*padding-bottom:10px;*/
    padding-bottom:0px;
}
.home-cta a{
display:inline-block;
    text-decoration:none;font-weight:700;

}
.home-cta a span{
color:#999;
    margin-right: 2px;
    font-size: 18px;
}
.home-cta img{
float:right;
margin:0 0 5px 5px;
}

ul.recent-posts{
margin:0;padding:0;list-style:none;
}
ul.recent-posts li{
    margin-bottom:5px;
    border-bottom:1px dotted #CCC;
    padding-bottom:5px;
}
ul.recent-posts li:last-child{
    border-bottom:none;
    padding-bottom:0px;
}
/*CONTENT---------------------------------------------*/
#content{
	position:relative;        margin-top: 25px;
        padding-bottom: 35px;
}
.home #content{
    margin-top:0;
    padding-bottom: 0;
}
#content .inner:after, #content:after{
	content: "";
    display: table;
    clear:both;
}
.has-sidebar #content-left{
    width: 70.12195%;/*690/984*/
        float:left;
}

#content-right{
    width:28.45528%; /*280/984*/
    float:right;
    background-image:url(../images/sidebar-shadow.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left:20px;
}

#content-right:after, #content-left:after{
content:"";
display:table;
clear:both;
}
/*CTAs-----------------------------------------------*/
.cta-wrap{
    border-top: 1px solid #CCC;
    /*border-bottom:1px solid #CCC;*/
    min-height:220px;
    background-color: #EEE;
    background-image: url(../images/shadow.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.cta-wrap:after{
	content: "";
    display: table;
    clear:both;
}
.cta-col{
    padding:20px 10px;
    border-left:1px solid #ccc;
    width:100%;min-height: 220px;float:left;
}
.cta-col:first-child{
      border-left:none;
}
.cta-wrap.two-col .cta-col{
    width:50%;
}
.cta-wrap.three-col .cta-col{
    width:33.333333%;
    
}
.cta-col .title{
font-weight: 700;
font-size:1.4285714em;/*20p/14*/
    padding-bottom:10px;
    color:#009fc3;
    text-transform: uppercase;
}
.testimonial{
}
.quote{
    margin-bottom: 10px;
    font-style: italic;
}
.quote-author{
    text-align:right;
}
/*FOOTER---------------------------------------------*/
#footer{
	position:relative;
    background-color: #000;
    min-height: 100px;
}

/*responsive youtube video */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

 /*SCrollable Table-------------------------------*/
 
 .scrollable-table{
	 max-width:100%;
	 overflow:auto;
	 margin-bottom:10px;
 }
 .scrollable-table-message{
	  font-size:11px;
	  color:#999;
	  font-style:italic;
 }

/*Page Intro---------------------*/
.pagetitle{
font-size: 36px;
        line-height: 1.2;
    padding: 16px 0 16px;
    /*margin-bottom: 15px;*/
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    min-height: 77px;
    border-bottom: 1px solid #CCC;
    background-color: #EEE;
    background-image: url(../images/shadow.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.subpagetitle{
font-size:24px;
margin-left:20px;
    color:#009fc3;
}
.subpagetitle span{
margin-right:10px;
    font-weight:300;
    color:#999;
}


.introduction{
        border-bottom: 2px dotted #ccc;
    margin-bottom: 20px;
}
.introduction .title{
    padding-bottom:10px;
    margin-bottom: 0;
}
.introduction .subtitle{
    padding-bottom:10px;
    margin-bottom: 0;
    font-size:17px;font-weight:bold;
    color:#333;
}

img.introimage {
    float: right;
    border: 4px solid #ccc;
    margin: 0 0 10px 15px;
}

/*CONTACT FORM-----------------------------*/
textarea.sidebar-message{
    height:100px !important;
}
.ninja-forms-required-items{display:none;}
#ninja_forms_form_1_all_fields_wrap {
    padding: 10px;
}
.contact-top{
    color:#FFF;
    background-color:#333;
    padding:10px 15px;
        margin: -10px -10px 10px;
}
.contact-top img{
    float:right;margin-top: -20px;
}
.contact-top p{
    padding-bottom: 7px;
}
.contact-title{
        font-size: 24px;
    font-weight: 700;
    padding-bottom: 7px;
    line-height: 1.2;
}
.required-items p{
    padding-bottom:4px;
}

/*CALLOUTS----------------------------------*/
.CallOutText {
font-weight: 300;
font-size: 18px;
overflow:hidden;
margin-top:10px;
margin-bottom: 10px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
text-align:center;
color:#999;
/*text-transform:uppercase;*/
}

.CallOutText p{
	margin:5px 0;
        padding: 0;
}
.CallOutText.floatRight{
	border-top:none;
	border-bottom:none;
border-left:1px solid #ccc;
margin-left:20px;
padding-left:20px;
text-align:left;
width:200px;
}
.CallOutText.floatLeft{
	border-top:none;
	border-bottom:none;
border-right:1px solid #ccc;
margin-right:20px;
padding-right:20px;
text-align:right;
width:200px;

}

/*TMCO TOOLS-------------------------*/
.pagetitle.tmco-tools{
color: #fff;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.87);
    padding-top:40px;
border-bottom: 1px solid #000;
 background-color: #000;
    min-height: 150px;
    background-image: url(../images/tmco-banner.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}
.pagetitle.tmco-tools .subpagetitle{
    color:#ffa500;
}
.subnav.tmco-tools{
    background-color: #3d3d3d;
}
.subnav.tmco-tools a {
    color:#ffa500;
}
.subnav.tmco-tools ul li.current_page_item a:hover {
     color:#ffa500;
}
.subnav.tmco-tools  a:hover {
    color: #3d3d3d;
    background-color: #ffa500;
}


table.tmco-table{
border-collapse: collapse;
    border:1px solid #ccc;
    width:100%;
}
table.tmco-table th{
background-color:#333;
    color:#FFF;
}

table.tmco-table th, table.tmco-table td{
border:1px solid #ccc;
    padding:5px;
}

table.tmco-table tr:nth-child(even) td{
    background-color:#EEE;
}

.tabs{
    margin:0;padding:0;list-style:none;
}
.tabs li{
    float:left;
    list-style:none;
}

.tabs a{
    display:block;
    padding:10px 15px;
    font-size:16px;font-weight:bold;
    text-decoration: none;
    border:1px solid #ccc;
    background-color:#FFF;
    color:#ccc;
    outline:none;
}
.tabs a.active{
    background-color:#ccc;
    color:#00235d;
}
.swap-content{
display:none;
}
.swap-content.active{
display:block;
}

      .scrollable-table{
	 max-width:100%;
	 overflow:auto;
          clear:both;
 }
 .scrollable-table-message{
     clear:both;
 }

/*DESIGN YOUR OWN TOOL*/
.user-info{
    width: 25%;
    float: left;
  
}
.tool-info{
        width: 70%;
    float: right;
}
.tool-info-block {
    /* border: 1px solid #ccc; */
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.tool-info-block.center-cutting label, .tool-info-block.counter-bore label{
    display:inline-block !important;
    width:25px;
}

/*WP STYLES-----------------------*/

.blog article{
border-bottom:1px dotted #CCC;
    padding-bottom:20px;
}
h1.entry-title{
    color: #000;
    font-size: 2.1428571em;
    font-weight: 300;
    padding-bottom: 0;
    margin-bottom: 20px;
    line-height: 1.2;
}
.blog h2.entry-title{
    font-size: 2.1428571em;
    font-weight: 300;
    padding-bottom: 0;
    margin-bottom: 20px;
    line-height: 1.2;
}
.blog h2.entry-title a{
text-decoration:none;
}
.entry-meta{
font-size:13px;}

.blog .intro-image{
float:right;
margin:0 0 20px 20px;}

/*WP PREV and NEXT Posts Links---------------------------------------------*/

.navigation {
}
.navigation posts-navigation{
}
.navigation post-navigation{
}

.nav-links{
}
.nav-links a{
	font-size:12px;
	text-decoration:none;    display: inline-block;
}
.navigation posts-navigation .nav-links a{
	text-transform:uppercase;
}
.nav-previous{
	background-image:url(../images/postprev.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left: 14px;
	
}
.nav-next{
	background-image:url(../images/postnext.png);
	background-repeat:no-repeat;
	background-position:right 4px;
	padding-right: 14px;
	
}
.nav-previous a{
	/*background-image:url(../images/prev.png);
	background-repeat:no-repeat;
	background-position:left 2px;
	padding-left: 14px;*/
}
.nav-next a{
	/*background-image:url(../images/next.png);
	background-repeat:no-repeat;
	background-position:right 2px;
	padding-right: 14px;*/
	
}