@charset "UTF-8";

/* CSS Document */
html {
	background-color:#474748;
	}


ul {
    padding: 0 0 0 15px;
    margin:0
}

a {
    padding:0;
    margin:0
}

h1,h2,h3,h4,h5,h6 {
    color:#454546
}

hr {
    height:12px;
    border:0;
    box-shadow:inset 0 12px 12px -12px rgba(0,0,0,0.5)
}

.container-fluid {
    padding:0
}

.navbar {
    border-width:0
}

.navbar-default {
    background-color:#474748;
    font-size:85%
}

.nav > li > a {
    padding:10px
}

.logo {
    float:Right;
    margin-top:15px;
    min-height:55px;
    width:150px;
    background-size:contain;
    background-image:url(../images/logo-header.png);
    background-repeat:no-repeat
}

.navbar-toggle {
    float:left;
    margin-top:18px;
    margin-left:10px
}

.container > .navbar-header,.container-fluid > .navbar-header,.container > .navbar-collapse,.container-fluid > .navbar-collapse {
    margin-left:0;
    border-width:0
}

.navbar-default .navbar-toggle {
    border-width:0
}

.hero-content {
    margin-top:55px
}

.hero {
    padding-top:20px;
    padding-bottom:10px;
    font-size:75%
}

.hero ul {
    margin:0;
    padding:0;
    display:inline-block;
    width:100%
}

.hero .hero-text li {
    display:table-cell;
    list-style:none;
    width:1%;
    float:none;
    text-align:center
}

.hero .hero-text li:first-child a {
    margin:0;
    border-left:0
}

.hero .here-text li:last-child a {
    border-right:0
}

.main-content {
    margin-top:25px
}

.categories-img .img-circle {
    display:block;
    margin:0 auto;
    width:100px
}

.categories-img img:hover {
    opacity:.5
}

.categories-content {
    padding-top:10px
}
footer {
	width:100%;
	background-color:#474748;
	padding-bottom:10px;
	}
.footer-index {
    padding:0;
    background-color:#474748;
    margin-top:10px;
}

.logo-footer {
    margin:18px auto 0 auto;
    min-height:55px;
    width:200px;
    background-size:contain;
    background-image:url(../images/logo-footer.png);
    background-repeat:no-repeat
}

.copyright {
    clear:left;
    font-size:75%;
    color:#aba6a6
}

.copyright p {
    margin-bottom:0;
	text-align:center;
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color:#59595a
}

.footer-contact {
    color:#aba6a6;
	text-align:center;
}

.footer-contact p {
    margin-bottom:0;
	margin-top:10px;
}

.demon {
    margin-top:3px;
    font-size:75%;
    color:#aba6a6
}

.article {
    margin-bottom:30px
}

.contact-us {
    background-color:#dadada;
    width:100%;
    height:inherit
}

.map {
    margin: 20px 0;
}

.blog-container {
    background-color:#dadada;
    padding-left:20px
}

.post-list {
    padding-right:20px
}

.navbar-collapse {
    padding:0
}

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

.navbar-collapse ul li {
    margin:0;
    padding:0
}

.navbar-collapse ul li a {
    background-color:inherit;
    margin:0;
    text-decoration:none;
    display:table-cell;
    vertical-align:middle;
    height:25px;
    width:100%;
    padding-left:12px;
    padding-right:8px;
    padding-top:0;
    padding-bottom:0;
    color:#e1e1e1;
    list-style:none
}

.navbar-collapse ul li:hover {
    background-color:#6b6b6c;
    margin:0;
    height:25px;
    color:#e1e1e1;
    list-style:none
}

.selected {
    background-color:#59595a;
    margin:0;
    pading:0;
    height:25px;
    color:#e1e1e1;
    list-style:none
}

.contact-heading h3 {
	float:left;
	}

.req-fields {
	float:right;
	margin-top:20px;
	font-size:80%;
	}


input.cat_textbox,textarea.cat_listbox,select.cat_dropdown,select.cat_listbox {
    width:100%;
	margin-top:6px;
	padding-left:5px;
}

textarea.cat_listbox {
	padding-left:8px;
}

table.webform td {
    padding: 0;
}

.post-body img {
    display:block;
    max-width:100%;
    height:auto
}

.img-responsive {
    margin:0 auto
}

.margin-top-5 {
    margin-top:5%
}

.footer-index {
    margin-top:3%
}

/*     Hex Images Index     */
.hexagon-loco {
    position:relative;
    width:100px;
    height:57.74px;
    margin:28.87px 0;
    background-image:url(../images/sanding-fixed-index.jpg);
    background-size:auto 115.4701px;
    background-position:center
}

.hexagon-loco:hover,.hexagon-dust:hover,.hexagon-eng:hover,.hexagon-fab:hover {
    opacity:.4
}

.hexagon-dust {
    position:relative;
    width:100px;
    height:57.74px;
    margin:28.87px 0;
    background-image:url(../images/dust-index.jpg);
    background-size:auto 115.4701px;
    background-position:center
}

.hexagon-eng {
    position:relative;
    width:100px;
    height:57.74px;
    margin:28.87px 0;
    background-image:url(../images/general-engineering-index.jpg);
    background-size:auto 115.4701px;
    background-position:center
}

.hexagon-fab {
    position:relative;
    width:100px;
    height:57.74px;
    margin:28.87px 0;
    background-image:url(../images/fabrication-index.jpg);
    background-size:auto 115.4701px;
    background-position:center
}

.hexTop,.hexBottom {
    position:absolute;
    z-index:1;
    width:70.71px;
    height:70.71px;
    overflow:hidden;
    -webkit-transform:scaleY(0.5774) rotate(-45deg);
    -ms-transform:scaleY(0.5774) rotate(-45deg);
    transform:scaleY(0.5774) rotate(-45deg);
    background:inherit;
    left:14.64px
}

/*counter transform the bg image on the caps*/
.hexTop:after,.hexBottom:after {
    content:"";
    position:absolute;
    width:100px;
    height:57.735026918963px;
    -webkit-transform:rotate(45deg) scaleY(1.7321) translateY(-28.8675px);
    -ms-transform:rotate(45deg) scaleY(1.7321) translateY(-28.8675px);
    transform:rotate(45deg) scaleY(1.7321) translateY(-28.8675px);
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    background:inherit
}

.hexTop {
    top:-35.3553px
}

.hexTop:after {
    background-position:center top
}

.hexBottom {
    bottom:-35.3553px
}

.hexBottom:after {
    background-position:center bottom
}

.hexagon:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100px;
    height:57.735px;
    z-index:2;
    background:inherit
}

.preview .hexagon-loco,.preview .hexagon-dust,.preview .hexagon-eng,.preview .hexagon-fab {
    margin-left:auto;
    margin-right:auto
}

.water-mark {
	opacity:0.25;
	}
.picture-grid p {
	text-align:center;
	max-width:459px;
	margin:8px auto 0 auto;
	}


@media (min-width: 480px) {
.hero {
    padding-top:20px;
    padding-bottom:10px;
    font-size:95%
}
}

@media (min-width: 768px) {
	
.navbar-default {
    background-color:#474748;
    font-size:85%
}

.logo {
    float:Right;
    margin-top:22px;
    margin-bottom:23px;
    min-height:55px
}

.navbar-toggle {
    float:left;
    margin-left:10px
}

.navbar-nav {
    height:100px
}

.navbar-default .navbar-toggle {
    border-color:transparent;
    border-width:0
}

.hero-content {
    margin-top:100px
}

.main-content {
    margin-top:40px
}

.hero {
    padding-top:15px;
    padding-bottom:15px;
    font-size:150%
}

.navbar-collapse {
    margin-bottom:-5px;
    padding:0
}

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

.navbar-collapse ul li {
    display:inline-block;
    margin:0;
    padding:0
}

.navbar-collapse ul li a {
    background-color:inherit;
    margin:0;
    text-decoration:none;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    height:100px;
    max-width:90px;
    padding-left:5px;
    padding-right:5px;
    padding-top:0;
    padding-bottom:0;
    color:#e1e1e1;
    list-style:none
}

.navbar-collapse ul li:hover {
    background-color:#6b6b6c;
    margin:0;
    height:100px;
    color:#e1e1e1;
    list-style:none
}

.selected {
    background-color:#59595a;
    margin:0;
    pading:0;
    height:100px;
    color:#e1e1e1;
    list-style:none
}
.logo-footer {
    float:left;
}
.copyright p {
	text-align:left;
}
.footer-contact {
	text-align:right;
	}



/* Column clear fix */
.col-lg-1:nth-child(12n+1),.col-lg-2:nth-child(6n+1),.col-lg-3:nth-child(4n+1),.col-lg-4:nth-child(3n+1),.col-lg-6:nth-child(2n+1),.col-md-1:nth-child(12n+1),.col-md-2:nth-child(6n+1),.col-md-3:nth-child(4n+1),.col-md-4:nth-child(3n+1),.col-md-6:nth-child(2n+1) {
    clear:none
}

.col-sm-1:nth-child(12n+1),.col-sm-2:nth-child(6n+1),.col-sm-3:nth-child(4n+1),.col-sm-4:nth-child(3n+1),.col-sm-6:nth-child(2n+1) {
    clear:left
}
}

@media (min-width: 992px) {
	
.hero {
    padding-top:20px;
    font-size:200%
}

.navbar-default {
    font-size:100%
}

.navbar-collapse ul li a {
    padding-left:10px;
    padding-right:10px;
}
.navbar-collapse ul li a {
    max-width:110px;
    padding-left:6px;
    padding-right:6px;
}


.logo {
    width:200px
}

.picture-grid p {
	text-align:initial;
	}


/* Column clear fix */
.col-lg-1:nth-child(12n+1),.col-lg-2:nth-child(6n+1),.col-lg-3:nth-child(4n+1),.col-lg-4:nth-child(3n+1),.col-lg-6:nth-child(2n+1),.col-sm-1:nth-child(12n+1),.col-sm-2:nth-child(6n+1),.col-sm-3:nth-child(4n+1),.col-sm-4:nth-child(3n+1),.col-sm-6:nth-child(2n+1) {
    clear:none
}

.col-md-1:nth-child(12n+1),.col-md-2:nth-child(6n+1),.col-md-3:nth-child(4n+1),.col-md-4:nth-child(3n+1),.col-md-6:nth-child(2n+1) {
    clear:left
}
}

@media (min-width: 1200px) {
	
.navbar-collapse ul li a {
    max-width:115px
}

/* Column clear fix */
.col-md-1:nth-child(12n+1),.col-md-2:nth-child(6n+1),.col-md-3:nth-child(4n+1),.col-md-4:nth-child(3n+1),.col-md-6:nth-child(2n+1),.col-sm-1:nth-child(12n+1),.col-sm-2:nth-child(6n+1),.col-sm-3:nth-child(4n+1),.col-sm-4:nth-child(3n+1),.col-sm-6:nth-child(2n+1) {
    clear:none
}

.col-lg-1:nth-child(12n+1),.col-lg-2:nth-child(6n+1),.col-lg-3:nth-child(4n+1),.col-lg-4:nth-child(3n+1),.col-lg-6:nth-child(2n+1) {
    clear:left
}
}