body {
    font-family:Khand;
	font-size: 100%;                                          /* default font size - 100% = 16px*/
	background: url(/images/body-bg-img.jpg) repeat left top; 
}
form, body {
    margin: 0;
	padding: 0;
}
article, aside, footer, header, nav, section, main {
    display: block;
}
img {
    border: 0 none;
    max-width: 100%;                                          /*to optimize full width of its parent element*/
}
.ie8 img {
	max-width:none;
	}
address {
    font-style: normal;                                          /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, p {
	margin: 0;
}
.ctr{
   text-align:center;
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
    color: #044a8c;
    text-decoration: underline;
}
a:hover {
    color: #ea602b;
    text-decoration: none;
}
p {
    padding-bottom: 1.263157894736842em;                            /* Base Font = 19px >>> 24px /19px = 1.263157894736842em */
}
ul {
	padding:0 0 0.7894736842105263em 0;                                        /* Base Font = 19px >>> 0 0 15px 0 /19px = 0 0 0.7894736842105263em 0 */
	list-style:none;
	}
ul li{
   background:url(/images/bullet.jpg) no-repeat left 0.368421052631579em;  /* BASE FONT = 19px  >>> 7px / 19px = 0.368421052631579em */
   padding: 0 0 0.421052631578947em 0.8421052631578947em;                        /* BASE FONT = 19px  >>> 0 0 8px 16px / 19px = 0 0 0.421052631578947em 0.8421052631578947em */
}
.clearfix:before, .clearfix:after, .inner-wrap:before, .inner-wrap:after {
   content:"";
   display:table;
}
.clearfix:after, .inner-wrap:after {
   clear:both;
}
hr { 
  border:none; 
  margin: 1.31578947368421em 0 1.31578947368421em 0; /* BASE FONT = 19px  >>> 25px 0 25px 0 / 19px = 1.31578947368421em 0 1.31578947368421em 0 */
  background:#11345c; 
  height:0.0526315789473684em;                    /* BASE FONT = 19px  >>> 1px / 19px = 0.0526315789473684em */
  clear:both; 
}
/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */

/* =============Header Area Start============================ */
header {
	text-align:center;
	background: rgba(215, 215, 215, 0.85);
	position: relative;
	z-index: 99;
}
.company-logo {
    display: inline-block;
    margin: 1.5em auto 1.375em auto;      /* BASE FONT = 16px  >>> 24px auto 22px auto / 16px = 1.5em auto 1.375em auto */
    max-width: 19.625em;                          /* BASE FONT = 16px  >>> 314px / 16px = 19.625em */
    width: 97%;                          /* 97% width of its container */
}
.company-logo > img {
    display: block;
}
/* =============Header (Utility) Start here=========== */
.header-right {
    padding: 0 0 3.125em;                       /* BASE FONT = 16px  >>> 0 0 50px 0 / 16px = 0 0 3.125em 0 */
    position: relative;
}
.utility-nav {
    color: #044a8c;
    font-size: 1.5em;                             /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
    font-weight: 500;
    line-height: 1em;                         /* BASE FONT = 24px  >>> 24px / 24px = 1em */
	margin: 0 0 0.416666666666667em 0;                   /* BASE FONT = 24px  >>> 0 0 10px 0 / 24px = 0 0 0.416666666666667em 0 */
}
.utility-nav > span {
    border-right: 2px solid #bcbebf;
    display: inline-block;
    line-height: 0.916666666666667em;        /* BASE FONT = 24px  >>> 22px / 24px = 0.916666666666667em */
	margin: 0 0.916666666666667em 0 0;                  /* BASE FONT = 24px  >>> 0 22px 0 0 / 24px = 0 0.916666666666667em 0 0 */
    padding: 0.0833333333333333em 0 0 0;              /* BASE FONT = 24px  >>> 2px 0 0 0 / 24px = 0.0833333333333333em 0 0 0 */
}
.utility-nav .phone-no {
    padding: 0 1em 0 0;                   /* BASE FONT = 24px  >>> 0 24px 0 0 / 24px = 0 1em 0 0 */
}
.utility-nav a {
    display: inline-block;
    margin: 0 0 0.0416666666666667em 0;          /* BASE FONT = 24px  >>> 0 0 1px 0 / 24px = 0 0 0.0416666666666667em 0 */
    vertical-align: middle;
}
.utility-nav a > img {
    display: block;
}
.phone-no a {
    text-decoration: none;
	color: #044a8c;
}
/* =============Search Style Start=========================== */
.search-container {
    border-right: 2px solid #bcbebf;
    display: inline-block;
    margin: 0 1.3125em 0 0;                   /* BASE FONT = 16px  >>> 0 21px 0 0 / 16px = 0 1.3125em 0 0 */
    padding: 0.0625em 1.5em 0 0;                  /* BASE FONT = 16px  >>> 1px 24px 0 0 / 16px = 0.0625em 1.5em 0 0 */
    vertical-align: middle;
}
.search-magnifier {
    display: inline-block;
    float: left;
}
.search-magnifier > img {
    display: block;
}
.social-media {
    display: inline-block;
    margin-right: 0.0625em;                          /* BASE FONT = 16px  >>> 1px / 16px = 0.0625em */
    vertical-align: middle;
}
.social-media a {
    float: left;
    margin: 0 0 0 0.1875em;                  /* BASE FONT = 16px  >>> 0 0 0 3px / 16px = 0 0 0 0.1875em */
}
.social-media a:first-child {
    margin: 0;
}
.social-media a.twitter {
    margin: 0 0 0 0.125em;                     /* BASE FONT = 16px  >>> 0 0 0 2px / 16px = 0 0 0 0.125em */
}
.social-media a > img {
    display: block;
}
#search {
    background: #ea602b;
    box-sizing: border-box;
    display: none;
    margin: 0.375em 0 0 -7.1875em;            /* BASE FONT = 16px  >>> 6px 0 0 -115px / 16px = 0.375em 0 0 -7.1875em */
    max-width: 14.375em;              /* BASE FONT = 16px  >>> 230px / 16px = 14.375em */
    padding: 0.375em 0.375em 0.375em 0.375em;                    /* BASE FONT = 16px  >>> 6px 6px 6px 6px / 16px = 0.375em 0.375em 0.375em 0.375em */
    position: absolute;
    width: 100%;                            /* 100% width of its container */         
	left: 50%;                            /* 50% left of its container */
}
#search form input {
    border: none;
    box-sizing: border-box;
    font-family: Khand;
    font-size: 1.125em;                                /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    line-height: 1.22222222222222em;                             /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em */
	vertical-align: top;
}
.search-box {
	margin: 0 0.111111111111111em 0 0;                           /* BASE FONT = 18px  >>> 0 2px 0 0 / 18px = 0 0.111111111111111em 0 0 */
    padding: 0.111111111111111em 0.277777777777778em 0.111111111111111em 0.277777777777778em;  /* BASE FONT = 18px  >>> 2px 5px 2px 5px / 18px = 0.111111111111111em 0.277777777777778em 0.111111111111111em 0.277777777777778em */
    max-width: 10.55555555555556em;                         /* BASE FONT = 18px  >>> 190px / 18px = 10.55555555555556em */
	width: 100%;                                   /* 100% of its container */
	color: #11345c;
	height: 1.38888888888889em;                              /* BASE FONT = 18px  >>> 25px / 18px = 1.38888888888889em */
}
/* =============Top Navigation style start=================== */
.menu-trigger {
    display: inline-block;
    margin: 0 0.0625em 0.5625em 0;                       /* BASE FONT = 16px  >>> 0 1px 9px 0 / 16px = 0 0.0625em 0.5625em 0 */
}
.menu-trigger > a {
    background: url(/images/menu-trigger.png) no-repeat right 0;
    color: #044a8c;
    display: inline-block;
    font-size: 1.1875em;                         /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    font-weight: 500;
    line-height: 1em;                    /* BASE FONT = 19px  >>> 19px / 19px = 1em */
    padding: 0.0526315789473684em 2em 0 0;                 /* BASE FONT = 19px  >>> 1px 38px 0 0 / 19px = 0.0526315789473684em 2em 0 0 */
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
}
.menu-trigger.active > a {
    color: #ea602b;
	background: url(/images/menu-trigger-active.png) no-repeat right 0;
}
.top-nav {
    background: #0256a4;
    display: none;
    padding: 0.8125em 0 0.625em 0;              /* BASE FONT = 16px  >>> 13px 0 10px 0 / 16px = 0.8125em 0 0.625em 0 */
}
.top-nav ul {
	display: none;
    padding: 0;
}
.top-nav li {
    padding: 0;
	background: none;
}
.top-nav a {
    color: #e9edfd;
    display: inline-block;
    font-size: 1.1875em;              /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    font-weight: 500;
    line-height: 1.78947368421053em;                /* BASE FONT = 19px  >>> 34px / 19px = 1.78947368421053em */
    text-decoration: none;
    text-transform: uppercase;
}
.top-nav a:hover {
    color: #ea602b;
}
.has_child > a {
    background: url(/images/mob-dropdown-link-bg.png) no-repeat left 0.421052631578947em;             /* BASE FONT = 19px  >>> 8px / 19px = 0.421052631578947em */
    padding: 0 0 0 1.26315789473684em;          /* BASE FONT = 19px  >>> 0 0 0 24px / 19px = 0 0 0 1.26315789473684em */
}
.has_child.active_subnav > a {
	background: url(/images/mob-dropdown-link-bg-active.png) no-repeat left 0.421052631578947em;             /* BASE FONT = 19px  >>> 8px / 19px = 0.421052631578947em */
}
/* =============Home Banner classes Start Here================= */
.rslides {
	position: relative;
	overflow: hidden;
	width: 100%;                  											/*100% of its container*/
	max-height:48.5625em;                                     /* BASE FONT = 16px  >>> 777px / 16px = 48.5625em */
}
.rslides div {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;                     											/*100% of its container*/
	left: 0;
	top: 0;
}
.rslides div img {
	display:block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	width: 100%;
}
/* =============Content Area Style Start===================== */
#main_home {
    padding: 0 0 3.375em 0;             /* BASE FONT = 16px  >>> 0 0 54px 0 / 16px = 0 0 3.375em 0 */
}
#content_area {
    color: #636363;
    font-size: 1.1875em;                    /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    line-height: 1.26315789473684em;                 /* BASE FONT = 19px  >>> 24px / 19px = 1.26315789473684em */
    padding: 1.57894736842105em 0.526315789473684em 1.57894736842105em 0.526315789473684em;      /* BASE FONT = 19px  >>> 30px 10px 30px 10px / 19px = 1.57894736842105em 0.526315789473684em 1.57894736842105em 0.526315789473684em */
	font-weight: 400;
}
#content_area_home {
    text-align: center;
}
/* =============Heading Styles=============================== */
h1,h2,h3 {
	text-transform: uppercase;
}
h1 {
    color: #044a8c;
    font-size: 2.10526315789474em;                               /* BASE FONT = 19px  >>> 40px / 19px = 2.10526315789474em */
    font-weight: 300;
    line-height: 1.1em;                     /* BASE FONT = 40px  >>> 44px / 40px = 1.1em */
    padding: 0 0 0.4em 0;                          /* BASE FONT = 40px  >>> 0 0 16px 0 / 40px = 0 0 0.4em 0 */
}
h2 {
    font-size: 1.52631578947368em;              /* BASE FONT = 19px  >>> 29px / 19px = 1.52631578947368em */
    font-weight: 400;
    line-height: 1.13793103448276em;                 /* BASE FONT = 29px  >>> 33px / 29px = 1.13793103448276em */
    padding: 0 0 0.862068965517241em 0;                      /* BASE FONT = 29px  >>> 0 0 25px 0 / 29px = 0 0 0.862068965517241em 0 */
	color: #4f4f4f;
}
h3 {
    font-size: 1.31578947368421em;                   /* BASE FONT = 19px  >>> 25px / 19px = 1.31578947368421em */
    font-weight: 400;
    line-height: 1.16em;                /* BASE FONT = 25px  >>> 29px / 25px = 1.16em */
    padding: 0 0 1em 0;                     /* BASE FONT = 25px  >>> 0 0 25px 0 / 25px = 0 0 1em 0 */
	color: #4f4f4f;
}
/* =============Footer Area Start Here======================= */
footer {
    border-top: 15px solid #044a8c;
    padding: 6em 1.75em 1.875em 1.75em;                                  /* BASE FONT = 16px  >>> 96px 28px 30px 28px / 16px = 6em 1.75em 1.875em 1.75em */
    text-align: center;
}
.footer_address {
    color: #044a8c;
    font-size: 1.125em;                       /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    line-height: 1.66666666666667em;                     /* BASE FONT = 18px  >>> 30px / 18px = 1.66666666666667em */
}
.footer_address span a {
    text-decoration: none;
	color: #044a8c;
}
.footer-social-media {
    margin: 3.4375em 0 3.875em 0;                  /* BASE FONT = 16px  >>> 55px 0 62px 0 / 16px = 3.4375em 0 3.875em 0 */
}
.footer-company {
    font-size:1.11111111111111em; /* BASE FONT = 18px  >>> 20px / 18px = 1.11111111111111em  */
	line-height: 1.5em;              /* BASE FONT = 20px  >>> 30px / 20px = 1.5em */
	text-transform: uppercase;
}
.footer-social-media > span, .certifications > span {
    font-size: 1.25em;                   /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    line-height: 1.5em;                    /* BASE FONT = 20px  >>> 30px / 20px = 1.5em */
    text-transform: uppercase;
	color: #044a8c;
    display: block;
    margin: 0 0 0.1em 0;                   /* BASE FONT = 20px  >>> 0 0 2px 0 / 20px = 0 0 0.1em 0 */
}
.certifications > span {
    margin: 0 0 0.2em 0;                      /* BASE FONT = 20px  >>> 0 0 4px 0 / 20px = 0 0 0.2em 0 */
}
.certifications > img {
    margin: 0.375em 0.5625em 0 0.5625em;                /* BASE FONT = 16px  >>> 6px 9px 0 9px / 16px = 0.375em 0.5625em 0 0.5625em */
    vertical-align: top;
}
.footer-social-media a {
    display: inline-block;
    margin-left: 0.1875em;                /* BASE FONT = 16px  >>> 3px / 16px = 0.1875em */
    vertical-align: top;
}
.footer-social-media a img {
    display: block;
}
.footer-social-media .facebook {
    margin: 0;
}
.footer-social-media a.twitter {
    margin-left: 0.125em;                    /* BASE FONT = 16px  >>> 2px / 16px = 0.125em */
}
.certifications > a {
    display: inline-block;
    font-size: 0.8125em;                    /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em */
    line-height: 1em;                    /* BASE FONT = 13px  >>> 13px / 13px = 1em */
    margin: 0 0.692307692307692em 0 0.692307692307692em;                  /* BASE FONT = 13px  >>> 0 9px 0 9px / 13px = 0 0.692307692307692em 0 0.692307692307692em */
    text-decoration: none;
}
.certifications > a:hover {
    color: #044a8c;
}
.iso-logo {
    margin: 0 0 0.307692307692308em 0;                 /* BASE FONT = 13px  >>> 0 0 4px 0 / 13px = 0 0 0.307692307692308em 0 */
}
.certifications .iso-text {
    margin: 0.461538461538462em 0 0 0;                          /* BASE FONT = 13px  >>> 6px 0 0 0 / 13px = 0.461538461538462em 0 0 0 */
	display: block;
} 
.footer-right {
    margin: 3.5em 0 2.9375em 0;                            /* BASE FONT = 16px  >>> 56px 0 47px 0 / 16px = 3.5em 0 2.9375em 0 */
}
.footer-right > span {
    color: #044a8c;
    display: block;
    font-size: 1.75em;                        /* BASE FONT = 16px  >>> 28px / 16px = 1.75em */
    font-weight: 600;
    line-height: 1.07142857142857em;                       /* BASE FONT = 28px  >>> 30px / 28px = 1.07142857142857em */
    margin: 0 0 0.357142857142857em 0;                           /* BASE FONT = 28px  >>> 0 0 10px 0 / 28px = 0 0 0.357142857142857em 0 */
}
.footer-links > a {
    font-size: 1.0625em;                          /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em */
    line-height: 1.23529411764706em;                      /* BASE FONT = 17px  >>> 21px / 17px = 1.23529411764706em */
    padding: 0 0.470588235294118em 0 0.470588235294118em;     /* BASE FONT = 17px  >>> 0 8px 0 8px / 17px = 0 0.470588235294118em 0 0.470588235294118em */
}
.thomas-info-txt {
    color: #636363;
    line-height: 1.1875em;           /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
}
.thomas-info-txt span {
    display: block;
    margin: 0 0 0.6875em 0;                     /* BASE FONT = 16px  >>> 0 0 11px 0 / 16px = 0 0 0.6875em 0 */
}
.thomas-info-txt a {
    color: #636363; 
}
.thomas-info-txt a:hover {
    color: #ea602b; 
}
img[name="pphLoggerImage"]{
   display:none;
}
/* =============Print Page Styles=========================== */
.print_page {
    display: none;
    font-size: 1em;                /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.25em;                           /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    padding: 1.25em 0.125em 2.1875em 0;       /* BASE FONT = 16px  >>> 20px 2px 35px 0 / 16px = 1.25em 0.125em 2.1875em 0 */
	clear:both;
}
.print_img {
    cursor: pointer;
    margin: 0 0.4375em 0 0;                          /* BASE FONT = 16px  >>> 0 7px 0 0 / 16px = 0 0.4375em  0 0*/
    vertical-align: middle;
}
.email_img {
    cursor: pointer;
    margin: 0 0.4375em 0 1.5625em;                            /* BASE FONT = 16px  >>> 0 7px 0 25px / 16px = 0 0.4375em 0 1.5625em */
    vertical-align: middle;
}
.send_email_table {
   width:80%;                                             /*80% width of content area*/
   margin:0 auto;
   border-spacing:6px 8px;
   }
/* =============Home page classes Start Here================= */
#main_home h1 {
    background: #044a8c;
    color: #fefefe;
    font-size: 2.375em;                            /* BASE FONT = 16px  >>> 38px / 16px = 2.375em */
    line-height: 1.05263157894737em;                          /* BASE FONT = 38px  >>> 40px / 38px = 1.05263157894737em */
    padding: 0.605263157894737em 0 0.605263157894737em 0;                         /* BASE FONT = 38px  >>> 23px 0 23px 0 / 38px = 0.605263157894737em 0 0.605263157894737em 0 */
	margin: 0 0 62px;                   /* BASE FONT = 38px  >>> 0 0 62px 0 / 38px = 0 0 1.63157894736842em 0 */
}
#content_area_home h2  {
    font-size: 1.375em;                               /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    line-height: 1.18181818181818em;                         /* BASE FONT = 22px  >>> 26px / 22px = 1.18181818181818em */
	padding: 0 0 1.22727272727273em 0;                               /* BASE FONT = 22px  >>> 0 0 27px 0 / 22px = 0 0 1.22727272727273em 0 */
}
#content_area_home h2 a {
	display:inline-block;
	position:relative;
	color: #4f4f4f;
	text-decoration:none;	
}
#content_area_home h2 a:hover {
    color: #ea602b;
}
#content_area_home h2 a:before, #content_area_home h2 a:after  {
	content:"";
	background:#0256a4;
	position:absolute;
	top:0.545454545454545em;                        /* BASE FONT = 22px  >>> 12px / 22px = 0.545454545454545em */
	width:25%;                                /* 25% width of its coontainer */
	height:0.0454545454545455em;                              /* BASE FONT = 22px  >>> 1px / 22px = 0.0454545454545455em */
}
#content_area_home h2 a:before {
	left:-28%;	                           /* -28% left of its coontainer */ 
}
#content_area_home h2 a:after {
	right:-28%;	                      /* -28% right of its coontainer */
}
.catalog-product-buckets {
    padding: 0 0 2.125em 0;                          /* BASE FONT = 16px  >>> 0 0 34px 0 / 16px = 0 0 2.125em 0 */
}
.catalog-product-buckets img {
    display: none;
} 
.catalog-product-buckets a {
    font-size: 1.25em;                     /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    line-height: 1.9em;                     /* BASE FONT = 20px  >>> 38px / 20px = 1.9em */
    text-decoration: none;
    text-transform: uppercase;
} 
.fabricated-product {
    background: url(/images/fabricated-product-bg.jpg) no-repeat center top;
    padding: 4.0625em 0 2.3125em 0;                     /* BASE FONT = 16px  >>> 65px 0 37px 0 / 16px = 4.0625em 0 2.3125em 0 */
	margin: 0 0 4.75em 0;                          /* BASE FONT = 16px  >>> 0 0 76px 0 / 16px = 0 0 4.75em 0 */
	background-size: cover;
}    
#content_area_home .fabricated-product h2 {
	padding: 0 0 0.727272727272727em 0;                  /* BASE FONT = 22px  >>> 0 0 16px 0 / 22px = 0 0 0.727272727272727em 0 */
}
.fabricated-product img {
    display: none;
} 
.fabricated-product div a {
    font-size: 1.25em;                        /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    line-height: 1.9em;                        /* BASE FONT = 20px  >>> 38px / 20px = 1.9em */
    text-decoration: none;
    text-transform: uppercase;
}   
#content_area_home p {
    color: #636363;
    font-size: 1.375em;                            /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    line-height: 1.45454545454545em;                              /* BASE FONT = 22px  >>> 32px / 22px = 1.45454545454545em */
    padding: 0 0 1.45454545454545em 0;                            /* BASE FONT = 22px  >>> 0 0 32px 0 / 22px = 0 0 1.45454545454545em 0 */
}
#content_area_home .inner-wrap {
    padding: 0 0.5625em 0 0.5625em;                                    /* BASE FONT = 16px  >>> 0 9px 0 9px / 16px = 0 0.5625em 0 0.5625em */
}
#content_area_home p .para-txt {
    font-size: 1.09090909090909em;                            /* BASE FONT = 22px  >>> 24px / 22px = 1.09090909090909em */
    font-weight: 600;
    line-height: 1.33333333333333em;                        /* BASE FONT = 24px  >>> 32px / 24px = 1.33333333333333em */
}
#content_area_home p span {
    font-weight: 600;
}
/* =============Inner pages style============================ */

/***Sitemap page style***/
ul.sitemap li {
   background-image: none;
   padding: 0.263157894736842em 0 0.263157894736842em 0;                 /* BASE FONT = 19px  >>> 5px 0 5px 0 / 19px = 0.263157894736842em 0 0.263157894736842em 0 */
}
ul.sitemap ul {
   padding: 0.263157894736842em 0 0 0.789473684210526em;                   /* BASE FONT = 19px  >>> 5px 0 0 15px / 19px = 0.263157894736842em 0 0 0.789473684210526em */
}
/***Contact Us page style***/
.contact-box {
   text-align:center;
}
.contact-box address {
   margin:0 0 1em 0;                                                      /* BASE FONT = 19px  >>> 0 0 19px 0 / 19px = 0 0 1em 0 */
}
.office-contact {
    text-align: center;
}
.gmap{
   padding:0.666667em 0 0.666667em 0;                           /* BASE FONT = 19px  >>> 12px 0 12px 0 / 19px = 0.631578947368421em 0 0.631578947368421em 0 */
   text-align:center;
}
.gmap iframe{
   max-width:23.6842105263158em;                                            /* BASE FONT = 19px  >>> 450px / 19px = 23.6842105263158em */
   height: 18.4210526315789em;                                    /* BASE FONT = 19px  >>> 350px / 19px = 18.4210526315789em */
   width:100%;                                                  /*full width of its container */
   border:1px solid #d3d3d3;
}
/*************button style*****************/
.input-btn, .page-btn > a {
    background: #044a8c;
    color: #ffffff;
    display: inline-block;
    font-size: 1.26315789473684em;                      /* BASE FONT = 19px  >>> 24px / 19px = 1.26315789473684em */               
    line-height: 1.16666666666667em;                    /* BASE FONT = 24px  >>> 28px / 24px = 1.16666666666667em */
    padding: 0.5em 1em 0.458333333333333em 1em;                     /* BASE FONT = 24px  >>> 12px 24px 11px 24px / 24px = 0.5em 1em 0.458333333333333em 1em */
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
}
.input-btn:hover, .page-btn > a:hover {
    background: #ea602b;
}
.input-btn {
    border:none;
	font-family: Khand;
}
.rfq-btn {
    text-align: center;
}
/****** Tabular data style ******/
.tabular-data {
    margin: 0 0 1.31578947368421em 0;                   /* BASE FONT = 19px  >>> 0 0 25px 0 / 19px = 0 0 1.31578947368421em 0 */
}
.tabular-data > dl {
    background: rgba(215, 215, 215, 0.85);
    border-top: 5px solid #ffffff;
}
.tabular-data > dl:first-child {
    border-top: none;
}
.tabular-data dt {
    font-weight: 500;
}
.tabular-data dt, .tabular-data dd {
    display: block;
    margin: 0;
    padding: 0.526315789473684em 0.526315789473684em 0.526315789473684em 0.526315789473684em;  /* BASE FONT = 19px  >>> 10px 10px 10px 10px / 19px = 0.526315789473684em 0.526315789473684em 0.526315789473684em 0.526315789473684em */
}
.tabular-data dd dt, .tabular-data dd dd {
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.tabular-data ul {
    padding: 0 0 0.263157894736842em 0.526315789473684em;                     /* BASE FONT = 19px  >>> 0 0 5px 10px / 19px = 0 0 0.263157894736842em 0.526315789473684em */
}
.tabular-data ul li {
    background: url(/images/bullet.jpg) no-repeat left 0.368421052631579em;              /* BASE FONT = 19px  >>> 7px / 19px = 0.368421052631579em */
    padding: 0 0 0 0.842105263157895em;                           /* BASE FONT = 19px  >>> 0 0 0 16px / 19px = 0 0 0 0.842105263157895em */
}
.add-info {
    font-weight: 500;
    padding-bottom: 0.789473684210526em;                              /* BASE FONT = 19px  >>> 15px / 19px = 0.789473684210526em */
	font-style: italic;
}
/* ============================ About Page  ============================ */
.two-column > div {
    margin: 0 0 1.05263157894737em 0;                      /* BASE FONT = 19px  >>> 0 0 20px 0 / 19px = 0 0 1.05263157894737em 0 */
}
.img-container {
    margin: 0 auto 1.05263157894737em auto;                        /* BASE FONT = 19px  >>> 0 auto 20px auto / 19px = 0 auto 1.05263157894737em auto */     
    max-width: 15.3684210526316em;                              /* BASE FONT = 19px  >>> 292px / 19px = 15.3684210526316em */
    width: 100%;                                               /*100% of its container */
	vertical-align: top;
}
.img-container .pop-up > img {
    border: 1px solid #ffffff;
    display: block;
}
/* ============================ Feature image style ============================ */
.feature-img {
   max-width:15.15789473684211em;                               /* BASE FONT = 19px  >>> 288px / 19px = 15.15789473684211em  */
   width:100%;                                             /*100% of its container */
   margin:0 auto 1.315789473684211em auto;                         /* BASE FONT = 19px  >>> 25px / 19px = 1.315789473684211em  */
}
.feature-img img, .feature-img a img {
   display:block;
   width:100%;                                             /*100% of its container */
   border:1px solid #ffffff;
   box-sizing: border-box;
    -webkit-box-sizing: border-box;                               /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;                                  /* Firefox, other Gecko */
}
/* ============================ Misc inner page style ======================== */
.contact-ph a {
     text-decoration:none;
	 color: #636363;
}
.cerifications > span {
    display: inline-block;
    margin: 0 0 0 10%;                           /* 10% margin-left of its container */
    vertical-align: top;
}
.cerifications > span:first-child {
    margin: 0;
}
.adobe {
	text-align: right;
}
.adobe > a {
    display: inline-block;
    vertical-align: top;
}
.adobe img {
    display: block;
}
/* ====================== Return to Top Styles ============================ */
#return-to-top {
   background: #0256a4;
   border-radius:50%;
   bottom:0.75em;                                                       /* BASE FONT = 16px  >>> 12px / 16px = 0.75em  */
   color: #ffffff;
   display: none;
   font-size:1em;                                                       /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   height:2.1875em;                                                    /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   position: fixed;
   right:0.25em;                                                       /* BASE FONT = 16px  >>> 4px / 16px = 0.25em  */
   text-decoration: none;
   width:2.1875em;                                                    /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   z-index: 999;
   behavior: url(/pie/PIE.htc);
}
#return-to-top span {
   display: block;
   font-size:2em;                                                     /* BASE FONT = 16px  >>> 32px / 16px = 2em  */
   text-align: center;
}
/* =======================Photo Gallery Style ======================= */
.photo_gallery {
    text-align: center;
}
.photo_gallery > div {
    border: 1px solid #ffffff;
    display: inline-block;
    margin: 0 2% 1.315789473684211em 2%;                     /* 2% amrgin-left and 2% margin-right of its container *//* BASE FONT = 19px  >>> 25px / 19px = 1.315789473684211em  */
    max-width: 13.15789473684211em;                           /* BASE FONT = 19px  >>> 250px / 19px = 13.15789473684211em  */
    vertical-align: top;
}
.photo_gallery div a img {
    display: block;
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {

/* =============Header Area Start============================ */
.company-logo {
    margin:1.5em auto 1.5em auto;                           /* BASE FONT = 16px  >>> 24px auto 24px auto / 16px = 1.5em auto 1.5em auto */
}
/* =============(Utility) Start here============ */
.header-right {
    padding: 0 0 3.0625em 0;                               /* BASE FONT = 16px  >>> 0 0 49px 0 / 16px = 0 0 3.0625em 0 */
}
.utility-nav {
    display: inline-block;
    margin: 0;
    padding: 0.166666666666667em 0 0 0;                               /* BASE FONT = 24px  >>> 4px 0 0 0 / 24px = 0.166666666666667em 0 0 0 */
    vertical-align: middle;
}
/* =============Search Style Start=========================== */
.search-container {
    border-left: 2px solid #bcbebf;
    margin: 0.125em 1.3125em 0 1.375em;                              /* BASE FONT = 16px  >>> 2px 21px 0 22px / 16px = 0.125em 1.3125em 0 1.375em */
    padding: 0 1.5em 0.125em 1.375em;                        /* BASE FONT = 16px  >>> 0 24px 2px 22px / 16px = 0 1.5em 0.125em 1.375em */
}


/* =============Top Navigation style start=================== */
.menu-trigger {
    margin: 0 0 0.3125em 0;                                /* BASE FONT = 16px  >>> 0 0 5px 0 / 16px = 0 0 0.3125em 0 */
}
/* =============Content Area Style Start===================== */
#main_home {
    padding: 0 0 2.6875em 0;                          /* BASE FONT = 16px  >>> 0 0 43px 0 / 16px = 0 0 2.6875em 0 */
} 

/* =============Footer Area Start Here======================= */
footer {
    padding: 4.25em 1.75em 1.875em 1.75em;                    /* BASE FONT = 16px  >>> 68px 28px 30px 28px / 16px = 4.25em 1.75em 1.875em 1.75em */
}
.footer-social-media {
    margin: 3.6875em 0 3.875em 0;                   /* BASE FONT = 16px  >>> 59px 0 62px 0 / 16px = 3.6875em 0 3.875em 0 */
}
.footer-social-media > span {
    margin: 0 0 0.05em 0;                     /* BASE FONT = 20px  >>> 0 0 1px 0 / 20px = 0 0 0.05em 0 */
}
.certifications > span {
    margin: 0 0 0.25em 0;                   /* BASE FONT = 20px  >>> 0 0 5px 0 / 20px = 0 0 0.25em 0 */
}
.footer-right {
    margin: 3.8125em 0 3.3125em 0;                      /* BASE FONT = 16px  >>> 61px 0 53px 0 / 16px = 3.8125em 0 3.3125em 0 */
}
/* =============Print Page Styles============================ */
.print_page {
	display: block;
	text-align: center;
}

/* =============Home page classes Start Here================= */
#main_home h1 {
    background: url(/images/home-heading-bg.jpg) no-repeat center top;
	background-size: cover;
    font-size: 2.5625em;                                  /* BASE FONT = 16px  >>> 41px / 16px = 2.5625em */
    line-height: 1.04878048780488em;                               /* BASE FONT = 41px  >>> 43px / 41px = 1.04878048780488em */
    margin: 0 0 1.8780487804878em 0;                                /* BASE FONT = 41px  >>> 0 0 77px 0 / 41px = 0 0 1.8780487804878em 0 */
    padding: 0.317073170731707em 3.1% 0.195121951219512em;          /* BASE FONT = 41px  >>> 13px 8px/ 41px = 0.317073170731707em 0.195121951219512em, 3.1% padding-left and 3.1% padding right of its container */
}
#content_area_home h2 {
    font-size: 1.8125em;                  /* BASE FONT = 16px  >>> 29px / 16px = 1.8125em */
    line-height: 1em;                   /* BASE FONT = 29px  >>> 29px / 29px = 1em */
    padding: 0 0 0.793103448275862em 0;                      /* BASE FONT = 29px  >>> 0 0 23px 0 / 29px = 0 0 0.793103448275862em 0 */
}
#content_area_home h2 a:before, #content_area_home h2 a:after {
	width: 33%;                            /* 33% width of its coontainer */
	top: 0.413793103448276em;                            /* BASE FONT = 29px  >>> 12px / 29px = 0.413793103448276em */
	height: 0.0344827586206897em;                            /* BASE FONT = 29px  >>> 1px / 29px = 0.0344827586206897em */
}
#content_area_home h2 a:before {
    left: -37%;                         /* -37% left of its coontainer */
}
#content_area_home h2 a:after {
    right: -37%;                           /* -37% right of its coontainer */
}
.catalog-product-buckets > article {
    display: inline-block;
    margin: 0 1.8% 2.0625em 1.8%;                     /* BASE FONT = 16px  >>> 0 33px / 16px = 0 2.0625em, 1.8% margin-left and 1.8% margin right of its container */
    vertical-align: top;
}
.catalog-product-buckets a {
    display: inline-block;
    line-height: 0.2em;                   /* BASE FONT = 20px  >>> 4px / 20px = 0.2em */
    vertical-align: top;
}
.catalog-product-buckets img {
    display: block;
}
.fabricated-product {
    padding: 5.125em 0 2.8125em 0;                    /* BASE FONT = 16px  >>> 82px 0 45px 0 / 16px = 5.125em 0 2.8125em 0 */
}
#content_area_home .fabricated-product > h2 {
    padding: 0 0 1.3448275862069em 0;                        /* BASE FONT = 29px  >>> 0 0 39px 0 / 29px = 0 0 1.3448275862069em 0 */
}
#content_area_home .inner-wrap {
    padding: 0 0.9375em 0 0.9375em;                     /* BASE FONT = 16px  >>> 0 15px 0 15px / 16px = 0 0.9375em 0 0.9375em */
}
/* =============Inner pages style============================ */

/* ========================== About page style =========================== */
.two-column > div {
    margin: 0;
}
.two-column > div > div {
    clear: both;
}
.img-container {
    float: left;
    margin: 0 1.05263157894737em 1.57894736842105em 0;                        /* BASE FONT = 19px  >>> 0 20px 30px 0 / 19px = 0 1.05263157894737em 1.57894736842105em 0 */
}
/****** feature image style ******/
.feature-img {
   float:right;
   margin: 0 0 1.31578947368421em 2.10526315789474em;                /* BASE FONT = 19px  >>> 0 0 25px 40px / 19px = 0 0 1.31578947368421em 2.10526315789474em */
}
/****** Tabular data style ******/
.tabular-data dl {
    display: table;
    width: 100%;                              /* 100% width of its container */
}
.tabular-data > dl > dt {
    border-right: 5px solid #ffffff;
    width: 30%;                     /* 30% width of its container */
}
.tabular-data dt, .tabular-data dd {
    display: table-cell;
}
.tabular-data dd dt, .tabular-data dd dd {
    box-sizing: border-box;
    width: 50%;                        /* 50% width of its container */
}
.tabular-data dd dt {
    padding-right: 1%;                   /* 1% padding right of its container */
}
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 800px/16px = 50em*/
@media only screen and (min-width: 50em) {
header {
    padding: 1.3125em 0.3125em 0 0.3125em;                       /* BASE FONT = 16px  >>> 21px 5px 0 5px / 16px = 1.3125em 0.3125em 0 0.3125em */
}
.company-logo {
    float: left;
    margin: 0;
}
.header-right {
    float: right;
    padding: 0.4375em 0 3.375em 0;                      /* BASE FONT = 16px  >>> 7px 0 54px 0 / 16px = 0.4375em 0 3.375em 0 */
}
/* =============(Utility) Start here============ */
.utility-nav {
    padding: 0.125em 0 0 0;                        /* BASE FONT = 24px  >>> 3px 0 0 0 / 24px = 0.125em 0 0 0 */
}
.utility-nav a {
    margin:0;	
}
/* =============Search Style Start=========================== */
.search-container {
    margin: 0.125em 1.375em 0 1.375em;                       /* BASE FONT = 16px  >>> 2px 22px 0 22px / 16px = 0.125em 1.375em 0 1.375em */
    padding: 0 1.4375em 0.125em 1.375em;                       /* BASE FONT = 16px  >>> 0 23px 2px 22px / 16px = 0 1.4375em 0.125em 1.375em */
}
.social-media {
    margin: 0;
}
#search {
    left: auto;
    right: 0;
}
/* =============Top Navigation style start=================== */
.menu-trigger {
    display: none;
}
#topnav {
    clear: both;
}
.top-nav {
    background: none;
    display: block;
    padding: 1.25em 0 0 0;                 /* BASE FONT = 16px  >>> 20px 0 0 0 / 16px = 1.25em 0 0 0 */
    text-align: center;
}
.top-nav li {
    background: none;
    display: inline-block;
    margin: 0 0 0 3.417721518987342%;                 /* 27*100/790= 3.417721518987342% */
    padding: 0;
    position: relative;
}
.top-nav li:first-child {
    margin: 0;
}
.top-nav a {
    color: #044a8c;
    line-height: 1.21052631578947em;                /* BASE FONT = 19px  >>> 23px / 19px = 1.21052631578947em */
    padding: 0 0 0.947368421052632em 0;                        /* BASE FONT = 19px  >>> 0 0 18px 0 / 19px = 0 0 0.947368421052632em 0 */
}
.top-nav a:hover {
    color: #ea602b;
}
.has_child a {
    background: url(/images/topnav-link-bg.png) no-repeat right 0.157894736842105em;                /* BASE FONT = 19px  >>> 3px / 19px = 0.157894736842105em */
    padding: 0 0.842105263157895em 0.947368421052632em 0;            /* BASE FONT = 19px  >>> 0 16px 18px 0 / 19px = 0 0.842105263157895em 0.947368421052632em 0 */
}
.has_child a:hover,.has_child:hover > a {
    background: url(/images/topnav-link-bg-hover.png) no-repeat right 0.157894736842105em;           /* BASE FONT = 19px  >>> 3px / 19px = 0.157894736842105em */
}
.has_child:hover > a {
    color: #ea602b;
}
.top-nav ul {
    background: #0256a4;
    display: block;
    left: -0.75em;                      /* BASE FONT = 16px  >>> -12px / 16px = -0.75em */
    padding: 0.625em 0 0.625em 0;                 /* BASE FONT = 16px  >>> 10px 0 10px 0 / 16px = 0.625em 0 0.625em 0 */
    position: absolute;
    text-align: left;
    top: 100%;                  /* 100% of its container */
    width: 11.5em;                  /* BASE FONT = 16px  >>> 184px / 16px = 11.5em */
	display: none;
	z-index: 9999;
}
.chrome .top-nav ul {
    top: 2.5625em;                  /* BASE FONT = 16px  >>> 41px / 16px = 2.5625em */
}
.ie11 .top-nav ul {
    top: 2.5em;                  /* BASE FONT = 16px  >>> 40px / 16px = 2.5em */
}
.top-nav li:hover ul {
    display:block;
}
.top-nav ul li {
    display: block;
    margin: 0;
}
.top-nav ul li a {
    background: none;
    color: #ffffff;
    display: block;
    font-size: 1.125em;         /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    font-weight: 400;
    line-height: 1.22222222222222em;                 /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em */
    padding: 0.333333333333333em 0 0.166666666666667em 0.722222222222222em;            /* BASE FONT = 18px  >>> 6px 0 3px 13px / 18px = 0.333333333333333em 0 0.166666666666667em 0.722222222222222em */
}
.top-nav ul li a:hover {
    background-image: none;
	background-color: #ea602b;
	color: #ffffff;	
}
/* =============Banner style start=========================== */




/* =============Content Area Style Start===================== */
#content_area {
    padding: 5em 0.526315789473684em 1.05263157894737em 0.526315789473684em;              /* BASE FONT = 19px  >>> 95px 10px 20px 10px / 19px = 5em 0.526315789473684em 1.05263157894737em 0.526315789473684em */
}

/* =============Footer Area Start Here======================= */
footer {
    padding: 4.3125em 0.3125em 1.3125em 0.3125em;                         /* BASE FONT = 16px  >>> 69px 5px 21px 5px / 16px = 4.3125em 0.3125em 1.3125em 0.3125em */
    text-align: left;
}
.footer_address {
    display: inline-block;
    margin: 0.0555555555555556em 0 0 0;                  /* BASE FONT = 18px  >>> 1px 0 0 0 / 18px = 0.0555555555555556em 0 0 0 */
    vertical-align: top;
}
.footer-social-media {
    display: inline-block;
    margin: 0 0 0 3.5%;                            /*3.5% margin left of its container */
    vertical-align: top;
}
.footer-social-media .facebook {
    margin: 0 0 0 0.0625em;                        /* BASE FONT = 16px  >>> 0 0 0 1px / 16px = 0 0 0 0.0625em */
}
.certifications {
    display: inline-block;
    margin: 0 0 0 2.7%;                          /*2.7% margin left of its container */
    vertical-align: top;
}
.certifications > img {
    margin: 0.375em 0 0 0.3125em;                  /* BASE FONT = 16px  >>> 6px 0 0 5px / 16px = 0.375em 0 0 0.3125em */
}
.certifications > a {
    margin: 0 0 0 1.461538461538462em;                /* BASE FONT = 13px  >>> 0 0 0 19px / 13px = 0.375em 0 0 1.461538461538462em */
    text-align: center;
}
.footer-right {
    float: right;
    margin: 0.375em 0 0 0;                     /* BASE FONT = 16px  >>> 6px 0 0 0 / 16px = 0.375em 0 0 0 */
    text-align: right;
    vertical-align: top;
}
.footer-links > a {
    padding: 0 0 0 0.941176470588235em;                   /* BASE FONT = 17px  >>> 0 0 0 16px / 17px = 0 0 0 0.941176470588235em */
}
.footer-links > a:first-child {
    padding: 0;
}
.thomas-info-txt {
    margin: 8.5em 0 0 0;                   /* BASE FONT = 16px  >>> 136px 0 0 0 / 16px = 8.5em 0 0 0 */
    text-align: center;
}
/* =============Print Page Styles============================ */
.print_page {
	text-align: right;
	padding: 0.3125em 0.3125em 4.375em 0.3125em;      /* BASE FONT = 16px  >>> 5px 5px 70px 5px / 16px = 0.3125em 0.3125em 4.375em 0.3125em */
}
/* =============Home page classes Start Here================= */
#main_home {
    padding: 0 0 2.75em 0;          /* BASE FONT = 16px  >>> 0 0 44px 0 / 16px = 0 0 2.75em 0 */
}
.catalog-product-buckets > article {
    margin: 0 1.5% 2.0625em 1.5%;                        /* BASE FONT = 16px  >>> 0 33px / 16px = 0 2.0625em, 1.5% margin-left and 1.5% margin right of its container */
}
.fabricated-product article {
    display: inline-block;
    margin: 0 2% 1.25em 2%;                          /* BASE FONT = 16px  >>> 0 20px / 16px = 0 2.0625em, 2% margin-left and 2% margin right of its container */
    max-width: 16.8125em;                      /* BASE FONT = 16px  >>> 269px / 16px = 16.8125em */
    vertical-align: top;
    width: 29%;                                      /*29% width of its container */
}
.fabricated-product img {
    display: block;
    margin: 0 0 0.7em 0;                              /* BASE FONT = 20px  >>> 0 0 14px 0 / 20px = 0 0 0.7em 0 */
	border: 1px solid #ffffff;
}
.fabricated-product article a:hover img {
    border: 1px solid #ea602b;
}
/* =============Inner pages style============================ */

/***Contact Us page style***/
.contact-box {
   text-align:left;
}
.contact-box address {
   display:inline-block;
   vertical-align:top;
} 
.contact-box p {
   float:right;
   text-align:right;
}
.office-contact {
    text-align: left;
}
.rfq-btn {
    text-align: right;
}
/* =======================Photo Gallery Style ======================= */
.photo_gallery {
    text-align: left;
}
.photo_gallery > div {
    margin: 0 0 1.315789473684211em 2%;         /* 2% mrgin-left of its container *//* BASE FONT = 19px  >>> 25px / 19px = 1.315789473684211em  */
    width: 23%;                                /* 23% width of its container */
}
.photo_gallery > div:first-child {
    margin-left: 0;
}
}


/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
body[data-pagetype="home"] header {
    position: absolute;
	left:0;
	box-sizing: border-box;
	top:0;
	width: 100%;
}
.company-logo {
    width: 30%;	                                   /* 30% width of its container */
}
/* =============(Utility) Start here============ */
.header-right {
    padding: 0.4375em 0 2.9375em 0;                  /* BASE FONT = 16px  >>> 7px 0 47px 0 / 16px = 0.4375em 0 2.9375em 0 */
}

/* =============Top Navigation style start=================== */
#topnav {
    clear: right;
}
.top-nav {
    padding: 0;
	text-align: right;
}
.top-nav li {
    margin: 0 0 0 1.2%;                      /* 11*100/950 = 1.2% */                    
}

/* =============Footer Area Start Here======================= */
.footer-social-media {
    margin: 0 0 0 8.3%;             /* 8.3% margin left of its container */                     
}
.certifications {
    margin: 0 0 0 7.7%;               /* 7.7% margin left of its container */ 
}
.thomas-info-txt span {
    display: inline-block;
    margin: 0 1.8125em 0 0;     /* BASE FONT = 16px  >>> 0 29px 0 0 / 16px = 0 1.8125em 0 0 */
}

/* =============Home page classes Start Here================= */
#main_home h1 {
    font-size: 2.75em;                                      /* BASE FONT = 16px  >>> 44px / 16px = 2.75em */
    line-height: 1.09090909090909em;                                    /* BASE FONT = 44px  >>> 48px / 44px = 1.09090909090909em */
    padding: 0.159090909090909em 3.7% 0.0909090909090909em 3.7%;  /* BASE FONT = 44px  >>> 7px 4px/ 44px = 0.159090909090909em 0.0909090909090909em , 3.7% padding left and 3.7% padding right of its container */
	margin:0 0 1.75em 0;                              /* BASE FONT = 44px  >>> 0 0 77px 0 / 44px = 0 0 1.75em 0 */
} 
.catalog-product-buckets > article {
    margin: 0 2.7% 2.0625em 2.7%;                      /* BASE FONT = 16px  >>> 0 33px / 16px = 0 2.0625em, 2.7% margin-left and 2.7% margin right of its container */
}
.fabricated-product article {
    margin: 0 0.8% 1.25em 0.8%;                           /* BASE FONT = 16px  >>> 0 20px / 16px = 0 1.25em, 0.8% margin-left and 0.8% margin right of its container */               
    width: 18%;                            /* 18% width of its container */
}
/* =============Inner pages style============================ */
/* ============================ About Page  ============================ */
.two-column > div > div:first-child {
    padding: 0 2% 0 0;                    /* 2% margin left of its container */
    width: 48%;
}
.two-column > div > div {
    display: inline-block;
    width: 50%;                    /* 50% width of its container */     
	vertical-align: top;
}
.img-container {
    float: left;
    margin: 0.157894736842105em 0.789473684210526em 1.57894736842105em 0;                  /* BASE FONT = 19px  >>> 3px 15px 30px 0 / 19px = 0.157894736842105em 0.789473684210526em 1.57894736842105em 0 */
    width: 13.1578947368421em;              /* BASE FONT = 19px  >>> 250px / 19px = 13.1578947368421em */
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 1100px/16px = 68.75em*/
@media only screen and (min-width: 68.75em) {
header {
    padding: 1.3125em 0 0 0;                  /* BASE FONT = 16px  >>> 21px 0 0 0 / 16px = 1.3125em 0 0 0 */
}
.inner-wrap {
    margin: 0 auto;
    max-width: 68.75em;               /* BASE FONT = 16px  >>> 1100px / 16px = 68.75em */
	box-sizing: border-box;
}
.company-logo {
    margin: 0 0 0 0.1875em;              /* BASE FONT = 16px  >>> 0 0 0 3px / 16px = 0 0 0 0.1875em */
	width: auto;
}
.header-right {
    padding: 0.4375em 0 3.375em 0;             /* BASE FONT = 16px  >>> 7px 0 54px 0 / 16px = 0.4375em 0 3.375em 0 */
}
/* =============Top Navigation style start=================== */
.menu-trigger {
    display: none;
}
.top-nav li {
    margin: 0 0 0 1.67%;             /* 18.3667*100/1100 = 1.67% */
}

/* =============Content Area Style Start===================== */
#content_area {
    padding: 5em 0 1.05263157894737em 0;              /* BASE FONT = 19px  >>> 95px 0 20px 0 / 19px = 5em 0 1.05263157894737em 0 */
}

/* =============Footer Area Start Here======================= */
footer {
    padding: 4.3125em 0 1.3125em 0;            /* BASE FONT = 16px  >>> 69px 0 21px 0 / 16px = 4.3125em 0 1.3125em 0 */
}
.footer_address {
    margin: 0.0555555555555556em 0 0 0.166666666666667em ;                        /* BASE FONT = 18px  >>> 1px 0 0 3px / 18px = 0.0555555555555556em 0 0 0.166666666666667em */
}
.footer-social-media {
    margin: 0 0 0 8.9%;           /* 8.9% margin-left of its container */
}
.certifications {
    margin: 0 0 0 8.5%;          /* 8.5% margin-left of its container */
}
/* =============Print Page Styles============================ */
.print_page {
	padding: 0.3125em 0 4.375em 0;      /* BASE FONT = 16px  >>> 5px 0 70px 0 / 16px = 0.3125em 0 4.375em 0 */
}

/* =============Home page classes Start Here================= */
#content_area_home .inner-wrap {
    padding:  0 0.3125em 0 0.3125em;                             /* BASE FONT = 16px  >>> 0 5px 0 5px / 16px = 0 0.3125em 0 0.3125em */
}
#main_home h1 {
    padding: 0.795454545454545em 0 0.568181818181818em 0;                             /* BASE FONT = 44px  >>> 35px 0 25px 0 / 44px = 0.795454545454545em 0 0.568181818181818em 0 */
}
.catalog-product-buckets {
    padding: 0 0 3.3125em 0;                        /* BASE FONT = 16px  >>> 0 0 53px 0 / 16px = 0 0 3.3125em 0 */
}
.catalog-product-buckets > article {
    margin: 0 1.13% 2.0625em 1.13%;                         /* BASE FONT = 16px  >>> 0 33px / 16px = 0 2.0625em, 1.13% margin-left and 1.13% margin right of its container */
}
.fabricated-product {
    padding: 5.125em 0 3.375em 0;                            /* BASE FONT = 16px  >>> 82px 0 54px 0 / 16px = 5.125em 0 3.375em 0 */
	margin: 0 0 4.8125em 0;                     /* BASE FONT = 16px  >>> 0 0 77px 0 / 16px = 0 0 4.8125em 0 */
}
#content_area_home .fabricated-product > h2 {
    padding:0 0 1.13793103448276em 0;                             /* BASE FONT = 29px  >>> 0 0 33px 0 / 29px = 0 0 1.13793103448276em 0 */
}
.fabricated-product article {
    margin: 0 0.9% 1.25em 0.9%;                           /* BASE FONT = 16px  >>> 0 20px / 16px = 0 1.25em, 0.9% margin-left and 0.9% margin right of its container */  
}
/* =============Inner pages style============================ */
/* =======================Photo Gallery Style ======================= */
.photo_gallery > div {
    margin: 0 0 1.315789473684211em 2.7%;         /* 2.7% mrgin-left of its container *//* BASE FONT = 19px  >>> 25px / 19px = 1.315789473684211em  */
}
}