/*======================================================
Screen Style Sheet
Abbott interfast
------------------------------------------------------l
Author(s):Nicholas Iloba
Created:3/27/2017
======================================================*/

/* Imported CSS Files */
@import url("bootstrap.min.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');


/* General Classes */
*{
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
.hidden,.hidetext,.special,.smallsite{display:none !important;}
.clear{clear:both;}
.clearfix:after {content:"";display: block;height:0;clear:both;}
.warning,.error{color:#a00;font-size:10px;text-align:left;display:block;}
#token {width:1px;height:1px;padding:0px;margin:0px;border:none;position:absolute;left:-9999px;}
.center {text-align: center;margin-left:auto;margin-right:auto;}
.left {float:left;}
.right {float:right;}
img.left {margin:0 15px 15px 0;padding-right: 15px;}
img.right {margin:0 0 15px 15px;padding-left: 15px;}
img {max-width: 100%;}
.unstyled {list-style:none;margin:0;padding:0;}
.sep {margin:0 3px;opacity:1;filter:alpha(opacity=50);}
input:focus,
textare:focus{outline:none;}
input[type="file"]:focus{
    outline: none !important;
    cursor:pointer;
}
span.errorMessage,
.error{
	color: #a00;
    font-size: 14px;
    text-transform: lowercase;
    line-height: 1.2;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0;
    padding: 2px 3px;
    position: absolute;
    top: -8px;
    right: 10px;
    display: block;
    font-weight:700;
}
#rfq .error {
    color: red;
    background: none;
}
.constrain {width:1200px;margin:0 auto;position: relative;}
a,h3, div{
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-o-transition:all 0.2s;
}
.mobile,.tablet{display: none;}

body {
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4 {
	font-family: 'Open Sans', sans-serif;
	letter-spacing:normal;
	text-transform: capitalize;
}
h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.25em;}
p {font-size:1em;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-font-smoothing:subpixel-antialiased;
	-o-font-smoothing:subpixel-antialiased;
	font-smoothing:subpixel-antialiased;
}
a {color:#000;}
a:hover {color:#3d68b0;}
hr {border-top:1px solid #ddd;}

#main-content a{
	color:#cb0000;
}
/* ****************************************** General Layout */
.tpl-3 #main-content, .tpl-4 #main-content {
    width: 100%;
    float: none;
    margin: 0 auto;
}
/*
.tpl-4 #main-content,
.tpl-3 #main-content{
	padding: 40px 0;
}
*/

body.id-1 h1.heading {
    margin-top: 0;
}


body.id-27 .block1 .img-wrapper img{
	max-height: 300px;
	width: auto; 
}
.tpl-4.id-70 #main-content{
	padding:0;
}
.tpl-4.id-64 #main-content{
	padding: 0;
	margin-top: -9px;
}
.tpl-4.id-66 #main-content .w33{
	padding: 0;
}
.tpl-4.id-66 #main-content .w33:last-child .img-wrapper{
	position: absolute;
	height: 33.5%;
	overflow:hidden;

}
.tpl-4.id-66 #main-content .w33:last-child .img-wrapper img{
	position: relative;
	top: -30%;
}
.tpl-4.id-66 #main-content .w33:last-child .img-wrapper:nth-child(2){
	top: 34%
}
.tpl-4.id-66 #main-content .w33:last-child .img-wrapper:nth-child(3){
	top: 68%;
}
body.id-68 .content-block table{
	width: 100%;
}
body.id-68 .content-block table td:first-child{
	padding-right:30px;
	width: 50%;
}
body.id-68 .content-block table tr:last-child td{
	padding-bottom: 20px;
	border-bottom: 2px solid #eee;
}

.tpl-3 .constrain, .tpl-4 .constrain {width:1200px}
 /* ***************************************** Header */
header{
width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
      -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

header.sticky #header-top {
  padding: 0;
  
}

#header-top{
	background-color:#01025c;
	    position: relative;
    z-index: 1;
	    padding: 5px 0;
}
#header-top .mobile{
	display: block;
}
#header-bottom {
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.17);
	-moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.17);
	box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.17);
    height: 60px;
}



.hideThis, #tablet-mobile-nav-container{
	display: none;
}
.show{display:block}


/* ***************************************** Global Navigation */
#global-nav{
	width:auto;
	floaT:right;
}
#global-nav li {
    display:inline;
}
#global li.last{
	padding-right:0;
}

#global-nav li a {
	color:#fff;
	line-height: 3;
	font-size:12px;
    padding: 0 10px;
    font-weight:600;
}
#global-nav li:after {
	content: "|";
	color:#fff;
}
#global-nav li.last:after{
	content:" "
}

#telephone, #telephone a {
	color:#fff;
	width:auto;
	    margin-bottom: 0;
    line-height: 2.5;
    font-weight: bold;
    pointer-events: none;
}
#iso {
    float: left;
    color: #cb0000;
    margin: 7px 0 0 20px;
    font-weight: 700;
    background: #fff;
    padding: 2px 10px;
}
#iso a{
	color: #cb0000;;
}
/* ***************************************** Primary Navigation */

.Nav_left, .Nav_right, .logo{
	width:33.333%;
}
.logo{
	    height: 43px;
    margin: 14px auto 0;
    display: block;
    float: left;
}

.logo img{
	    margin-top: -17px;
    position: relative;
    z-index: 0;
}
.Nav_right .primary-nav {
    width: 100%;
    float: left;
}
  .Nav_right #searchIcon, .searchIcon{
	float:right;
	width:5%;
	font-size: 16px;
	line-height: 1.8;
	padding-top: 15px;
	cursor: pointer; 
  }
.Nav_left .primary-nav > li.first > a{
	padding-left:0;
}
.Nav_right nav,
.Nav_right .nav-rfq{
	float:left;
}
.Nav_right .nav-rfq{
	margin-top:20px;
}
.Nav_right .nav-rfq > a {
    background:#cb0000;
	color:#fff;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 5px;
    text-decoration: none;
}

.Nav_right .nav-rfq:hover > a{
	color:#cb0000;
	background-color:#fff;
	padding: 4.5px 3.5px;
	border: 1.5px solid #cb0000;
}


.primary-nav {
	clear: both;
	position:relative;
	z-index:10;
    font-family: 'Open Sans', sans-serif;
        padding-top: 15px;
}
.primary-nav a {
	display: block;
	text-transform: capitalize;
		font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -0.5px;
}
.primary-nav a:hover {
	text-decoration:none;
}
.primary-nav > li {
	margin:0;
	padding:0;
	float:left;
	display:block;
	position:relative;
}


.primary-nav > li.hover > a, 
.primary-nav > li:hover > a, 
.primary-nav > li.active:hover > a {
	color:#cb0000;
	text-shadow:none;
}
.primary-nav > li > a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
    padding: 0 9px;
    position: relative;
}

.primary-nav > li.active > a{
		color:#cb0000;
}
.primary-nav ul {
	list-style:none;
	background-color:#01025c;
	padding: 0;
	width:310px;
	position:absolute;
	top:45px;
	left:0;
	z-index:10;
	display:none;
	overflow:visible !important;
}
.primary-nav li > ul:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 13px 13px;
    border-color: #cb0000 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -13px;
    left: 10%;
	color:#cb0000;
}

.primary-nav ul li {
	line-height:normal;
	margin:0px;
	    border-bottom: 1px solid #fff;
}
.primary-nav ul li.last{
	border-bottom:none;
}
.primary-nav ul li:hover a, 
.primary-nav ul li.active:hover a{
	color:#fff;
	background:#cb0000
}
.primary-nav li.active ul li a, 
.primary-nav ul li a {
	color:#fff;
	padding:10px 20px;
	display:block;
	text-transform: capitalize;
	font-size:14px;
}


.primary-nav ul ul{
	left: 310px;
	margin-top: -46px;
	top: auto;
	border-left: 1px solid white;
}

.primary-nav ul li:hover ul{
	display: block !important;
	background-color: #01025c;
}

.primary-nav ul li:hover ul li a{
	background-color: #01025c;
}

.primary-nav ul li.active:hover ul li a{
	background-color: #01025c !important;
}

.primary-nav ul li:hover ul li:hover a,
.primary-nav ul li:hover ul li.active a{
	background:#cb0000 !important;
}

.primary-nav ul ul:after{
	display: none;
}




/* ***************************************** Home Banner */

.banner-caption{
    padding: 40px 0 25px 0;
}
.banner-caption span{
	display: block;
		font-size: 40px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;
		letter-spacing: -0.3px;
}


.banner-caption span.light{
	font-size: 40px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;
	letter-spacing: -0.3px;
	color:#3a3635;
	margin-bottom: 15px;
}

.home-banner-image {
    background-repeat: no-repeat;
    background-position: right center;
    height: auto;
}

.banner-caption .btnBG{
	text-align: left;
	margin: 0;
}

.btnBG {
    width: 250px;
    position: relative;
    margin: 0 auto;
}

.btnBG.detail-pg {
    margin-left: 0px;
}

#quickContact .submitBG {
    position: relative;
    width: 50%;
    float: right;
}
#quickContact .submitBG input.submit {
    width:80%;
    margin-right: 20px;
}
.btnBG img,.submitBG img{
	position: absolute;
    top: 0;
    right: -10px;
    height: 42px;
}
.submitBG img {
    right: 0;
}

.redLine{
	display: block;
    border: 10px solid #cb0000;
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.learnmore, .viewAll{
	display: block;
	margin: 20px 0;
	background-color: #01025c;
	width: 95%;
	color: #fff !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding:10px 0;
}
.homeSection_Text{
	position: relative;
	width: 440px;
}

.homeSection_Text .btnBG {
    position: absolute;
    right: 0;
}
.homeSection_Text .btnBG img {
    top: 20px;
}


.learnmore:hover, .viewAll:hover{
	background-color:#cb0000;
	text-decoration: none;
	color:#fff;
	cursor:pointer;
}


#learnmore:after{

}

.banner-caption p{
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -0.1px;
}

#home-banner, 
#home-banner .slides li {
	height: auto;
}
#home-banner {
	background: #fff;
	width:100%;
	margin: 108px auto 0;
	overflow:hidden;
	position:relative;
	z-index:0;
/* 	    border-bottom: 20px solid #cb0000; */
}
#home-banner .slides li {
	background-position:center center;
	background-repeat: no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	width:100%;
	margin:0;
	display:none;
}
#home-banner a {
	display: block;
}
#home-banner h2,
#home-banner p {
	margin:0;
}

/********************** content styles*********/

.img-wrapper .drill.center-img{
	margin-top:0;
}

.hideThis.searchWrap.clearfix {
	background-color: #d1d7d9;
	box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
	height: 130px;
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;

}

.content_block{
	padding:30px 0;
}
.content_ul ul{
	width:21.3%;
}

.img-wrapper-content{
	padding:10px;
}

ul.unstyled li{
	line-height: 2.5;
}

.content_block .img-wrapper{ 
	width: auto;
    margin: 0 auto;
}

.content_block:nth-child(even) .img-wrapper{
	margin:0 0 10px;
	float:right;
}

.content_block:nth-child(odd) .img-wrapper{
	margin:0 0 10px;
}
.searchIcon:before, #searchIcon:before{
	font-family: "ionicons";
	content:"\f21f";
}
.searchIcon.search-close:before, #searchIcon.search-close:before{
	    content: "\f129";
    font-family: "Ionicons";
}

.search-form{
	margin: 0 auto;
	display: block;
	width: 70%;
	position: relative;
}

.search-form fieldset{
    margin-top: 60px;
}

input.search-input{
	width:100%;
	height: 42px;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: inset 0 1px 9px 0 rgba(0, 0, 0, 0.18);
	border: none;
	padding: 0 20px;
}
.search-form .search-btn {
    border: none;
    right: 20px;
    border-radius: 0;
    width: 20px;
    font-size: 15px;
    padding-left: 10px;
    text-align: left;
    color: #000;
    background: none;
    position: absolute;
    top: 5px;
    line-height: 2;
}

#AutomatedScrew{
	border-bottom:30px solid #cb0000;
	background-position: center;
}
#AutomatedScrew .heading{
	padding-top:30px;
}
#AutomatedScrew .bg-left,
#AutomatedScrew .bg-right{
	display: none;
}

.valueAdded{
	text-align: center;
	padding-top:20px;
}
#Values{padding:30px 0 50px;}
#Values .fauxlink{
	height:auto;
	background:none;
	box-shadow: none;
}
#Values .fauxlink p{display: block;}
#Values h5{
	text-align: center;
}
#Values h5 a{
	color:#000;
}
#Values  .richtext{
	padding:0 10px;
}

#Machining{
	padding:50px 0;
	background-position: center;
}
#Machining .heading, #Machining p{
	color:#fff;
}
#Machining .heading{
	font-weight: 300;
	    font-size: 35px;
}
#Machining .fauxlink {
    height: 160px;
    background: none;
    box-shadow: none;
    cursor: pointer;
    width: 19% !important;
}
#Machining .fauxlink:before {
    content: '';
    position: absolute;
    left: 0%;
    top: 0;
    width: 95%;
    height: 100%;
    opacity: 0.7;
    background-color: #cb0000;
    transform: skewX(-40deg);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    border-right: 15px solid red;
}


#Machining .fauxlink:hover:before,
#Machining .fauxlink.last.hovered:before {
	background-color: #d1d7d9;
	opacity: 0.6;
	border-color: #d1d7d9;
}

#Machining .col-md-2 .fauxlink:hover:after,
#Machining .fauxlink.last.hovered:after{
	background-color: #d1d7d9;
}



#Machining .fauxlink.Top:before {
	   transform: skewX(40deg);
}
#Machining .fauxlink h3{
	    background: none;
    vertical-align: middle;
    bottom: 35%;
    width: auto;
    left:-10px;
}
#Machining .fauxlink.last-top h3 {
    bottom: -18%;
    z-index: 20;
    margin-left: 68%;
}
#Machining .col-md-2 .fauxlink:before{
	-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 100%, 55% 50%, 0% 0%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 100%, 55% 50%, 0% 0%);
	transform: none;
	width: 240px;
    right: 0;
    left: -110%;
    border-right:0;
}
#Machining .col-md-2 .fauxlink:after{
	content: '';
    position: absolute;
    left: 0%;
    top: 0;
    height: 100%;
    opacity: 0.7;
    background-color: red;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
	content:'';
	position: absolute;
	-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 44% 100%, 94% 50%, 44% 0%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 44% 100%, 94% 50%, 44% 0%);
	width: 240px;
	right: 0;
	margin-left:-94%;
	opacity: .7;
	
}
#Machining .col-md-2 .fauxlink{
	height:320px;
}
#Machining  .col-md-2  .fauxlink h3 {
	    vertical-align: middle;
        bottom: 45%;
	    width: auto;
	    left: 50%;
}

#RFQ_BG, #ContactBG {
	background-color:#01025c;
/*     padding:50px 0; */
    padding: 115px 0;
}

#RFQ_BG p, #ContactBG p{
	color:#fff;
		font-size: 16px;
	line-height: 1.88;
	letter-spacing: -0.1px;
	text-align: center;
}
#RFQ_BG .content-block .w33, #RFQ_BG .content-block .w50, #ContactBG .content-block .w33{
	padding:5px;
}
#RFQ_BG .forms .w100, #ContactBG .forms .w100{
	width:99%;
}
#RFQ_BG .forms input,#RFQ_BG .forms select{

}
#page-70 .forms .w33 .w50 label{
    left:3px;
    top:2px;
}
div.block1.block.constraint-container.blue-bg.contact-w60 {
    background-color: #01025c;
    padding-top: 3%;
}

p.white-blue-bg {
    color: white;
}

.id-64 .w60 {
    /* margin-left: -5%; */
    margin-top: -70px;
}

.id-64 .w40.bg-right {
    background-color: white;
}

.id-64 .w40 {
    /* margin-left: 5%; */
}

.id-64 div.submitWrapper.clearfix {
    margin-left: 0%;
    width: 81%;
}

.id-64 input.submit {
    width: 34%;
    margin-right: -23%;
}

.id-64 div.richtext {
    padding-left: 25%;
    margin-top: -3%;
}

.id-64 #content-wrap .h1wrapper {
    height: 215px;
}

.id-58 .fauxlink.span5{
	display: none;
}


 
#FAQ_Container .w60{
	width:65%;
}

#FAQ_Container .w40{
	width:30%;
	float:right;
}
#FAQ_Container .content-block{
	border-bottom: none;
}
#FAQ_Container .content-block ul.fancy{
	margin-top: 10px;
}

#FAQ_Container .content-block ul.fancy li{
	cursor: pointer;
}

#FAQ_Container .content-block ul.fancy li:hover,
#FAQ_Container .content-block ul.fancy li.active{
	color: #cb0000;
}

.FaqWrapper{
		background-color: #e7ecef;
	height:171px;
	margin-bottom: 20px;
	padding:20px;
	    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.17);
	    position: relative;
}
.FaqWrapper p {
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -0.5px;
}

.FaqWrapper > p:before{
	content:"Q | ";
}
.FaqWrapper .tabContent:before{
	content:"A | ";
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: -0.5px;	
    position: absolute;
}
.FaqWrapper .tabContent p{
	padding-left:27px;
}
.FaqWrapper span.blueArrow{
	    display: block;
    position: absolute;
-webkit-clip-path: polygon(41% 0, 97% 49%, 47% 100%, 5% 100%, 53% 49%, 0 0);
clip-path: polygon(41% 0, 97% 49%, 47% 100%, 5% 100%, 53% 49%, 0 0);
    height: 100%;
    width: 60px;
    right: -35px;
    top: 0;
    z-index: 20;
    background-color: #01025c;
}
.FaqWrapper span.blueArrow:before{
	content:"";
}

.FaqWrapper span em{
	font-style: normal;
		font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -0.1px;
}
#FAQ_Container ul.fancy{
	padding-left:0;
}
#FAQ_Container ul.fancy li{
	list-style: none;
	padding-left:0;
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -0.1px;
}

.fixedButtons{
	position: fixed;
    top: 150px;
    left: 0px;
    z-index: 100;
}

a.chats{
	    display: block;
    background: #01025c;
    color: #fff;
      padding: 10px 0 10px 5px;
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 25px;
    /* height: 30px; */
    text-align: center;
-webkit-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.55);
box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.55);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    width: 140px;
    height: 50px;
    margin-left: -92px;
    cursor: pointer;
}
a.chats:hover{
     margin-left: 0; 
}
a.chats span {
	    font-size: 11px;
    float: left;
    width: auto;
    line-height: 3;
}



/*div.phoneBanner{
	display: block;
    background: #01025c;
    color: #fff;
    padding: 10px 0 10px 5px;
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    font-weight: bold;
    font-size: 25px;
    text-align: center;
-webkit-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.55);
box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.55);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
       width: 120px;
    height: 50px;
        margin-left: -75px;
        cursor: pointer;
}*/

div.phoneBanner {
    display: block;
    background: #01025c;
    color: #fff;
    padding: 10px 0 10px 5px;
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 94% 0%, 100% 50%, 94% 100%, 0% 100%);
    font-weight: bold;
    font-size: 25px;
    /* height: 30px; */
    text-align: center;
    -webkit-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.55);
    box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.55);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    width: 210px;
    height: 50px;
    margin-left: -162px;
    cursor: pointer;
}
.phoneBanner.phonebannertracking {
    width: 122px;
    margin-left: -75px;
    -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}
div.phoneBanner:hover{
    margin-left: 0;
}
div.phoneBanner span,
div.phoneBanner tel{
	    font-size: 11px;
    float: left;
    width: auto;
    line-height: 3;
}

div.phoneBanner span a,
div.phoneBanner tel a{
	color: white;
}



.fa-phone, .fa-question-circle{
	floaT: right;
    width: auto;
    position: relative;
    right: 15px;
    top: 3px;
}
#internalBG {
    background-position: 111% center;
    padding: 0;
    background-size: 40%;
    /*margin-top: -40px;*/
    border-bottom: 1px solid #ddd;
}

#internalBG .content-block.two-col .w40 .img-wrapper{
	position: absolute;
    right: -24%;
    top: 0;
    margin-top: -34px;
}
#internalBG .content-block.two-col .w40 .img-wrapper img{
	z-index: 10;
	position: relative;
}
/*
#internalBG .content-block.two-col .w40 .img-wrapper:after{
	content:'';
	background-color: #ccc;
	top:0;
	height: 100%;
	position: absolute;
	display: block;
	width: 100%;
	z-index:5;
	left: 30%;
	width: 1000%;
	max-height: 382px;
}
*/


#internalBG .content-block{
	padding: 0 !important;
	overflow:hidden;
}

/********************** Flexslider Direction Nav *********/

.flex-direction-nav .flex-prev:after {
    content: "\f124";
    font-family:"Ionicons";
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.flex-direction-nav .flex-next:after {
    content: "\f125";
    font-family:"Ionicons";
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 0;
}

/* ***************************************** RFQ Button */
.rfq-btn {
	text-decoration: none !important;
	display:block;
}
.rfq-btn:hover {}


/* ***************************************** Content CTA */
.content-cta {
	clear: both;
}
.content-cta a {
	text-decoration: none !important;
	display:block;
}
.content-cta a:hover {}


/* ***************************************** Buckets */
#buckets {
    margin:20px 0;
    clear: both;
}
#buckets a {
	text-decoration: none !important;
	display: block;
}

.buckets.four_cols{
	padding: 40px 0;
}

body.tpl-3 .buckets.four_cols .imgwrapper{
	height: 110px;
    overflow: hidden;
    position: relative;
}
body.tpl-3 .buckets.four_cols .imgwrapper img{
	max-width: 100%;
	width: auto;
	height: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.richtext  .homeSection_Text p{
		font-size: 40px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;
	letter-spacing: -0.3px;
	text-align: right;
	color:#3a3635;
}

h2.heading, h3.heading{
	font-size: 40px;
	font-style: normal;
	font-stretch: normal;
	font-weight: 300;
	line-height: 1.15;
	letter-spacing: -0.3px;
	margin-top: 10px;
}

h2.heading b,
h3.heading b{
	font-weight: bold;
}

 h3.heading{
 color:#fff;
	text-align: center;
	padding:0px 0 25px;
}


.homeSection_Text em{
	display: block;
	font-weight: bold;
	font-style: normal;
}

#homeSection1{
	height:400px;
}
#homeSection1 .content-block{
	padding:50px 0;
}
#homeSection1 .buckets.four_cols{
	padding-top: 0;
}

#homeSection1 .fauxlink, .fauxlink{
	background:#fff;
	position: relative;
	height:246px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

#homeSection1 .fauxlink:hover, .fauxlink:hover{
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.4);
			cursor:pointer;
}
#homeSection1 .fauxlink:hover h3, .fauxlink:hover h3{
	background-color:#cb0000;
	text-decoration: none;
	color:#fff;
}


.fauxlink{
	height: 300px;
}
#Related .fauxlink{
	height: 160px;
	background: none;
	box-shadow: none;
}
#Related .fauxlink:before {
    content: '';
    position: absolute;
    left: -3%;
    top: 0;
    width: 103%;
    height: 100%;
    background-color: #cb0000;
    transform: skewX(-30deg);
    opacity: 0.7;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#Related .fauxlink:after {
    content: '';
    position: absolute;
    right: 0%;
    top: 0;
    width: 10px;
    height: 100%;
    background-color: #cb0000;
    transform: skewX(-30deg);
    /* box-shadow: 0 0 5px rgba(0,0,0,0.5); */
}
#Related .fauxlink:hover:before{
    background-color: #d1d7d9;
    opacity: 0.6;
}

#Related {
	margin: 50px 0 0;
    padding: 50px 0;
}

#homeSection1 .fauxlink h3 , .fauxlink h3 {
	display: table;
	width: 100%;
	position: absolute;
	margin:0;   
	bottom: 0;
	height: 45px;
	background-color: #01025c;
}
#Related .fauxlink h3 {
    opacity: 1;
    background: none !important;
    position: absolute;
    bottom: 41px;
}

#homeSection1 .fauxlink h3 span, 
.fauxlink h3 span, .fauxlink h3 span a{
	height:45px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.07;
	text-align: center;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	color:#fff;
	vertical-align: middle;
	width: 173px;
	display: table-cell;
	text-transform: uppercase;
	text-decoration: none;
}
.fauxlink h3 span{
	width:300px;
}

#Related .fauxlink h3 span{
	padding: 0 5px;
	width: auto;
    margin: 10px auto;
    display: block;
}

.tpl-2 .fauxlink p{
	display:none;
}
.tpl-3 .fauxlink p, .tpl-4 .fauxlink p {
    padding: 5px 0 0;
    text-align: center;
    border-top: 1px solid #f3f3f3;
    width: 250px;
    margin: 0 auto;
}

#homeSection1  .fauxlink{
	padding-bottom: 45px;
}

#homeSection1 .imgwrapper{
	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
}

#homeSection1 .imgwrapper img{
	height: auto;
	margin: 0 auto;
	display: block;
	width: 100%;
}
.imgwrapper img{
	height: 110px;
/* 	margin: 20px auto; */
	display: block;
}
#page-1 #content-wrap, #page-100 #content-wrap{
	margin-top:0;
}
#content-wrap{
	margin-top:101px;
}
#content-wrap .h1wrapper {
    height: 190px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
} 

.h1wrapper .constrain{
	padding-top:50px;
}
 
.h1wrapper h1{
	color:#fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.15;
}

.h1wrapper .line {
	height: 1px;
	border: rgba(255, 255, 255, 0.8) 1px solid;
	width: 200px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

img.left.content_img, img.right.content_img{
	width:47.5%;
}


/* ****************************************** Gallery */
#galleryBlock{
	border-bottom:1px solid #eee;
	padding-bottom:50px;
	margin-bottom: 50px;
}

#images a, .pdf-list a {
    width: 25%;
    padding: 5px;
    float: left;
    margin-bottom: 50px;
      
}
.fancybox-bucket{

}
.fancybox-bucket .image-wrap{
	height:222px !important;	
}
.fancybox-bucket .image-wrap img{
	max-height:180px;
}
#images .image-wrap, .pdf-list .image-wrap {
    position: relative;
    text-align: center;
    padding: 20px;
    width: auto;
    height: auto;
    margin: 0 auto;
    border: 1px solid #d5d5d5;
}
#images .image-caption, .pdf-list .image-caption {
    background-color: #01025c;
    color: #fff;
    text-align: center;
    display: table;
    width: 100%;
}
#images .image-caption p, .pdf-list .image-caption p {
    font-weight: bold;
    text-transform: uppercase;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
}
.fancybox-prev {
    left: -35px;
}
.fancybox-next {
    right: -35px;
}
.fancybox-title-inside-wrap {
    background: none;
    padding: 0;
}
.fancybox-title .count {
    color: #aaa;
    font-size: 14px;
    background: none;
    padding: 0;
    top: 20px;
    left: 20px;
}
.fancybox-title .caption {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0;
        width: 100%;
}
.fancybox-nav {
    color: #aaa;
    font-size: 24px;
    line-height: 1;
    width: auto;
    top: 45%;
}
.caption span.title{
	display: none;
}
/* ****************************************** PDF */

.pdf-list{
	margin:20px 0;
}
.pdf-block a, .pdf-list a {
    color: #222;
    text-decoration: none !important;
    margin: 10px 0;
    display: block;
}
.pdf-block .left, .pdf-list .left {
    line-height: 42px;
    background: #fff;
    box-shadow: inset 0 0 1px #a2a1a1;
    -moz-box-shadow: inset 0 0 1px #a2a1a1;
    -webkit-box-shadow: inset 0 0 1px #a2a1a1;
    height: 42px;
    width: 85%;
    padding: 0 15px;
    float: left;
}
.pdf-block .title, .pdf-list .title {
    font-weight: bold;
    text-transform: uppercase;
}


#QualityContainer .content-block .w40 {
    width: 30%;
/*     float: right; */
    padding: 0 20px;
}

/* ****************************************** Sidebar - Left */
#sidebar-left {
    width:100%;
    float:left;
}
#sidebar-left h3 a:before{
	content: "Browse By "
}

#sidebar-left h3{
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -0.5px
}

#sidebar-left h3 a{
	text-decoration: none;
}
#secondary-nav li{
	border-bottom: solid 1px #d1d7d9;
}
#secondary-nav li a{
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -0.1px;
}
#sidebar-left ul#secondary-nav > li.dropdown.current:before{
	content: "\f10a";
	font-family:'ionicons';
	position: absolute;
    right: 5px;
    color:#cb0101;
}
#sidebar-left ul#secondary-nav > li.dropdown:before{
	content: "\f104";
	font-family:'ionicons';
	position: absolute;
    right: 5px;
    color: #333;
    width: 30px;
    right: 5px;
    text-align: center;
    cursor: pointer;
}
#sidebar-left  li.active.dropdown{
	background:#cb0000;
	color:#fff;
}
#sidebar-left  li.active.dropdown a{
	color:#fff;
	    font-weight: bold;
    padding-left: 10px;

}



#sidebar-left ul#secondary-nav{
	position: relative;
}

ul#secondary-nav > li.active > a{
	color:#cb0101
}
#sidebar-left li li.active > a, #sidebar-left li li:hover{
	text-decoration:underline;
	 color: #000;
}
#sidebar-left ul ul{
	margin-top:10px;
	display:none;
}
/*
#sidebar-left li.active > ul{
	display: block;
}

#sidebar-left li li{
	border:none;
	padding-left:15px;

}
*/
#sidebar-left li li a{
	color:#999
}
#sidebar-left a{
	color:#000;
}
#sidebar-left li li >  a:hover{
	text-decoration: none;
	color:#818181
	}

/* ****************************************** Sidebar - Right */
#sidebar-right {
    width: 20%;
    float: right;
}


/* ****************************************** Forms */

.QCWrapper{
	background-image:url(/images/banner_form_bg.jpg);
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
}

#quickContact{
	    width: 60%;
    margin: 0 auto;
        padding: 30px 0;
}

.forms h4{
	font-size: 36px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;
	letter-spacing: -0.3px;
	text-align: center;
	color:#fff;
}

.forms .input-group {
    margin: 0 auto 10px;
    width: 90%;
}
.forms label{
    font-size: 14px;
    font-weight: 400;
    color: #5c5c5c;
    position: absolute;
    /*top: 15px;*/
    left: 10px;
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    z-index: 1;
}
.forms .focusedFilled label {
    top: 4px;
    font-size: 9px;
}
.buisness-type {
    border-radius:36px;
}
.buisness-type label {
	top: 3px;
	font-size: 14px;
}			    
.buisness-type select {
    padding: 16px 7px 7px 7px;
}
.forms input{
    height: 41px;
    border-radius: 5px;
}
.forms .w33 .w50 label{
	top:12px;
}
.forms .w33 .w50.focusedFilled label{
	top:0;
}
.forms .w33 .w50{
	padding-left:0 !important;
}
.forms .input-group.textarea textarea{
	padding-top:17px;
}
.forms input, 
.forms textarea{
	color:#666;
	line-height:1.2;
	background:#fff;
	border:1px solid #bbb;
	width:100%;
	margin:0;
	padding:5px;
	display:block;

}
.forms select{
    color:#666;
	line-height:1.2;
	background:#fff;
	border:1px solid #bbb;
	width:100%;
	margin:0;
	padding:22px 7px 7px 7px;
	display:block;
	border-radius: 5px;
}
.forms textarea {
	height:113px;
		resize: none
}
.forms .file-upload-button{
	position:relative;
	float:left;
    width:50%;
}
.forms #fileUpload{
	position: absolute;
	top:0;
	opacity:0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
    z-index:300;
    display: block !important;
}
::-webkit-input-placeholder {
  color: white;
}
:-ms-input-placeholder { 
  color: white;
}
::-moz-placeholder { 
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  color: white;
  opacity: 1;
}
.forms #file_Attachment {
    background-image: url(/images/clip.png);
    background-repeat: no-repeat ;
    background-position:95% center;
    color: white !important;
    
}
.forms .submit {
	color:#000;
	background: #dee2e4;
	    text-transform: uppercase;
    font-weight: 600;
    border:none;
    border-radius: 0;
}
.forms .submit:hover{
	background:#cb0000;
	color:#fff;
}
#fileButton:hover, #fileUpload:hover{
}

.forms .w100 {
	width: 100%;
	cleaR: both;
}
.w75 {
	width: 74%;
}
.w66 {
	width: 65%;
}
.forms .w50 {
	width: 49.5%;
}
.forms .w50 .w50{
	width: 48.8%;
}
.w40 {
	width: 39%;
}
.w33 {
	width: 32%;
}
.w25 {
	width: 24%;
}

.forms .input-group {
    margin: 0 auto 10px;
    margin-bottom: 15px;
        display: block;
        position: relative;
}

.submitWrapper{
	    width: 50%;
    margin: 0 auto;
}
input#file {
    float: left;
    width: 150px;
}
input.submit {
    float: right;
    width: 45%;
}

label > span.required {
    color:#FF0000;
    font-weight:700;
}


#fileButton {
    cursor: pointer;
    color: #fff;
    border-radius: 0px;
    border: 2px solid #cb0000;
}

input#fileUpload {
    width: 5px;
    opacity: 0;
    height: 40px;
}
#fileButton, #fileUpload {
    position: absolute;
	right: 0;
    width: 48% !important;
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
    font-family: 'ubuntu', sans-serif;
    background: #fff;
    padding: 0;
    color: #000;
    cursor: pointer;
}
#file-uploader-image{
    float: left;
}
.qq-clear-button, .qq-upload-button {
    color: #000 !important;
    background: #fff !important;
    font-size: 14px;
    font-family: 'ubuntu', sans-serif;
    padding: 10px 20px !important;
    width: 150px !important;
}

.qq-upload-list li {
    font-size: 14px !important;
    color: #FFF;
}

.footerContact{
	margin-top: 30px;
}

.footerlogo{
	display: block;
}

.footerlogo img{
	width: auto;
    height: 83px;
    margin: 0 auto;
    display: block;
}
#footer address{
	line-height: 2.5;
}
#footer span i{
	float: left; 
}

#footer .footer-site-links{
	margin-top: 42px;	
}


.id-71 .QCWrapper, .id-72 .QCWrapper, .id-79 .QCWrapper{
	display:none
}


/* //sprite homepage*/

/*
.sprite {
    background-image: url(/images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}
*/

.img1 {
    width: 141px;
    height: 141px;
    background: url("/images/spritesheet.png") no-repeat scroll -15px -15px;
    display: block;
    margin: 0 auto 5px;
     cursor: pointer
}

.img1:hover{
    width: 141px;
    height: 141px;
    background: url("/images/spritesheet.png") no-repeat scroll -15px -186px;
       display: block;
    margin: 0 auto 5px;
     cursor: pointer
}

.img2{
    width: 141px;
    height: 141px;
     background: url("/images/spritesheet.png") no-repeat scroll -15px -357px;
        display: block;
    margin: 0 auto 5px;
     cursor: pointer
}

.img2:hover {
    width: 141px;
    height: 141px;
     background: url("/images/spritesheet.png") no-repeat scroll -15px -528px;
         display: block;
    margin: 0 auto 5px;
     cursor: pointer
}

.img3 {
    width: 141px;
    height: 141px;
     background: url("/images/spritesheet.png") no-repeat scroll -15px -699px;
        display: block;
    margin: 0 auto 5px;
     cursor: pointer
}

.img3:hover {
    width: 141px;
    height: 141px;
     background: url("/images/spritesheet.png") no-repeat scroll -15px -870px;
        display: block;
    margin: 0 auto 5px;
    cursor: pointer
}

.img4{
    width: 141px;
    height: 141px;
     background: url("/images/spritesheet.png") no-repeat scroll -15px -1041px;
           display: block;
    margin: 0 auto 5px;
     cursor: pointer
}

.img4:hover{
    width: 141px;
    height: 141px;
     background: url("/images/spritesheet.png") no-repeat scroll  -15px -1212px;
        display: block;
    margin: 0 auto 5px;
     cursor: pointer
}

/* ***************************************** Search Results */
.sisea-highlight {text-shadow:1px 1px 1px #fff;background:#e9e9e9;padding:3px;}
.sisea-paging {color:#777;font-size:12px;text-transform:uppercase;margin:15px 0;}
.sisea-result-pages {margin-right:2px;}
.sisea-current-page {color:#000;}
.sisea-result h3 {color:#999;}


/* ***************************************** Breadcrumbs & SM Toolbar */

.crumb-container span,
.crumb-container a{
	color:#fff;
	display:inline;
	font-weight: bold;
}
.crumb-container .crumb a:hover{ text-decoration: none; color: #01025c; }

.crumb-container > span:not(.first):before { content: "/"; font-size: 17px; color: #fff; font-weight: 400; padding: 0 5px; }

#share-media-bar {text-align:right;height:24px;float:right;}
#share-media-bar > div {float:left;margin:2px 8px 0 0 !important;padding:0;}
#share-media-bar .share-twitter {height:22px;padding:0;}
#share-media-bar .share-twitter iframe{width:56px !important;}
#share-media-bar .share-gplus {height:22px;width:34px;}
#share-media-bar .share-gplus iframe{float:left;height:22px;width:34px !important;}
#share-media-bar .share-facebook  {height:21px;}
#share-media-bar .share-linkedin{height:21px;margin-right:0 !important;}
#share-media-bar .share-linkedin #li_ui_li_gen_1400352143072_0 #li_ui_li_gen_1400352143072_0-title {height:20px !important;min-height:20px !important;}


/************* Content Block Styling *********/
.constraint-container{
    width: 100%;
    clear: both;
    position: relative;
    background:#fff;
    background-repeat: no-repeat;
    background-size: 100%;
}
.block1 .content-block{
	padding:30px 0 0;
}
.nopadding .content-block{
	padding:0;
}
.block:last-child .content-block{
	padding-bottom:30px;
}
.constraint-container.lt-gray{
	background:#e8eaeb;
}
.constraint-container.lt-gray.orangetext p{
	color: #fb7918;
}

.wide.content-block,
.content-block{
	width:100%;
	margin:0 auto;
}
.narrow.content-block {
    width: 800px;
}
.content-block .w25,
.content-block .w33,
.content-block .w40,
.content-block .w50,
.content-block .w60,
.content-block .w75 {
	vertical-align: top;
	display: inline-block;
}

#page-70 .content-block .w33{
    height:50px;
}
.content-block .w33{
	width:32.333%;
	padding: 30px 0;
}
.content-block .w33 img{
	display:block;
	margin:0 auto;
}
.content-block .w40 {
    width: 40%;
    padding: 0;
}

.content-block .bg-left,
.content-block .bg-right {
	background:center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	height:100%;
	position:absolute;
	top:0;
}
.content-block .bg-left {
	left:0;
}
.content-block .bg-right {
	right:0;
}
.content-block .w20.bg-left,
.content-block .w20.bg-right {
	width:18%;
}
.content-block .w30.bg-left,
.content-block .w30.bg-right {
	width:28%;
}
.content-block .w60.bg-left,
.content-block .w60.bg-right {
	width:58%;
}
.content-block .w40.bg-left,
.content-block .w40.bg-right {
	width:42%;
}
.content-block .w70.bg-left,
.content-block .w70.bg-right {
	width:72%;
}
.content-block .w80.bg-left,
.content-block .w80.bg-right {
	width:82%;
}

#intermediate .content-block .w40{
	width:24%;
	padding-left:0;
}
.content-block .w50{
    vertical-align:top;
	width:49%;
	display:inline-block;
}

.w50 .img-wrapper,
.w40 .img-wrapper{
	margin-bottom: 0;
}

.content-block .w40 .richtext p{
	padding-left: 15px;
}

body.id-45 .w50:first-of-type{
	padding-right: 50px;
}

body.id-52 .content-block table{
	display: inline-block;
	margin-right: 0;
	vertical-align: top;
	width: 32%;
	margin-bottom:30px;
}

body.id-52 .content-block table p{
	margin:0;
}

body.id-52 .content-block table + p{
	display: none;
}

#intermediate  .content-block .w60{
	width:71%;
}
.content-block .w60{
	width:59%;
	padding: 20px;
}

.richtext p{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.88;
	letter-spacing:normal;
}
.richtext ul li{
    color:#000;
}
#content-wrap .h1wrapper{
    /*margin-top: 95px;*/
}
.tpl-3 .block1 .content-block{
/* 	border-bottom:1px solid #f3f3f3; */
/* 	padding:20px 0 40px; */
}

ul.fancy{
	padding-left: 20px;;
}
ul.fancy li{
    line-height: 2.5;
    color: #777;
}

/************* Buttons Styling *********/
.content-button{
    padding: 8px 0;
    border-radius: 20px;
    margin: 15px 0;
    width: 125px;
    text-align: center;
}
.content-button.blue{
    color: #005ccc;	
    background: transparent;
    border:1px solid #005ccc;
}
.content-button.blue:hover,
.content-button.white:hover{
    color: #fff;	
    background: #005ccc;
    border:1px solid #fff;	
}
.content-button.buttonCenter,
.center-img{
	display:block;
    margin:30px auto;
}


.content-button.white{
    color: #fff;	
    background: transparent;
    border:1px solid #fff;	
}

/************* Gallery & Buckets Styling *********/
.gallery{
	clear:both;
}
.buckets{
	text-align: center;
}
#page-29 .buckets{
	text-align: left;
}
.buckets .fauxlink {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    float:none;
}
.buckets .fauxlink img {
    display: block;
    margin: 10px auto 5px;
    height: 150px;
}
.buckets .fauxlink img.mobile,
.buckets .fauxlink img.tablet{
	display: none !important;
}
.gallery.fullwidth a,
.buckets.fullwidth .fauxlink{
	width:100%;
}
.gallery.two_cols a,
.buckets.two_cols .fauxlink{
    width: 48%;
    margin: 10px 1%;
}
.gallery.three_cols a,
.buckets.three_cols .fauxlink{
    width: 31%;
    margin: 10px 1%;
}
.gallery.four_cols a,
.buckets.four_cols .fauxlink{
    width: 22%;
    margin: 10px 1%;
    padding: 0;
}
.gallery.five_cols a,
.buckets.five_cols .fauxlink{
    width: 18%;
    margin: 10px 1%;
}

.gallery.six_cols a,
.buckets.six_cols .fauxlink{
    width: 13.666%;
    margin: 10px 1.5%;
}
#Related .buckets.six_cols {
	margin: 0 auto;
    display: block;
    text-align: center;
    width: 80%;
}
#Related .buckets.six_cols .fauxlink{
    width: 15.666%;
    margin: 10px 0.3%;

}

.gallery.caption-inner .gallery-caption{
	margin:10px 0;
	text-align: center;
}

/************* Buckets Styling *********/

.pdf-btn{
	display:block;
}
.pdf-btn:hover{
	text-decoration: none;	
}
.pdf-btn i{
	padding-right:5px;
}
.pdf-btn i,
.pdf-btn h4{
	display:inline-block;
	vertical-align: middle;
}

/* ****************************************** Footer */
#footer{
	background-color: white;
	    clear:both;
		    border-top: 20px solid #d1d7d9;
}


#footer .left.col-md-8 {

	background-image: linear-gradient(to bottom, #ffffff, #e7ecef);
	box-shadow: 0 -1px 12px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 3;
    padding:10px 20px 30px;
}
#footer > .constrain{
	padding-top:30px;
}
.ion-ios-telephone:before{
	padding-right:10px;
}
.footConstrain{
    width: 95%;
    float: right;
}

.footConstrainSmall{
	width: 100%;
    float: right;
    position: relative;
}
.footConstrain .col-md-3, .footConstrain .col-md-6{
	padding-left:0;
}

#footer .right.col-md-4{
	background-color:#fff;
	   padding:40px 20px 0px;
}
#footer span:not(.vanityNum):not(.trackingNum){
	display:block;
}
#footer  h4{
	color:#cb0000;
		font-size: 16px;
	font-weight: 600;
	line-height: 1.88;
	letter-spacing: -0.5px;
}

#footer li a{
	color:#000;
		font-size: 16px;
	font-weight: 300;
	line-height: 1.88;
	letter-spacing: -0.1px;
}

#footer .social{
	border-top: 1px solid #efefef;
    margin-top: 20px;
    padding-top: 10px;
    margin-left: 3%;
}

#footer .social p{
	width: auto;
    float: left;
    padding-right: 10px;
    line-height: 2;
    margin-top: 5%;
  }
  
  #footer .social-icons{
	  width: auto;
    float: left;
  }
    #footer .social-icons li{
	display: inline-block;
	float: left;
	padding: 0 5px;
    }
      #footer .social-icons li a{
	      color:#cb0000;
	}
	
	a.ion-social-facebook {
	    font-size: 40px !important;
	}
	
	a.ion-social-twitter {
	    font-size: 40px !important;
	}
	
	a.ion-social-linkedin {
	    font-size: 40px !important;
	}
	
	#backtotop{
	margin-top: 2px;
    float: right;
    height: 46px;
 	width: 46px;
	border-radius: 5px 5px 0 0;
	background-color: #3e5f9f;
	position: absolute;
    right:25px;
    bottom:0;
	}
	#backtotop a{
		color:#fff;
		text-align: center;
		    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
	}
	
	#page-70 .input-group.w33.left:nth-child(7) label{
	    top: 0px !important;
    
	}

 #page-70 .forms input{
    height: 50px;}
    
    #noresult{
            background-color: #01025c;
    padding: 10px;
    }
    
    #noresult .input-group.w33.left{
        padding:0 !Important;
    }
    #noresult .submit{
           bottom: 60px;
    position: relative; 
    }
    
    ******** IE styless***************/

.ie7 .col-md-2,
.ie8 .col-md-2 {
    width: 16.66666667%;
    float:left;
}
.ie7 .col-md-4,
.ie8 .col-md-4 {
    width: 33.33333333%;
    float:left;
}
.ie7 .col-md-6,
.ie8 .col-md-6 {
    width: 40%;
    float:left;
}

.ie8 #MachiningBuckets{
	display: none;
}
.ie8 #footer .col-md-8{
	width: 60%;
}
.ie8 #footer .col-md-4{
	width: 30%;
}

.ie8 #footer .col-md-3,
.ie8 #footer .col-md-6{
	display: inline-block;
	width: 33.33%;
}

.ie8 #FAQ_Container .w40{
	display: none;
}



a.header-have-a-question {
    background: #fff;
    bottom: -5px;
    /*bottom: -60px;*/
    /*left: 0;*/
    left: auto;
    right: 15px;
    position: absolute;
    padding: 9px 18px 9px 9px;
    font-size: 14px;
    line-height: 14px;
}

a.header-have-a-question:hover{
    text-decoration:none;
}

a.header-have-a-question:after {
    width: 33px;
    height: 32px;
    position: absolute;
    top: 0;
    right: -18px;
    background: url(/images/arrow_tip.png);
    content: "";
    display: block;
}

@media only screen and (max-width:1200px) {
    a.header-have-a-question {
        left: 50px;
        right: auto;
        bottom: -55px;
    }
    body.id-1 h1.heading {
        margin-top: 64px;
    }
}

@media only screen and (max-width:767px) {
    
    #content-wrap .h1wrapper {
   /* margin-top: 150px;*/
}
    
    a.header-have-a-question {
        left: 25px;
        bottom: -50px;
    }
}
#product-inquiry-control span {
    color: white;
}
#rfq #products {
    display: none;
}
#multiProducts {
    width: 98.5% !important;
    left: -9px;
    padding-top: 15px;
}
.product-inquiry-group label {
    left: 21px;
} 
#rfq #comments {
    width: 97%;
    border-radius: 5px;
}
#product-inquiry-control {
    position: absolute;
    bottom: 0;
    left: 0;
}
.add-product {
    border: 1.5px solid #cb0000;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 5px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    background-color: white;
    display: inline-block;
}
.remove-product {
    border: 1.5px solid #cb0000;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 5px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    background-color: white;
    display: inline-block;
}
.add-product:hover {
    background-color: #cb0000;
    color: #fff;
    cursor: pointer;
}
.remove-product:hover {
    background-color: #cb0000;
    color: #fff;
    cursor: pointer;
}
.box_buckets .img_block{
    display: block;
    height: 173px;
    width: 100%;
    background-size: cover !important;
    box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.1)
}
.box_buckets .content_box{
    position: absolute;
    top: 0;
    left: 0;
    height: 174px;
    width: 100%;
    text-align: center;
    display: none;
    line-height: 30px;
    color: #000000;
    background: #FFF;
}
.center_btn{
    margin:35px 0 0;
}
.box_buckets .content_box p{
    padding: 10px;
}
.box_bucket:hover .content_box{
    display: block;
}
.box_bucket:hover .title_box{
    background: #CB0003;
}
.box_bucket .title_box{
    height: 44px;
    width: 100%;
    background: #01025C;
    color: #FFF;
    line-height: 44px;
    text-align: center;
    position: relative;
    z-index: 2;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.02em;
    display: block;
}
.custom-narrow{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.box_buckets{
    background-color: #FFF;
    float: left;
    padding: 22px 22px 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
.box_bucket a{
    height: 173px;
    width: 100%;
    background-size: cover !important;
}
.recaptcha-box {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.recaptcha-box-qc {
    display: flex;
    /* justify-content: center; */
    margin-bottom: 20px;
    justify-content: flex-end;
}
#page-100 #inner-banner{
    display: none;
}
.cnc-banner{
    float: right;
    position: unset;
    margin-top: 180px;
    width: 424px;
    margin-right: 69px;
}
.cnc-banner .cnc-banner-wrapper{
    text-align: center;
    color: #fff;
}
.cnc-banner .cnc-banner-wrapper .titleBG h2{
    font-weight: 700;
    font-size: 36px;
    line-height: 110%;
    text-align: center;
    color: #FFFFFF;
}
.cnc-banner .cnc-banner-wrapper .learnmore{
    background-color: #fff;
    color: #CB0000!important;
    border-radius: 7px;
}
.home-banner-image .constrain{
    width: 50%;
    padding: 40px 0 25px 0;
    margin: 0 90px 0;
}
.loading-icon{
    display: none;
    padding-top: 50px;
    position: absolute;
    left: 59%;
    color: #fff;
}
.loading-icon .fa-spinner{
    color: #fff;
}
#home-banner .banner-float-img{
    position: absolute;
    top: 15px;
    left: 35%;
    width: 160px;
}
/**here*/