/*---------------Responsive Settings------------*/
* {
  box-sizing: border-box;
}

Default for mobile phones:
[class*="col-m"] {
  width: 100%;
}

@media only screen and (min-width: 849px) {
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.site   {width: 20%;}
}

@media screen and (max-width: 1425px) {
.contact .site {
    width: 33%;
  }
}

@media only screen and (max-width: 850px) {
  /* For medium screens: */
  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}
  .site     {width: 50%;}
}

@media only screen and (max-width: 862px) {
  .contact .site     {width: 50%;}
}

@media only screen and (max-width: 450px) {
  /* For small screens: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
	.contact .site {width: 100%;}

}

[class*="col-"] {
  float: left;
  padding: 5px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.hideclearance {display: none;}
.videoicon     {display: none;}
.ccicon        {display: none;}

@media only screen and (min-width: 1100px) {
	.ccicon {display: inline-block;}
}

@media only screen and (max-width: 849px) and (min-width: 690px) {
	.ccicon {display: inline-block;}
}

@media only screen and (max-width: 980px) and (min-width: 849px) {
  .hideclearance2 { display: none; }
  .hideclearance {display: inline-block;}
}

@media only screen and (max-width: 875px) and (min-width: 849px) {
  .hideclearance { display: none; }
}

@media screen and (max-width: 625px)  {
	.hideclearance2 { display: none;  }
	.hideclearance {display: inline-block;}

}
@media screen and (max-width: 319px)  {
	.hideclearance { display: none;  }
}

.showmedium { display: none; }
  
@media only screen and (max-width: 849px) {
  .hidemedium { display: none; }
  #column2 {width: 100%}
  .showmedium { display: inline-block; }
}

@media only screen and (min-width: 1020px) {
  .videoicon { display: inline; }
}

@media only screen and (min-width: 775px) and (max-width: 849px) {
  .videoicon { display: inline; }
}

@media only screen and (max-width: 449px) {
  .hidesmall { display: none; }
}

@media only screen and (min-width: 450px) {
  .showsmall { display: none; }
}


/*------------ General Settings --------------*/

.border-bottom {border-bottom:4px solid #000033;}
.center {/*float: none;*/ margin: auto; text-align: center;}
.right {float: right;}
.left  {float: left;}
.site {text-align: center;}
.display-topleft{position:absolute;left:0;top:0}
.display-topright{position:absolute;right:0;top:0}
.display-bottomleft{position:absolute;left:0;bottom:0}
.display-bottomright{position:absolute;right:0;bottom:0}
.display-center {position: absolute;left: 0;top: 50%;width: 100%;text-align: center;}
.rfqbutton{color: white; background-color: #003d72; font-size: 2em; border: none; display: inline-block; padding: 5px 16px; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none;}
.shadow {box-shadow: 10px 10px 5px grey;}
.pointer {cursor: pointer;}
#top_container .center {float: none;}

@media only screen and (max-width: 849px) {
  .rfqbutton {font-size: 1em;}
}

#background {
	background-image: url('../images/stainless_steel.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

#menu {
	background-color: #003d72;
}

#search {
margin-top: 10px;
position: relative;
z-index: 999;}

@media only screen and (max-width: 849px) {
	#search {
		margin-top: 7px;
	}
}

.search-icon {
	position: absolute; 
	z-index: 1; 
	right: 3px;
	top: 4px;
	color: #7B7B7B;
    cursor:pointer;
    width: 19px;
}

#footer_container {
	color: white;
	background-color: #3554bf;
}

#footer_rel {
	margin-top: 10px;
}

#description {
	font-size: 2em;
	margin-block-start: 0;
}
	
table, th, tr, td
{
border: 1px solid #104E8B;
border-spacing:0px;
}
th{
background-color:#082746;
color:white;
text-align:center;
}
tr:nth-child(even){
background: #E2EAF1;
}
tr:nth-child(odd) {
background: white;
}
td{
padding-left:5px;
padding-top:1px;
padding-bottom:1px;
}

.markethover:hover .marketshow {
	display: block;
}

.markethover .marketshow {
	display: none; 
	position: fixed; 
	top: 25%;
	left: 12%;
	width: 75%;
	z-index: 1;
	background-color: #003d72;
	color: white;
	padding: 16px;
}

.markethover img{
	-moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 3px 4px #000;
}

#column1 {
	color: black;
	background-color: white;
}

#column2 {
	padding-left: 20px;
}

#content {
	color: black;
	background-color: white;
}

#news_container {
	color: white;
	background-color: #3554bf;
}

#news_container img {
	width:100%; 
}

#quality_container {
	color: black;
	background-color: white;
}

 #locations_container {
	color: white;
	background-color: #003d72;	 
 }
 
.site img {
	width: 100%;
}

.site a {
	text-decoration: none;
}

.map {
	background-color: #3554bf;
/*	height: 500px; */
}

.maphead {
	min-height: 100px;
}

.mapcontainer {
/*	height: 290px; */
}

#quicklinks {
	display: none;
/*	background-color: #3554bf; */
}

#social {
	width: 240px;
}


/* --------  Paper Form  -----------*/
.error {color: #FF0000;}
.success {color: green;}
.letter {
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	max-width: 1000px;
	padding: 24px;
	position: relative;
	width: 97%;
	max-width: 1000px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.letter:before, .letter:after {
	content: "";
	height: 98%;
	position: absolute;
	width: 100%;
	height : 100%;
	z-index: -1;
}
.letter:before {
	background: #fafafa;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	left: -5px;
	top: 4px;
	transform: rotate(-1.5deg);
}
.letter:after {
	background: #f6f6f6;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	right: -3px;
	top: 1px;
	transform: rotate(.5deg);
}
/* ------ end paper form ------*/

/* ------ quote form input ----------*/
#quote input[type=text], input[type=tel], input[type=email] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

#quote label {
  padding: 12px 12px 12px 12px;
  display: inline-block;
}

.inp-10 {
  float: left;
  width: 10%;
  margin-top: 6px;
}

.inp-20 {
  float: left;
  width: 20%;
  margin-top: 6px;
}

.inp-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.inp-30 {
  float: left;
  width: 30%;
  margin-top: 6px;
}

.inp-50 {
  float: left;
  width: 50%;
  margin-top: 6px;
}

.inp-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

.inp-80 {
  float: left;
  width: 80%;
  margin-top: 6px;
}

@media screen and (max-width: 1705px) {
#column2 [class*="inp-"] {
    width: 100%;
    margin-top: 0;
  }
}

@media screen and (max-width: 590px) {
#column1 [class*="inp-"] {
    width: 100%;
    margin-top: 0;
  }
}

#column1 #letter {
	float: none; 
	margin: auto; 
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ------ end quote form input ------*/

.news img, .events img {
	max-width: 98%; 
}

.events .event_item, .news .news_item {
	border-bottom:1px solid #104E8B;
	padding-bottom:20px;
}

/* ----------- clearance list-------------*/
.cl9, .cl10 {
	display: none;
}

@media screen and (max-width: 1200px) and (min-width: 851px) {
.cl8 {
	display: none;  }
}

@media screen and (max-width: 1000px) and (min-width: 851px) {
.cl7 {
	display: none;  }
}

@media screen and (max-width: 900px) and (min-width: 851px) {
.cl6 {
	display: none;  }
}

@media screen and (max-width: 780px)  {
.cl8 {
	display: none;  }
}

@media screen and (max-width: 680px)  {
.cl7 {
	display: none;  }
}

@media screen and (max-width: 625px)  {
.cl6 {
	display: none;  }
}

@media screen and (max-width: 550px)  {
.cl5 {
	display: none;  }
}

@media screen and (max-width: 480px)  {
.cl4 {
	display: none;  }
}

/* ----------- end clearance list -----------*/

#documents img {
	padding-right: 12px;
}

#documents h2 {
	padding-top: 20px;
}

/*-------------Management personnel-------*/
.management {
font-weight:bold;
font-size:15px;
position:relative;
display:block;
margin-top:20px;
}
.title{
font-size:14px;
position:relative;
display:block;
}

/*--------- materials stocked -------*/
.ind
{
font-weight:bold;
font-size:small;
text-align:center;
background-image: url(../images/bluecheckmark_sm.png);
background-repeat:no-repeat;
background-position:center center;
}

@media screen and (max-width: 470px)  {
.m9 {
	display: none;  }
}

@media screen and (max-width: 430px)  {
.m8 {
	display: none;  }
}

@media screen and (max-width: 380px)  {
.m7 {
	display: none;  }
}

@media screen and (max-width: 340px)  {
.m6 {
	display: none;  }
}

.mat_table {
	margin: auto;
	margin-bottom: 25px;
}

/* ----------- end materials -----------*/

.video {
	position: relative;
	overflow: hidden;
	padding-top: 66.63%
}

.video_frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.obp {
	position: relative;
	overflow: hidden;
}

/* ---------- weight calculator ------------*/
#calculator input[type=text], #calculator input[type=number], #calculator select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  background-color: white;
}

#calculator label {
  padding: 12px 12px 12px 12px;
  display: inline-block;
}

/*----------Unit Conversion-------------*/
#unit_conversion{
	margin-left:20px;
}
#unit_conversion h2{
	margin-bottom:10px;
}
#conversion_calc{
	margin-bottom:10px;
}
#conversion_calc input {
	position:relative;
	display:inline;
	padding: 3px;
}
#conversion_calc select {
	position:relative;
	display:inline;
	padding: 3px;
}
#conversion_results {
	margin-bottom:30px;
}
#conversion_results table{
	margin-bottom:10px;
	float: left;
}
#conversion_results td{
	height:20px;
	width:100px;
}

@media screen and (max-width: 1380px) and (min-width: 851px) {
.fact {
	width: 100%;
	}
}

@media screen and (max-width: 850px) {
.fact {
	width: 100%;
	}
}

/* --------- 13-8 ---------------*/
@media screen and (max-width: 599px)  {
.prop138c7 {
	display: none;  }
}
@media screen and (max-width: 484px)  {
.prop138c6 {
	display: none;  }
}

@media screen and (max-width: 400px)  {
.prop138c5 {
	display: none;  }
}

@media screen and (max-width: 430px)  {
.prop138c4 {
	display: none;  }
}

@media screen and (max-width: 370px)  {
.prop138c3 {
	display: none;  }
}

/* --------- 15-5 ---------------*/
@media screen and (max-width: 607px)  {
.prop155c7 {
	display: none;  }
}
@media screen and (max-width: 510px)  {
.prop155c6 {
	display: none;  }
}

@media screen and (max-width: 430px)  {
.prop155c5 {
	display: none;  }
}

@media screen and (max-width: 342px)  {
.prop155c4 {
	display: none;  }
}

/* --------- 4340 ---------------*/
@media screen and (max-width: 520px)  {
.prop4340c6 {
	display: none;  }
}

@media screen and (max-width: 426px)  {
.prop4340c5 {
	display: none;  }
}

@media screen and (max-width: 325px)  {
.prop4340c4 {
	display: none;  }
}

/* --------- 9310 ---------------*/
@media screen and (max-width: 545px)  {
.prop9310c6 {
	display: none;  }
}

@media screen and (max-width: 456px)  {
.prop9310c5 {
	display: none;  }
}

@media screen and (max-width: 365px)  {
.prop9310c4 {
	display: none;  }
}

/* --------- aermet 100 ---------------*/
.aergap {
	display: none;
	}

.aermarg {
	margin: initial;
	}
	
@media screen and (max-width: 1845px) {
.aergap {
	display: block;
	}
.aermarg {
	margin: auto;
	}
}

/* --------- maraging ---------------*/
.margap, .margap2, .margap3, .mar3gap, .mar3gap2, .mar5gap, .mar5gap2 {
	display: none;
	}

.marmarg {
	margin: initial;
	}
	
@media screen and (max-width: 1140px) {
.margap {
	display: block;
	}
}

@media screen and (max-width: 1435px) {
.margap2 {
	display: block;
	}
}

@media screen and (max-width: 1850px) {
.margap3 {
	display: block;
	}
}
@media screen and (max-width: 1280px) {
.mar3gap {
	display: block;
	}
}

@media screen and (max-width: 1500px) {
.mar3gap2 {
	display: block;
	}
}

@media screen and (max-width: 1475px) {
.mar5gap {
	display: block;
	}
}

@media screen and (max-width: 1620px) {
.mar5gap2 {
	display: block;
	}
}

@media screen and (max-width: 849px)  {
.propmarc7 {
	display: none;  }
}
@media screen and (max-width: 740px)  {
.propmarc6 {
	display: none;  }
}

@media screen and (max-width: 660px)  {
.propmarc5 {
	display: none;  }
}

@media screen and (max-width: 590px)  {
.propmarc4 {
	display: none;  }
}

@media screen and (max-width: 520px)  {
.propmarc3 {
	display: none;  }
}

@media screen and (max-width: 460px)  {
.propmarc2 {
	display: none;  }
}

@media screen and (max-width: 395px)  {
.propmarc1 {
	display: none;  }
}