@font-face {
    font-family: 'ubuntulight';
    src: url('../fonts/ubuntu-light_1-webfont.eot');
    src: url('../fonts/ubuntu-light_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-light_1-webfont.woff') format('woff'),
         url('../fonts/ubuntu-light_1-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-light_1-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubuntu-regular_1-webfont.eot');
    src: url('../fonts/ubuntu-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-regular_1-webfont.woff') format('woff'),
         url('../fonts/ubuntu-regular_1-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-regular_1-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntumedium';
    src: url('../fonts/ubuntu-medium_1-webfont.eot');
    src: url('../fonts/ubuntu-medium_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-medium_1-webfont.woff') format('woff'),
         url('../fonts/ubuntu-medium_1-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-medium_1-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =============================================================================
   Body Styles
* ============================================================================= */
body 
{   background:#FFF;
      margin:0;
      padding:0;
      font-size:100%;                                       /* BASE FONT = 16px >>> 16px = 1em = 100% */
      color:#1c1c1c;
      font-family:'ubunturegular';
}

/* =============================================================================
   Basic Styles
* ============================================================================= */
img 
{   border: 0; 
   vertical-align:middle;
   max-width: 100%;
}
a 
{   color:#257095;
    text-decoration: underline;
}
a:hover 
{   text-decoration:none;
   color:#1c1c1c;
}
figure
{   margin:0;
}

a, input, textarea
{   outline:none;
}
a 
{   color:#257095;
    text-decoration: underline;
}
a:hover 
{   text-decoration:none;
   color:#1c1c1c;
}
p 
{   margin: 0 0 1em 0;                                           /* BASE FONT = 16px >>> 0 0 16px 0/16px = 0 0 1em 0 */
   font-size:1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
}
strong 
{   font-family: 'ubuntumedium';
   font-weight: normal;
}

address
{   font-style: normal;

}
hr
{   background:#d5b249;
   border:0;
   margin:1em 0;                                    /* BASE FONT = 16px >>> 16px 0/16px = 1em 0 */
   height:1px;
   clear:both;
}
.webtrax-code
{   height:0;
   overflow:hidden;
}
/* =============================================================================
   Headings Basic Styles
* ============================================================================= */
h1
{   font-size:1.875em;                                 /* BASE FONT = 16px >>> 30px/16px = 1.875em */
   color:#257095;
   font-weight:normal;
   font-family:'ubuntulight';
   margin:0 0 0.5em 0;                                 /* BASE FONT = 30px >>> 15px/30px = 0.5em */
}
h2
{   font-size:1.625em;                                 /* BASE FONT = 16px >>> 26px/16px = 1.625em */
   color:#257095;
   font-weight:normal;
   font-family:'ubuntulight';
   margin:0 0 0.577em 0;                              /* BASE FONT = 26px >>> 15px/26px = 0.577em */
}
h3
{   font-size:1.375em;                                 /* BASE FONT = 16px >>> 22px/16px = 1.375em */
   color:#257095;
   font-weight:normal;
   font-family:'ubuntulight';
   margin:0 0 0.682em 0;                              /* BASE FONT = 22px >>> 15px/22px = 0.682em */
}
.content-area-inner h1 
{   color: #1c1c1c;
   font-weight: 400;
   line-height: 1em;                                    /* BASE FONT = 30px >>> 30px/30px = 1em */
}

/* ===============INITIAL STYLES [MOBILE VIEW] START============================*/
/* =============================================================================
   Wrapper Styles
* ============================================================================= */
.wrap-inner 
{   max-width:77em;                                      /* BASE FONT = 16px >>> 1232px/16px = 77em */
    margin:0 auto;
    padding:0 0.625em;                                 /* BASE FONT = 16px >>> 0 10px/16px = 0 0.625em */
}

/* =============================================================================
   Header Styles
* ============================================================================= */
header
{   background:#664303;
   border-bottom:0.125em solid #d5c9a9;                     /* BASE FONT = 16px >>> 2px/16px = 0.125em */
}
#inner-header
{   height:auto;   
   float:left;
   width:100%;
}
header .wrap-inner 
{   padding:0;
	max-width:80em;                    						 /* BASE FONT = 16px >>> 1280px/16px = 80em */
}
.header-top
{   position:relative;
   z-index:3;
   text-align:right;
}
.header-phones
{   display:inline-block;
   vertical-align:middle;
   color:#ebe7e2;
   font-family:'ubuntumedium';
   line-height:1.125em;                                 /* BASE FONT = 16px >>> 18px/16px = 1.125em */
}
.header-phones a
{   color:#ebe7e2;
}
.hide-mobile,
.email-icon span
{   display:none;
}
.email-icon
{   margin:1px 0;
   display:inline-block;
   vertical-align:top;
   text-decoration:none;
   padding-left: 0.188em;
}
.email-icon img
{   display:block;
}   
.email-icon figure
{   display:inline-block;
   height:0.875em;                                    /* BASE FONT = 16px >>> 14px/16px = 0.875em */
   width:1.188em;                                    /* BASE FONT = 16px >>> 19px/16px = 1.188em */
   vertical-align:middle;
}
.email-icon:hover figure
{   background:url(../images-rwd/email-icon-hover.png) no-repeat;
   background: linear-gradient(transparent, transparent), url(../images-rwd/email-icon-hover.svg) no-repeat;
}
.email-icon:hover figure img
{   opacity:0;
}
.header-button
{   background:url(../images-rwd/header-button-background.png) repeat-x top;
   height:3.438em;                                    /* BASE FONT = 16px >>> 55px/16px = 3.438em */
   text-align: right;
}
.employee-text
{   font-size:0.813em;                                 /* BASE FONT = 16px >>> 13px/16px = 0.813em */
   height:4.231em;                                    /* BASE FONT = 13px >>> 55px/13px = 4.231em */
   display:inline-block;
   vertical-align:top;
   color: #FFF;
   font-family:'ubuntumedium';
   line-height:4.231em;                              /* BASE FONT = 13px >>> 55px/13px = 4.231em */
   text-decoration: none;
   text-transform: uppercase;
   padding: 0 1.231em;                                 /* BASE FONT = 13px >>> 0 16px/13px = 0 1.231em */

}
.employee-text span
{   height:2.462em;                                       /* BASE FONT = 13px >>> 32px/13px = 2.462em */
   width:3.462em;                                       /* BASE FONT = 13px >>> 45px/13px = 3.462em */
   display:inline-block;
   vertical-align:middle;
   line-height:1em;                                    /* BASE FONT = 13px >>> 13px/13px = 1em */
   background:url(../images-rwd/Employee-Portal-icon.png) no-repeat left top;
}
.employee-text:hover span
{   background:url(../images-rwd/Employee-Portal-icon.png) no-repeat left bottom;
}
/* =============================================================================
   Search Styles
* ============================================================================= */
#search-trigger
{   height:3.438em;                                    /* BASE FONT = 16px >>> 55px/16px = 3.438em */
   width:3.125em;                                    /* BASE FONT = 16px >>> 50px/16px = 3.125em */

   background: url(../images-rwd/search-icon.png) no-repeat center;
   background: linear-gradient(transparent, transparent), url(../images-rwd/search-icon.svg) no-repeat center;
   display:inline-block;
   vertical-align:top;
   cursor: pointer;
   border-left: 1px solid #5093bf;
}
#search-trigger.active-search
{   background: url(../images-rwd/search-icon-black.png) no-repeat center #5093bf;
   background: linear-gradient(transparent, transparent), url(../images-rwd/search-icon-black.svg) no-repeat center #5093bf;
}
.header-search
{   background:#e3e0d9;
   padding: 0.625em 0 0.875em;                     			/* BASE FONT = 16px >>> 10px 0 14px/16px = 0.625em 0 0.875em */
   text-align:center;
}
.header-search p
{   color: #4d270d;
	margin: 0 0 0.5em;                                    /* BASE FONT = 14px >>> 7px/14px = 0.5em */
	font-size:0.875em;                                    /* BASE FONT = 16px >>> 14px/16px = 0.875em */
	line-height:1.143em;                                    /* BASE FONT = 14px >>> 16px/14px = 1.143em */
	font-family:'ubunturegular', Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.header-search p span
{   text-transform:uppercase;
	display:block;
	background:url(../images-rwd/line-separator.png) no-repeat bottom;
	padding-bottom:0.643em;                                    /* BASE FONT = 14px >>> 9px/14px = 0.643em */
	margin-bottom:0.214em;                                    /* BASE FONT = 14px >>> 3px/14px = 0.214em */
	font-family:'ubuntumedium';
}
.search-box1
{   vertical-align: middle;
    font-size: 1em;                                   		/* BASE FONT = 16px >>> 16px/16px = 1em */
    padding:0.313em 0.5em;                                  /* BASE FONT = 16px >>> 5px 8px/16px = 0.313em 0.5em */
    margin-right: 0.438em;                                   /* BASE FONT = 16px >>> 7px/16px = 0.438em*/
    color: #797979;
    font-family:'ubunturegular';   
    width:8.25em;		                                   /* BASE FONT = 16px >>> 132px/16px = 8.25em */
	border:0;
}
.search-button
{  vertical-align: middle;
   cursor: pointer;
   width:1.625em;		                                   /* BASE FONT = 16px >>> 26px/16px = 1.625em */
   font-size:1em;		                                   /* BASE FONT = 16px >>> 16px/16px = 1em */
}

/* =============================================================================
   Utility Nav Styles
* ============================================================================= */
#menu-trigger
{   display:inline-block;
   vertical-align:middle;
   background:url(../images-rwd/menu-trigger.png) no-repeat center;
   height:2.75em;                                 /* BASE FONT = 16px >>> 44px/16px = 2.75em */
   width:3em;                                    /* BASE FONT = 16px >>> 48px/16px = 3em */
   cursor:pointer;
   text-align: center;
}
#menu-trigger img
{   padding-top: 0.938em;                              /* BASE FONT = 16px >>> 15px/16px = 0.938em */
}
#menu-trigger.active
{   background:url(../images-rwd/menu-trigger-active.png) no-repeat center #c6ba9c;
}
#utility-nav
{   display:none;
   background:#c6ba9c;
   padding:0.5em 0;                                 /* BASE FONT = 16px >>> 0.5em/16px = 0.5em */
}
#utility-nav a
{   display:block;
   color:#1c1c1c;
   padding:0.625em 0.875em;                                 /* BASE FONT = 16px >>> 10px 14px/16px = 0.625em 0.625em */
   text-decoration:none;
   text-transform:uppercase;
   font-family:'ubuntumedium';
}
#utility-nav a:hover
{   background:#d1c9b4;
}

/* =============================================================================
   Logo Styles
* ============================================================================= */
.logo-bar
{   position:relative;
   z-index:2;
   background:url(../images-rwd/logo-background.png);
}
.logo-bar .wrap-inner
{   padding:0;
}
#company-logo
{   display:block;
   max-width:18.75em;                                    /* BASE FONT = 16px >>> 300px/16px = 18.75em */
   margin:0 auto;
   padding:1.563em 0;                                    /* BASE FONT = 16px >>> 25px/16px = 1.563em */
}
/* =============================================================================
   Top Nav Styles
* ============================================================================= */
#top-nav
{   margin:0;
   padding:0 0 0.875em;                                 /* BASE FONT = 16px >>> 14px/16px = 0.875em */
   list-style:none;
}
#top-nav > li
{   display:inline-block;
   width:20%;
   vertical-align:top;
}
li.menu-icon1 > a
{   background:url(../images-rwd/products-menu-icon.png) no-repeat center top;   
   background: linear-gradient(transparent, transparent), url(../images-rwd/products-menu-icon.svg) no-repeat center top;
   padding-top:4.8em;                                 /* BASE FONT = 10px >>> 48px/10px = 4.8em */
}
li.menu-icon2 > a
{   background:url(../images-rwd/Preferred-Distributors-menu-icon.png) no-repeat center top;
   background: linear-gradient(transparent, transparent), url(../images-rwd/Preferred-Distributors-menu-icon.svg) no-repeat center top;
   padding-top:4.5em;                                 /* BASE FONT = 10px >>> 45px/10px = 4.5em */
}
li.menu-icon3 > a
{   background:url(../images-rwd/Resources-menu-icon.png) no-repeat center top;
   background: linear-gradient(transparent, transparent), url(../images-rwd/Resources-menu-icon.svg) no-repeat center top;
   padding-top:5em;                                 /* BASE FONT = 10px >>> 50px/10px = 5em */
}
li.menu-icon4 > a
{   background:url(../images-rwd/Manufacturing-and-Service-Centers-menu-icon.png) no-repeat center top;
   background: linear-gradient(transparent, transparent), url(../images-rwd/Manufacturing-and-Service-Centers-menu-icon.svg) no-repeat center top;
   padding-top:4em;                                 /* BASE FONT = 10px >>> 40px/10px = 4em */
}
li.menu-icon5 > a
{   background:url(../images-rwd/Bunting-Green-Policy-menu-icon.png) no-repeat center top;
   background: linear-gradient(transparent, transparent), url(../images-rwd/Bunting-Green-Policy-menu-icon.svg) no-repeat center top;
   padding-top:4em;                                 /* BASE FONT = 10px >>> 40px/10px = 4em */
}
li.menu-icon4 br 
{   display:none;
}
#top-nav > li > a
{   display:block;
   font-size:0.625em;                                    /* BASE FONT = 16px >>> 10px/16px = 0.625em */
   line-height:1.2em;                                 /* BASE FONT = 10px >>> 12px/10px = 1.2em */
   font-family:'ubuntumedium';
   color:#4d270d;
   text-decoration:none;
   text-align:center;
   background-size:4em;                              /* BASE FONT = 10px >>> 40px/10px = 4em  */
}
#top-nav > li:hover > a
{   color:#257095;
   background-position:center -10.9em;                     /* BASE FONT = 16px >>> 109px/16px = 10.9em */
}
#top-nav > li.menu-icon4
{   width:22%;
}
#top-nav > li.menu-icon5
{   width:18%;
}
#top-nav li ul
{   display:none;
}

/* =============================================================================
   Header Banner
* ============================================================================= */
header,
.header-banner
{   height:44.375em;                                 /* BASE FONT = 16px >>> 710px/16px = 44.375em */
    min-width:20em;                                 /* BASE FONT = 16px >>> 320px/16px = 20em */
}
.header-banner
{   background:url(../images-rwd/slide-1.jpg) no-repeat center top;
	background-size:auto 100%;
   width:100%;
   position:absolute;   
   top:0;
   z-index:1;
}
.header-banner-text
{   position:absolute;
   bottom:2.25em;                                 /* BASE FONT = 16px >>> 36px/16px = 2.25em */
   text-align:center;
   width:100%;
   font-family:'ubuntumedium';
   color:#b6a784;
}
.header-banner-text h1
{   color:#d2c29c;
   font-family:'ubuntumedium';
   text-transform:uppercase;
   line-height:1.2em;                                 /* BASE FONT = 30px >>> 36px/30px = 1.2em */
   margin-bottom:1em;                                    /* BASE FONT = 30px >>> 30px/30px = 1em */
}
.header-banner-text a
{   display:block;
   border:0.125em solid #d5b249;                           /* BASE FONT = 16px >>> 2px/16px = 0.125em */
   border-radius:0.313em;                                 /* BASE FONT = 16px >>> 5px/16px = 0.313em */
   width:18.5em;                                       /* BASE FONT = 16px >>> 296px/16px = 18.5em */
   margin:0 auto;
   color:#e6c94a;   
   text-transform:uppercase;
   text-decoration:none;
   padding:0.938em 0;                                    /* BASE FONT = 16px >>> 15px/16px = 0.938em */
}
.header-banner-text a:hover
{   background:#d5b249;
   color:#1d1b1e;
}
.header-banner-text span
{   display:block;
   padding:0.4em 0 0.5em;                              /* BASE FONT = 20px >>> 8px 0 10px/20px = 0.4em 0 0.5em */
   font-size:1.25em;                                    /* BASE FONT = 16px >>> 20px/16px = 1.25em */

   line-height:1em;                                    /* BASE FONT = 20px >>> 20px/20px = 1em */
}
.bx-wrapper
{   display:none;
}
/* =============================================================================
   Main Section Styles
* ============================================================================= */
#main
{   width:100%;
   float:left;
   padding: 1.875em 0 0;                                 /* BASE FONT = 16px >>> 30px 0 0/16px = 1.875em 0 0 */
   background: url(../images-rwd/content-area-background.jpg) repeat-x left top #fff;
   min-width:20em;                                    /* BASE FONT = 16px >>> 320px/16px = 20em */
}

/* =============================================================================
   Footer Styles
* ============================================================================= */
footer
{   background:#fff;
   width: 100%;
   float: left;
   min-width:20em;                                    /* BASE FONT = 16px >>> 320px/16px = 20em */
}
footer .wrap-inner
{   text-align:center;
}
.footer-first
{   border-top: solid 1px #cec2a2;
   border-bottom: solid 1.313em #cec2a2;                     /* BASE FONT = 16px >>> 21px/16px = 1.313em */
   margin-bottom:1.563em;                                 /* BASE FONT = 16px >>> 25px/16px = 1.563em */
}
.footer-first-inner
{   max-width: 71.875em;                                 /* BASE FONT = 16px >>> 1150px/16px = 71.875em */
   margin: 0 auto;
   padding: 0 0.625em;                                    /* BASE FONT = 16px >>>  0 10px/16px =  0 0.625em */
}
.tablet-hide
{   display: inline;
}
.footer-first-inner h3
{   font-size: 1.125em;                                    /* BASE FONT = 16px >>> 18px/16px = 1.125em */
   color: #6b490a;
   font-family:'ubuntulight';
   padding: 1.111em 0 0;                                 /* BASE FONT = 18px >>> 20px 0 0/18px = 1.111em 0 0 */
}
.follow-us 
{   padding-bottom: 0.625em;                                 /* BASE FONT = 16px >>> 10px/16px = 0.625em */
}
.follow-us a.facebook, .follow-us a.twitter, .follow-us a.linkedin, .follow-us a.google-plus, .follow-us a.blog
{   background:url(../images-rwd/facebook-icon.png) no-repeat left top;
   background: linear-gradient(transparent, transparent), url(../images-rwd/facebook-icon.svg) no-repeat left top;
   color: #6b490a;
   font-size: 0.875em;                                    /* BASE FONT = 16px >>> 14px/16px = 0.875em */
   font-family:'ubuntulight';
   text-decoration: none;
   padding: 0.786em 0 0 3.571em;                        /* BASE FONT = 14px >>>  11px 0 0 50px/14px =  0.786em 0 0 3.571em */
   height: 2em;                                    /* BASE FONT = 14px >>> 16px/14px = 2em */
   display: inline-block;
   width: 5.5em;                                       /* BASE FONT = 14px >>> 16px/14px = 5.5em */
   margin-bottom: 0.714em;                                 /* BASE FONT = 14px >>> 16px/14px = 0.714em */
   line-height: 1em;
}
.follow-us a.twitter
{   background:url(../images-rwd/twitter-icon.png) no-repeat left top;
   background: linear-gradient(transparent, transparent), url(../images-rwd/twitter-icon.svg) no-repeat left top;
}
.follow-us a.linkedin
{   background:url(../images-rwd/Linked-in-icon.png) no-repeat left top;
   background: linear-gradient(transparent, transparent), url(../images-rwd/Linked-in-icon.svg) no-repeat left top;
}
.follow-us a.google-plus
{   background:url(../images-rwd/google-plus-icon.png) no-repeat left top;
   background: linear-gradient(transparent, transparent), url(../images-rwd/google-plus-icon.svg) no-repeat left top;
}
.follow-us a.blog
{   background:url(../images-rwd/wordpress-blog-icon.png) no-repeat left top;
   background: linear-gradient(transparent, transparent), url(../images-rwd/wordpress-blog-icon.svg) no-repeat left top;
}
.follow-us a:hover
{   color: #257193;
   background-position: left bottom;
}
.associations
{   padding: 0 0 0.625em 0;                                 /* BASE FONT = 16px >>> 0 0 10px 0/16px = 0 0 0.625em 0 */
}
.associations a.cbsa-logo, .associations a.ptda-logo, .associations a.nffs-logo
{   display: inline-block;
   text-decoration: none;
   width: 5em;                                       /* BASE FONT = 16px >>> 80px/16px = 5em */
   height: 2.563em;                                    /* BASE FONT = 16px >>> 41px/16px = 2.563em */
   margin: 0.313em 0 0.938em;                              /* BASE FONT = 16px >>> 5px 0 15px/16px = 0.313em 0 0.938em */
}
.associations a.ptda-logo
{   width:5.625em;                                       /* BASE FONT = 16px >>> 90px/16px = 5.625em */
}
.associations a.cbsa-logo:hover img,
.associations a.ptda-logo:hover img, 
.associations a.nffs-logo:hover img
{   opacity:0;
}
.associations a.cbsa-logo:hover
{   background:url(../images-rwd/cbsa-logo-hover.png) no-repeat left top;
}
.associations a.ptda-logo:hover
{   background:url(../images-rwd/ptda-logo-hover.png) no-repeat left top;
}
.associations a.nffs-logo:hover
{   background:url(../images-rwd/nffs-logo-hover.png) no-repeat left top;
}
footer .wrap-inner a
{   color:#1c1c1c;   
}
footer .wrap-inner a:hover, .footer-nav a:hover
{   color:#257095;
}
br.desktop-hide {
    display: inline;
}
.footer-company-nm
{   font-size:1.125em;                                 /* BASE FONT = 16px >>> 18px/16px = 1.125em */
   padding:0.625em 0;                                 /* BASE FONT = 18px >>> 10px 0/18px = 0.625em 0 */
   display:block;
}   
.gold-text
{   font-size:0.875em;                                 /* BASE FONT = 16px >>> 14px/16px = 0.875em*/
   color:#6b490a;
   text-transform:uppercase;
   padding-bottom:0.714em;                                 /* BASE FONT = 14px >>> 10px/14px = 0.714em */
   display:block;
   font-family:'ubuntulight';
}
.made-in-usa
{   font-size:0.750em;                                 /* BASE FONT = 16px >>> 12px/16px = 0.750em */
   color:#454545;
   text-transform:uppercase;
   font-family:'ubuntumedium';
}
.made-in-usa img
{   padding-right:0.833em;                                 /* BASE FONT = 12px >>> 10px/12px = 0.833em */
}   
.footer-nav
{   font-size:0.750em;                                 /* BASE FONT = 16px >>> 12px/16px = 0.750em */
   background:#f6f4ee;
   border-bottom:solid 1px #c6ba9c;
   padding:1.500em 0.667em;                                 /* BASE FONT = 12px >>> 18px 8px/12px = 1.500em 0.667em */
   text-align:center;
   font-family:'ubuntumedium';
   color:#454545;
   text-transform:uppercase;
   margin:2.083em 0 0 ;                                 /* BASE FONT = 12px >>> 25px 0 0 /12px = 2.083em 0 0  */
}
.footer-nav a
{   color:#454545;   
   padding:0 0.833em;                                 /* BASE FONT = 12px >>> 0 10px/12px = 0 0.833em */
   display:inline-block;
}
footer small
{   font-size: 0.75em;                                 /* BASE FONT = 16px >>> 12px/16px = 0.75em */
   color: #797979;
   text-align: center;
   display: block;
   padding: 2.083em 0.833em;                                 /* BASE FONT = 12px >>> 25px 10px/12px = 2.083em 0.833em */
}
footer small a
{   color:#797979;   
}
footer small a:hover
{   color:#257095;   
}
.copyright
{   text-align:center;
   background:#FFF;
   padding:1em 0;                                    /* BASE FONT = 14px >>> 14px/14px = 1em */
   font-size:0.875em;                                 /* BASE FONT = 16px >>> 14px/16px = 0.875em */
}   
.copyright a
{   font-size:1em;                                    /* BASE FONT = 16px >>>  16px/16px = 1em */
}

/* =============================================================================
   Home Page Styles
* ============================================================================= */
.content-area-home a:hover
{   color: #257095;
}
.home-content-left
{   text-align:center; 
}
.home-content-left a
{   font-size: 1em;                                 /* BASE FONT = 16px >>> 16px/16px = 1em */
   color: #8c600e;
   text-transform: uppercase;
   font-family:'ubuntumedium';
   text-decoration: none;
}
.home-content-left p
{   font-size: 1.500em;                                 /* BASE FONT = 16px >>> 24px/16px = 1.500em */
   color: #1c1c1c;
   line-height: 1.25em;                                 /* BASE FONT = 24px >>> 30px/24px = 1.25em */
   font-family:'ubuntulight';
   padding: 0.417em 0;                                 /* BASE FONT = 24px >>> 10px 0/24px = 0.417em 0 */
}
.home-product-buckets{ 
   margin: 0 auto 1.333em;                              /* BASE FONT = 16px >>> 0 32px/16px = 1.333em */
   width: 16.25em;                              /* BASE FONT = 16px >>> 260px/16px = 16.25em */
}
.home-product-buckets article
{   display:block;
   width:13.563em;                                 /* BASE FONT = 16px >>> 217px/16px = 13.563em */
   margin:0 auto;
   margin-bottom:1em;
   vertical-align: top;
}
.home-product-buckets article a
{   text-decoration: none;
}
.home-product-buckets article img
{   display: none;
}
.home-product-buckets article h4
{   display: block;
   background: url(../images-rwd/product-bucket-link-arrow.jpg) no-repeat center top;
   font-size: 1em;                                 /* BASE FONT = 16px >>> 16px/16px = 1em */
   color: #1c1c1c;
   line-height: 1.125em;                                 /* BASE FONT = 16px >>> 18px/16px = 1.125em */
   padding: 1.75em 0 0.625em 0;                                 /* BASE FONT = 16px >>> 28px 0 10px 0/16px = 1.75em 0 0.625em 0 */
   font-weight:normal;
   margin:0;
   text-align:center;
}
.home-product-buckets article:hover h4
{   background: url(../images-rwd/product-bucket-link-arrow-hover.jpg) no-repeat center top;
   color: #257095;
}
#view-more-trigger, #collpase-trigger
{   display:none;
}
.gray-background
{   width: 100%;
   float: left;
   background: #f6f4ee;
   padding: 1.25em 0;                                 /* BASE FONT = 16px >>> 20px 0/16px = 1.25em 0 */
   border-top:solid 0.125em #e1d6b8;                     /* BASE FONT = 16px >>> 2px/16px = 0.125em */
}
.columns-12
{   max-width: 80em;                                 /* BASE FONT = 16px >>> 1280px/16px = 80em */
   margin: 0 auto;
   padding: 0 0.625em 0.938em;                              /* BASE FONT = 16px >>> 0 10px 15px/16px = 0 0.625em 0.938em */
}
.home-partner
{   margin-bottom: 0.625em;                                 /* BASE FONT = 16px >>> 10px/16px = 0.625em */
}
.home-partner h2
{   float: left;
   background: url(../images-rwd/partner-title-background.jpg) repeat-x left top #0f5f80;
   width: 1.769em;                                 /* BASE FONT = 26px >>> 46px/26px 1.769em */
   padding:3.769em 0 0.769em 0;                                 /* BASE FONT = 26px >>> 60px 0 20px 0/26px = 3.769em 0 0.769em 0 */
   text-align: center;
   margin: 0;
}
.home-partner article
{   border: solid 1px #d0c4a6;
   background: #fff;
   padding: 0.875em 0.938em;                                 /* BASE FONT = 16px >>> 14px 15px/16px = 0.875em 0.938em */
   overflow: hidden;
   min-height: 13.125em;                                 /* BASE FONT = 16px >>> 210px/16px = 13.125em */
}
.home-partner article strong
{   padding-bottom:0.5em;                                 /* BASE FONT = 16px >>> 8px/16px = 0.5em */
   display: inline-block;
}
.home-partner article p
{   margin-bottom:0.625em;                                 /* BASE FONT = 16px >>> 10px/16px = 0.625em */
}
.home-partner article a, .bearing-information a, .pv-data-chart a
{   color: #d5b249;
}
.home-partner article figure
{   border-top: solid 1px #f0e4c7;
   padding:0.938em 1.063em 0.625em;                                 /* BASE FONT = 16px >>> 15px 10px 17px/16px = 0.938em 1.063em 0.625em */
   margin-top: 1.250em;                                 /* BASE FONT = 16px >>> 20px/16px = 1.250em */
   text-align: center;
}
.eco-friendly-alloys article
{   min-height: 19.875em;                                 /* BASE FONT = 16px >>> 318px/16px = 18.188em */
   padding-bottom: 0;
}
.eco-friendly-alloys h2
{   padding:2.308em 0 0.769em 0;                                 /* BASE FONT = 26px >>> 60px 0 20px 0/26px = 2.308em 0 0.769em 0 */
}
.eco-friendly-alloys article p {
    margin-bottom: 0.938em;                                 /* BASE FONT = 16px >>> 15px/16px = 0.938em */
    line-height: 1.375em;                                 /* BASE FONT = 16px >>> 22px/16px = 1.375em */
}
.leaf-background
{   background: url(../images-rwd/golden-leaf.png) no-repeat right bottom #fff;
   width: 15em;                                 /* BASE FONT = 16px >>> 240px/16px = 15em */
   float: left;
   margin-bottom:0.75em;                                 /* BASE FONT = 16px >>> 12px/16px = 0.75em */
}
.button-big
{   font-size: 1.125em;                                 /* BASE FONT = 16px >>> 18px/16px = 1.125em */
   color: #d5b249;
   background: url(../images-rwd/big-button-background.png) repeat left top;
   font-family:'ubuntumedium';
   padding: 0.556em 0.833em 0.556em 1.111em;                                 /* BASE FONT = 18px >>> 10px 15px 10px 20px/18px = 0.333em 0.833em 0.556em 1.111em */
   margin: 1.833em 0 2.222em;                                 /* BASE FONT = 18px >>> 33px 0 40px/18px = 1.833em 0 2.222em */
   border: solid 0.111em #d4b149;                                 /* BASE FONT = 18px >>> 2px/18px = 0.111em */
   float: left;
   border-radius:0.278em;                                 /* BASE FONT = 18px >>> 5px/18px = 0.278em */
   text-decoration: none;
   width: 10em;                                 /* BASE FONT = 18px >>> 180px/18px = 10em */
   line-height:1.1em;
}
.leaf-background .button-big:hover
{   background: #d5b249;
   color: #1c1c1c;
}

.bearing-information
{   margin-bottom:0.625em;                                 /* BASE FONT = 16px >>> 10px/16px = 0.625em */
}
.bearing-information, .pv-data-chart
{   border:solid 1px #d0c4a5;
   background:#fff;
}
.bearing-information h2, .pv-data-chart h2
{   font-size:1.250em;                                 /* BASE FONT = 16px >>> 20px/16px = 1.250em */
   color:#257095;
   font-family:'ubuntumedium';
   text-transform:uppercase;
   margin:0;
   padding:0.35em 0 0.45em 0.9em;                                 /* BASE FONT = 20px >>> 7px 0 9px 18px/20px = 0.35em 0 0.45em 0.9em */
   border-bottom:solid 1px #d0c4a5;
}
.bearing-information ul
{   margin:0;
   padding:0.8em 0 1em 2.188em;                                 /* BASE FONT = 16px >>> 16px 0 20px 35px/16px = 0.8em 0 1em 2.188em */
}
.bearing-information ul li
{   padding-left:0.313em;                                 /* BASE FONT = 16px >>> 5px/16px = 0.313em */
}
.pv-data-chart p
{   padding:1em 1.563em 0.625em 1.125em;                                 /* BASE FONT = 16px >>> 16px 25px 10px 18px/16px = 1em 1.563em 0.625em 1.125em */
   margin:0;
}
.pv-data-chart a
{   padding:0 0 1.25em 1.125em;                                 /* BASE FONT = 16px >>> 0 0 20px 18px/16px = 0 0 1.25em 1.125em */
   display:inline-block;
}


/* =============================================================================
   Inner Pages Style
* ============================================================================= */
.text-center
{   text-align: center;
}
.text-right
{   text-align: right;
}
.text-blue
{   color: #257095;
}
.history-container p
{   border-top:1px solid #eee;
   border-bottom:1px solid #eee;
   padding:0.625em 0;                                       /* BASE FONT = 16px >>> 10px 0/16px = 0.625em 0 */
   font-weight:normal;
}
.history-container p strong:first-child
{   padding:0.313em 0.625em 0.313em 1.25em;                        /* BASE FONT = 16px >>> 5px 10px 5px 20px/16px = 0 0.625em 0.313em 1.25em */
   margin:0 0.313em 0 0;                                       /* BASE FONT = 16px >>> 0 5px 0 10px/16px = 0 0.313em 0 0.625em */
   border-right:1px solid #eee;
   color:#257095;
   background:url(../images-rwd/list-style.png) no-repeat left 0.6em;   /* BASE FONT = 16px >>> 9px/16px = 0.6em */
}
.border-box
{   border: 1px solid #cec2a2;
   border-top:0.313em solid #cec2a2;                        /* BASE FONT = 16px >>> 5px/16px = 0.313em */
   padding: 1.5em 2em;                                    /* BASE FONT = 16px >>> 24px 32px/16px = 1.5em 2em */
   margin-bottom: 1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
}
.news-main article
{   border: 1px solid #cec2a2;
   border-top:0.313em solid #cec2a2;                           /* BASE FONT = 16px >>> 5px/16px = 0.313em */
   padding: 1em;
   margin-bottom: 1em;
}
.news-main article ul.normal-listing
{	margin-bottom:0;
}
.news-main article figure
{   margin: 0 0.5em 0.5em;                                    /* BASE FONT = 16px >>> 0 8px 8px/16px = 0 0.5em 0.5em */
}
.news-main article figure img
{   background: #fff;
   border: 1px solid #eee;
   padding: 0.25em;                                    /* BASE FONT = 16px >>> 4px/16px = 0.25em */
}
.contact-information
{   margin-bottom: 1em;
}
.google-map
{   margin-bottom: 1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
}
.google-map iframe
{   width:100%;
   height:18.750em;                                           /* BASE FONT = 16px >>>  300px/16px = 18.750em */
   border:1px solid #d2c8aa;
}
.button-medium
{   display: inline-block;
   vertical-align: top;
   text-decoration: none;
   font-size:1.125em;                                    /* BASE FONT = 16px >>> 18px/16px = 1.125em */
   line-height:1em;                                    /* BASE FONT = 18px >>> 18px/18px = 1em */
   color: #d5b249;
   border: 0.111em solid #d5b249;                                    /* BASE FONT = 18px >>> 2px/18px = 0.111em */
   padding:0.667em 1.111em 0.778em;                                    /* BASE FONT = 18px >>> 12px 20px 14px/18px = 0.667em 1.111em 0.778em */
   font-weight: 500;
   
   -webkit-border-radius: 0.333em;                              /* BASE FONT = 18px >>> 6px/18px = 0.333em */
   -moz-border-radius: 0.333em;
   border-radius: 0.333em; 
}
.button-medium:hover
{   background: #d5b249;
   color: #1c1c1c;
}
ul.listitems 
{   padding:0;
   margin:0 0 1em 0 ;                         /* BASE FONT = 16px >>>  16px/16px = 1em */
}
ul.listitems li
{   margin:0 0 0.25em 0;                      /* BASE FONT = 16px >>>  4px/16px = 0.25em */
   background:url(../images-rwd/list-style.png) no-repeat left 0.313em;      /* BASE FONT = 16px >>>  5px/16px =0.313em */
   padding-left:1.125em;                   /* BASE FONT = 16px >>>  18px/16px = 1.125em */
   list-style-type: none;
}
ul.listitems li a
{   text-decoration: none;
}
ul.normal-listing
{   list-style-type: none;
   padding:0;
   margin:0;
}
ul.normal-listing li
{   margin:0 0 0.286em 0;                      /* BASE FONT = 14px >>>  4px/14px = 0.286em */
   list-style-type:none;
}
ul.normal-listing a
{   text-decoration: none;
}
ul.normal-listing img,
.pdf-icon img
{   padding-right: 0.25em;                                    /* BASE FONT = 16px >>> 4px/16px = 0.25em */
}
.border-box ul.normal-listing
{   margin-bottom: 0;
}
.image-column-right
{   text-align: center;
   margin-bottom: 1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
}
.image-column-right img
{   border: 1px solid #d2c8aa;
   padding: 1px;
   background: #fff;
}
address span.link-normal a,
address span.link-normal a:hover,
p span.link-normal a,
p span.link-normal a:hover
{   text-decoration: none;
   color: #1c1c1c;
   cursor: text;
}
.column-md-4.address
{   padding-top: 2em;                                    /* BASE FONT = 16px >>> 32px/16px = 2em */
}
.row
{   width: 100%;
   float: left;
}
.column-3-gallery figure
{   margin-bottom: 1.25em;                                    /* BASE FONT = 16px >>> 20px/16px = 1.25em */
}
.column-3-gallery figure img
{   padding: 1px;
   background: #cfcfcf;
   width: 100%;
}
.box-border
{	border:1px solid #d4b149;
	margin-top:0.5em;
}
.box-border p
{	padding:1em;
}
.right-image
{	margin:0 auto;
	width:auto;
	display:block;
}

/* =============================================================================
   Print Preview
* ============================================================================= */
body .print_container
{    font-size: 100%;
}
body .print_container .border-box {
    border: none;
    border-top: none;
    padding: 0;
}
body .print_container .column-md-4
{   margin-bottom: 1em;
}
/* =============================================================================
   Scroll to Top
* ============================================================================= */
#return-to-top 
{   position: fixed;
    bottom: 1.25em;                                         /* BASE FONT = 16px >>>  20px/16px = 1.25em */
    right: 1.25em;                                          /* BASE FONT = 16px >>>  20px/16px = 1.25em */
    background: rgba(0, 0, 0, 0.7);
    width: 2.2em;                                           /* BASE FONT = 16px >>>  35px/16px = 2.2em */
    height: 2.2em;                                           /* BASE FONT = 16px >>>  35px/16px = 2.2em */
    display: block;
    text-decoration: none;
    -webkit-border-radius: 2.188em;                           /* BASE FONT = 16px >>>  35px/16px = 2.188em */
    -moz-border-radius: 2.188em;
    border-radius: 2.188em;display: none;
    -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;
    color: #FFF;
    font-size:1em;                                            /* BASE FONT = 16px >>>  16px/16px = 1em */
    z-index: 9;
}
#return-to-top:hover 
{   background: rgba(0, 0, 0, 0.9);
}
#return-to-top span 
{   font-size: 1.2em;                                        /* BASE FONT = 16px >>>  19px/16px = 1.2em */
    text-align: center;
    display: block;
    line-height:2.2em;
}
/* =============================================================================
   Social Buttons Style
* ============================================================================= */
.social-area-main
{   padding:1em 0 1.5em 0;                                 /* BASE FONT = 16px >>> 16px 0 24px 0/16px = 1em 0 1.5em 0*/
   margin-top:1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
   width:100%;
   float:left;
}
.social-feed
{   text-align:center;
}
.social-feed span
{   padding-bottom:0.125em;                              /* BASE FONT = 16px >>> 2px/16px = 0.125em */
   display:inline-block;
   vertical-align:top;
}
/* =============================================================================
   Print link
* ============================================================================= */
.print-links 
{   text-align: center;
   margin-top:1em;                                 /* BASE FONT = 16px >>> 16px/16px = 1em */
}
.print-links a
{   font-size:0.75em;                                       /* BASE FONT = 16px >>>  12px/16px = 0.75em */
    padding-left:1em;                                       /* BASE FONT = 12px >>>  12px/12px = 1em */
   color:#257095;
}
.print-links a:first-child
{   padding-left: 0;
}
.print-links a:hover
{   color: #1c1c1c;
}
.print-links img
{   margin:0 0.5em 0 0;                                    /* BASE FONT = 12px >>>  0 6px 0 0/12px = 0 0.5em 0 0 */
}
/* =============================================================================
   Product Description Table
* ============================================================================= */
.product-description-table
{   margin:0 0 2em;                                   /* BASE FONT = 16px >>>  0 0 36px / 16px = 0 0 2em */
   width:100%;
   float:left;
   background: #c1c1c1;
}
.product-description-table dl.data-heading dt,
.product-description-table dl.data-heading dd
{   border-bottom: 0.625em solid #ddd4be;
   border-top:1px solid #ddd4be;
   background: #f6f4ee;
   color: #257095;
   font-weight: 500;
}

.product-description-table dl dt, 
.product-description-table dl dd 
{   background:#fff;
    display: table-cell;    
    padding: 0.25em;                                        /* BASE FONT = 16px  >>> 4px / 16px = 0.25em */
   vertical-align:top;
   color: #1c1c1c;
}
.product-description-table dl dt
{   width: 40%;
   border-right:1px solid #c1c1c1; 
   color: #257095;
}
.product-description-table dl dd 
{   border-right:1px solid #c1c1c1; 
   width: 20%;
   text-align: center;
}
.product-description-table dl dd:last-child
{   border-right:none; 
}
.product-description-table dl 
{   display: table;
    width:100%;
    padding:0;
    margin: 0 0 1px;
}
/* =============================================================================
   Sitemap Page
* ============================================================================= */
ul.sitemap-list 
{  margin:0.625em 0;                                    /* BASE FONT = 16px >>>  10px 0/16px = 0.625em 0 */
   padding:0;                                    
   list-style:none;                                         
}  
ul.sitemap-list ul {                                    
   margin-bottom:0;
   margin-top:0.25em;                              /* BASE FONT = 16px  >>> 4px/16px = 0.25em */
}
ul.sitemap-list li {                                    
   padding-left:0.938em;                                   /* BASE FONT = 16px >>>  15px/16px = 0.938em */                           
   padding-bottom:0.313em;                                /* BASE FONT = 16px >>>  5px/16px = 0.313em */
   text-align:left;  
   background:url(../images-rwd/sitemap-arrow.png) no-repeat;
   color:#257095;
}  
ul.sitemap-list li strong
{   color:#257095;
}
ul.sitemap-list li strong:hover
{   color: #4D270D;
}
ul.sitemap-list li a { 
    font-size:1em;                                        /* BASE FONT = 16px >>>  16px/16px = 1em */ 
    text-decoration:none;
    color:#1c1c1c;
}
ul.sitemap-list li a:hover {
    color:#257095;
}
ul.sitemap-list li ul
{   margin-left:0;
   padding-left:0;
   padding-top: 0.200em;
}
ul.sitemap-list li ul li
{   list-style-type:none;
   background:url(../images-rwd/list-style.png) no-repeat left 0.313em;
   padding-left: 1.25em;
}

/* =============================================================================
   Form Style
   ============================================================================= */
.form-fields
{   max-width:37.5em;                                       /* BASE FONT = 16px >>>  600px/16px = 37.5em */
   margin:0 auto;
}
.form-fields fieldset
{  border:0;
   margin:0;
   padding:0 0 0.625em;                                       /* BASE FONT = 16px >>>  10px/16px = 0.625em */
}
.form-fields fieldset label
{  font-size:1em;                                          /* BASE FONT = 16px >>>  16px/16px = 1em */
   padding:0.313em 0 0.25em 0;                                 /* BASE FONT = 16px >>>  5px 4px/16px = 0.313em 0.25em */
   display:block;
}
.form-fields fieldset input[type="text"],

.form-fields fieldset input[type="file"],
.form-fields fieldset select,
.form-fields fieldset textarea
{  padding:0.4em;                                              /* BASE FONT = 13px >>>  5px/13px = 0.4em */
   font-size:0.813em;                                          /* BASE FONT = 16px >>>  13px/16px = 0.813em */
   color:#333;
   border:1px solid #CCC;
   background:#fff;
   width:91%;
   font-family: 'ubunturegular';
   -webkit-appearance: none;
}
.form-fields fieldset input[type="file"]
{    width:16em;
   -webkit-appearance: none;
}
.form-fields fieldset select
{   width:94%;
}
.form-fields fieldset input[type="text"].captcha-box
{  width:16em;
   margin-bottom:0.385em;                                       /* BASE FONT = 13px >>>  5px/13px = 0.385em */
}
#captchamlew
{   padding-right:0.5em;
}
.form-fields fieldset a
{   cursor:pointer;
   text-transform:capitalize;
}
.form-fields fieldset textarea
{   height:7em;                                                /* BASE FONT = 13px >>>  91px/13px = 7em */
}
.required-field
{   color:#CC0000;   
}
.fieldset-right
{  display:inline-block;
   width:100%;
   font-size:0.875em;                                          /* BASE FONT = 16px >>>  14px/16px = 0.875em */
}
.fieldset-right input
{   margin-top:0.4em;                                          /* BASE FONT = 14px >>>  5px/14px = 0.4em */
   margin-right:0;
}
.form-fields input[type=submit],
td input[type=submit],
input[type=reset]
{   padding:0.313em 0.625em;                                    /* BASE FONT = 16px >>>  5px 0 10px/16px = 0.313em 0.625em */
    cursor:pointer;
    font-size:1em;
   font-family: 'ubunturegular';
   -webkit-appearance: none;
   background:#fff;
   color: #d5b249;
   border: 0.125em solid #d5b249;                                    /* BASE FONT = 16px >>> 2px/16px = 0.125em */
   padding:0.375em 1.25em;                                    /* BASE FONT = 16px >>> 6px 20px/16px = 0.375em 1.25em */
   font-weight: 500;
   
   -webkit-border-radius: 0.375em;                              /* BASE FONT = 16px >>> 6px/16px = 0.375em */
   -moz-border-radius: 0.375em;
   border-radius: 0.375em; 
}
.form-fields input[type=submit], 
.form-fields input[type=reset]
{   margin-top:1em;                                            /* BASE FONT = 16px >>>  16px/16px = 1em */
}
.form-fields input[type=submit]:hover,
td input[type=submit]:hover,
input[type=reset]:hover
{   background: #d5b249;
   color: #1c1c1c;
}
p.form_success
{   padding-top:1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
   color:#090;
}
p.form_error
{   color:#F20101;
   padding-top:1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
}


/*=================================================================================
********************************Tablet Styles Start*****************************
=================================================================================*/ 
@media screen and (min-width:40em) {
/**640px/16px=40em **/
/* =============================================================================
   Heading Style
* ============================================================================= */
.content-area-inner h1 
{   font-size:2.25em;                                    /* BASE FONT = 16px >>> 36px/16px = 2.25em */
   line-height: 1em;                                    /* BASE FONT = 36px >>> 36px/36px = 1em */
   font-family: 'ubunturegular';
}
.content-area-inner h2
{   margin-bottom: 1em;                                    /* BASE FONT = 26px >>> 26px/26px = 26px */
}

/* =============================================================================
   Header Style
* ============================================================================= */
.header-phones
{   float:left;
}
#menu-trigger
{   float:left;
    height:3.438em;                                 /* BASE FONT = 16px >>> 55px/16px = 3.438em */
    width:3.25em;                                 /* BASE FONT = 16px >>> 52px/16px = 3.25em */
}
.email-icon
{   padding-left: 0.875em;
    margin-left: 0.75em;
    border-left:solid 0.125em #ebe7e2;
}
.header-button
{   right:0;
    position:absolute;
    top:0;
}
.logo-bar
{   clear:both;
}
#company-logo
{   padding:1.125em 0;                                 /* BASE FONT = 16px >>> 18px/16px = 1.125em */
    max-width:21.125em;                                 /* BASE FONT = 16px >>> 338px/16px = 21.125em */
}
.header-search
{   clear:both;
	padding:0.5em 0 0.625em;
	text-align:right;
}
.header-search p
{	width:64%;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	text-align:center;
}
.header-search form
{	display:inline-block;
	vertical-align:middle;
	width:13em;                                 /* BASE FONT = 16px >>> 208px/16px = 13em */
	text-align:left;
}
#utility-nav
{   clear:both;
}
.header-phones
{   font-size:1.125em;                                 /* BASE FONT = 16px >>> 18px/16px = 1.125em */
    padding:0.944em 0 0 2%;                        /* BASE FONT = 18px >>> 17px/18px = 0.944em */
}
.hide-mobile
{   display:inline;
}
.employee-text
{   padding: 0 1.538em;                                 /* BASE FONT = 13px >>> 0 20px/13px = 0 1.538em */
    border-left: 1px solid #5093bf;
}

/* =============================================================================
   Top Nav Styles
* ============================================================================= */
#top-nav > li > a
{   font-size:1em;                                          /* BASE FONT = 16px >>> 16px/16px = 1em */
   background-size:3.438em;                                 /* BASE FONT = 16px >>> 55px/16px = 3.438em */
   padding-top:3.438em;                                    /* BASE FONT = 16px >>> 55px/16px = 3.438em */
}
#top-nav > li:hover > a
{   background-position:center -9.375em;                        /* BASE FONT = 16px >>> 150px/16px = 9.375em */
}
#top-nav > li.menu-icon4
{   width: 24%;
}
#top-nav > li.menu-icon5
{   width: 16%;
}
#top-nav > li.menu-icon1 > a,
#top-nav > li.menu-icon3 > a
{   padding-top:3.875em;                                 /* BASE FONT = 16px >>> 62px/16px = 3.875em */
}
li.menu-icon4 br
{   display:block;
}
/* =============================================================================
   Header Banner Styles
* ============================================================================= */
header, .header-banner
{	height:38.125em;                                    /* BASE FONT = 16px >>> 610px/16px = 38.125em */
}
.header-banner-text
{   bottom:2.5em;                                    /* BASE FONT = 16px >>> 40px/16px = 2.5em */
   z-index:2;
}
.header-banner-text h1
{   margin-bottom:0.867em;                                 /* BASE FONT = 30px >>> 26px/30px = 0.867em */
}
.header-banner
{   background:none;
}
.bx-wrapper
{  position:absolute;
   top:0;
   display:block;
   width:100%;
   border-bottom:0.125em solid #e5d9bd;                                /* BASE FONT = 16px >>> 2px/16px = 0.125em */
}
.header-slider
{   margin:0;
   padding:0;
   list-style:none;
}
.header-slider li
{   height:38.75em;                                 /* BASE FONT = 16px >>> 620px/16px = 38.75em */
}
.slide-1
{   background:url(../images-rwd/slide-1.jpg) no-repeat center;
}
.slide-2
{   background:url(../images-rwd/slide-2.jpg) no-repeat center;
}
.slide-3
{   background:url(../images-rwd/slide-3.jpg) no-repeat center;
}
.bx-has-pager
{   position:absolute;
   right:1.875em;                                 /* BASE FONT = 16px >>> 30px/16px = 1.875em */
   bottom:12%;
   z-index:3;
}
.bx-pager-item
{   margin-bottom:1em;                                 /* BASE FONT = 16px >>> 16px/16px = 1em */
}
.bx-pager-link
{   background:#d5b249;
   height:0.563em;                                 /* BASE FONT = 16px >>> 9px/16px = 0.563em */
   width:0.563em;                                 /* BASE FONT = 16px >>> 9px/16px = 0.563em */
   margin:0.188em;                                 /* BASE FONT = 16px >>> 3px/16px = 0.188em */
   border-radius:100%;
   overflow:hidden;
   display:block;
   text-align:left;
   text-indent:-624.938em;                           /* BASE FONT = 16px >>> -9999px/16px = -624.938em */
}
.bx-pager-link.active
{   background:none;
   margin:0;
   border:#d5b249 solid 0.188em;                                 /* BASE FONT = 16px >>> 3px/16px = 0.188em */
}

/* =============================================================================
   Home Page Styles
* ============================================================================= */
.home-content-left a
{   font-size: 1.125em;                                 /* BASE FONT = 16px >>> 18px/16px = 1.125em */
}
.home-content-left p
{   font-size: 1.875em;                                 /* BASE FONT = 16px >>> 30px/16px = 1.875em */
  	padding: 0.6em 0;                                 	/* BASE FONT = 30px >>> 18px 0/30px = 0.6em 0 */
   	line-height: 1.533em;                               /* BASE FONT = 30px >>> 46px/30px = 1.533em */
}
.home-product-buckets
{   width:38.813em;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 3em;
}

.home-product-buckets article img
{   display: inline-block;
   transition: all 0.6s ease-in-out;
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
}
.home-product-buckets article img:hover 
{   transform: scale(1.05);
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
}
.home-product-buckets article
{   width: 12em;                                 /* BASE FONT = 16px >>> 192px/16px = 12em */
   padding: 0 0.375em;                                 /* BASE FONT = 16px >>> 0 6px/16px = 0 0.375em */
   margin: 0;
   display: inline-block;
}
.home-partner article
{   padding: 2.188em 1.563em 0 1.563em;                                 /* BASE FONT = 16px >>> 35px 25px 0 25px/16px = 2.188em 1.563em 0 1.563em */
   min-height: 12.688em;                                 /* BASE FONT = 16px >>> 203px/16px = 12.688em */
}
.home-partner article figure
{   padding-top: 1.563em;                                 /* BASE FONT = 16px >>> 16px/16px = 1.563em */
}
.eco-friendly-alloys article
{   min-height: 16.875em;                                 /* BASE FONT = 16px >>> 270px/16px = 16.875em */
}
#view-more-trigger, #collpase-trigger
{   font-size:0.875em;                                 /* BASE FONT = 16px >>> 14px/16px = 0.875em */
   color:#1c1c1c;
   font-family: 'ubuntumedium';
   background:url(../images-rwd/view-more-trigger-background.png) repeat left top;
   text-align:center;
   display:block;
   text-transform:uppercase;
   padding:0.714em 0;                                 /* BASE FONT = 14px >>> 10px 0/14px = 0.714em 0 */
   cursor:pointer;
}
#view-more-trigger
{   position: relative;
    margin-top: -4.643em;                                 /* BASE FONT = 14px >>> -65px/14px = -4.643em */
    z-index: 5;   
}

.eco-friendly-alloys h2
{   padding-top: 1.25em;                                 /* BASE FONT = 16px >>> 20px/16px = 1.25em */
}
.eco-friendly-alloys article p
{   margin-bottom: 1.563em;                                 /* BASE FONT = 16px >>> 25px/16px = 1.563em */
}
.leaf-background
{   width: 20.313em;                                 /* BASE FONT = 16px >>> 325px/16px = 20.313em */
}
.button-big
{   padding-left:1.563em;                                 /* BASE FONT = 16px >>> 25px/16px = 1.563em */
   padding-right: 3.125em;                                 /* BASE FONT = 16px >>> 50px/16px = 3.125em */
}
.home-partner
{   margin-bottom: 1.25em;                                 /* BASE FONT = 16px >>> 20px/16px = 1.25em */
}
.columns-12
{   padding-bottom:0.313em;                                 /* BASE FONT = 16px >>> 5px/16px = 0.313em */
}
.bearing-information, .pv-data-chart
{   width:48%;
   float:left;
   margin-right:3%;
   min-height: 10.813em;                                 /* BASE FONT = 16px >>> 173px/16px = 10.813em */
}
.pv-data-chart

{   margin-right:0;
}

/* =============================================================================
   Footer Styles
* ============================================================================= */
.follow-us
{   max-width: 21.375em;                                 /* BASE FONT = 16px >>> 342px/16px = 21.375em */
   display: inline-block;
   border-right: solid 1px #cec2a2;
}
.follow-us a.facebook, .follow-us a.twitter, .follow-us a.linkedin, .follow-us a.google-plus, .follow-us a.blog
{   width: 4.643em;                                 /* BASE FONT = 14px >>> 65px/14px = 4.643em */
   padding-left: 3.286em;                                 /* BASE FONT = 14px >>> 46px/14px = 3.286em */
}
.associations
{   display: inline-block;
   vertical-align: top;
   padding-left: 0.938em;                                 /* BASE FONT = 16px >>> 15px/16px = 0.938em */
   padding-bottom:0;
}
.tablet-hide
{   display: none;
}

/* =============================================================================
   Social link
* ============================================================================= */
.social-feed
{   float: left;
}
/* =============================================================================
   Print Styles
* ============================================================================= */
.print-links 
{   text-align: right;
   float:right;
   margin-top:0;
}
/* =============================================================================
   Product Description Table
* ============================================================================= */
.product-description-table dl dt
{   width: 40%;
}
.product-description-table dl dd
{   width: 20%;
   text-align: center;
}
.product-description-table dl dt, 
.product-description-table dl dd 
{   padding: 0.5em;                                        /* BASE FONT = 16px  >>> 8px / 16px = 0.5em */
}
/* =============================================================================
   Inner Pages Style
* ============================================================================= */
.history-container p strong:first-child
{   padding-top:0;
   float: left; 
   background:url(../images-rwd/list-style.png) no-repeat left 0.313em;   /* BASE FONT = 16px >>> 5px/16px = 0.313em */
}
ul.normal-listing
{   margin-bottom: 1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
}
.column60
{   width: 47%;
   display: inline-block;
   vertical-align:top;
   padding-right: 1%;
}
ul.column60
{   width: 49%;
}
.column60:nth-child(2n+1) 
{    padding-left: 1%;
   padding-right: 0;
} 
.pdf-icon img
{   float: left;
   padding-bottom: 0.438em;                                    /* BASE FONT = 16px >>> 7px/16px = 1em */
}
.image-column-right
{   margin-left: 1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
   float: right;
}
.column-md-4
{   width: 49%;
   margin-right: 2%;
   float: left;
}
.column-md-4 address
{   min-height: 5em;                                    /* BASE FONT = 16px >>> 80px/16px = 5em */
   margin-bottom: 2em;                                    /* BASE FONT = 16px >>> 32px/16px = 2em */
}
.column-3-gallery address
{   margin-bottom: 0.5em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
}
.row .column-md-4:nth-child(2n)
{   margin-right: 0;
}

.column-8
{   width: 75%;
   background: red;
   
}
.column-3-gallery figure.space-bottom img
{   margin-bottom:17%;
}

.box-border
{	padding-top:1em;
}
/* =============================================================================
   Form Style
   ============================================================================= */
.form-fields
{   max-width:inherit;                                       /* BASE FONT = 16px >>>  600px/16px = 37.500em */
   float: left;
   width: 40%;
}


}


/*=================================================================================
**********************Tablet Landscape Ciew Styles Start**************************
=================================================================================*/ 
@media screen and (min-width:48em) {
/* 768px/16px=48em*/   
.column-md-4
{   width: 32%;
   margin-right: 2%;
}
.row .column-md-4:nth-child(2n)
{   margin-right: 2%;
}
.row .column-md-4:nth-child(3n)
{   margin-right: 0;
}


}
/*=================================================================================
**********************Tablet Landscape Ciew Styles Start**************************
=================================================================================*/ 
@media screen and (min-width:50em) {
/**800px/16px=50em**/

/* =============================================================================
    Content Area Inner Styles
 * ============================================================================= */
.contact-information
{   display: inline-block;
   float: left;
}
.google-map
{   width: 60%;   
   float: right;
}
.column-md-4 address
{   padding-right:0.125em; 
}


}

/*=================================================================================
********************************Desktop Styles Start*****************************
=================================================================================*/ 
@media screen and (min-width:60em) {
/**960px/16px=60em**/

/* =============================================================================
   Footer Styles
* ============================================================================= */
.desktop-hide
{   display: none;
}

/* =============================================================================
   Home Page Styles
* ============================================================================= */
.home-product-buckets
{   margin-bottom: 3em;
   
}
#view-more-trigger
{   position: relative;
    margin-top: -4.5em;
    z-index: 5;   
}
.follow-us
{   max-width: inherit;
   width: 70%;
   padding-bottom: 1.375em;                                 /* BASE FONT = 16px >>> 22px/16px = 1.375em */
}
.follow-us a.facebook, .follow-us a.twitter, .follow-us a.linkedin, .follow-us a.google-plus, .follow-us a.blog
{   width: auto;
   padding-right: 0.625em;                                 /* BASE FONT = 16px >>> 10px/16px = 0.625em */
}
.bearing-information, .pv-data-chart
{   width:49%;
   margin-right:2%;
   min-height:9.125em;                                 /* BASE FONT = 16px >>> 146px/16px = 9.125em */
}
.pv-data-chart
{   margin-right:0;
   width:48%;
}

/* =============================================================================
   Inner Page Styles
* ============================================================================= */
.right-image
{	float:right;
}
.box-border
{	padding:0;
	float:left;
	width:100%;
}
.box-border p {
    font-size: 1.125em;                                 /* BASE FONT = 16px >>> 18px/16px = 1.125em */
    line-height: 1.444em;                                 /* BASE FONT = 18px >>> 26px/18px = 1.444em */
    padding: 6% 2% 0 5%;
    width: 43%;
}
}


/*=================================================================================
********************************Desktop Styles Start*****************************
=================================================================================*/ 
@media screen and (min-width:67.500em) {
/**1080px/16px=60em**/
/* =============================================================================
    Header Styles
 * ============================================================================= */
.header-top
{   text-align:left;
}
#menu-trigger
{   display:none;
}
#utility-nav
{   display:inline-block;
   background:none;
   padding:0 0 0 0.625em;                                 /* BASE FONT = 16px >>> 10px/16px = 0.625em */
   height:3.438em;                                       /* BASE FONT = 16px >>> 55px/16px = 3.438em */
}
#utility-nav a
{   display:inline-block;
   color:#eeebe5;
   font-size:0.813em;                                    /* BASE FONT = 16px >>> 13px/16px = 0.813em */
   padding:1.538em 0.385em;                              /* BASE FONT = 13px >>> 20px 5px/13px = 1.538em 0.385em */
   line-height:1em;                                    /* BASE FONT = 13px >>> 13px/13px = 1em */
}
#utility-nav a.selected,
#utility-nav a:hover
{   color:#d5b249;
   background:none;
}
.logo-bar
{   float:left;
   width:100%;
}
#company-logo
{   float:left;
   max-width:inherit;
   padding:2.5em 0 0 2%;                              /* BASE FONT = 16px >>> 40px/16px = 2.5em*/
}


/* =============================================================================
   Top Menu Style
* ============================================================================= */
#top-nav
{   float:left;
    padding:0 0 0 0.5em;   
}
#top-nav > li
{   float:left;
   width:7.625em;                                    /* BASE FONT = 16px >>> 122px/16px = 7.625em */
   height:10.313em;                                 /* BASE FONT = 16px >>> 165px/16px = 10.313em */
   position:relative;
   padding:0 1px;
}
#top-nav > li:hover
{   background:#e3dfd8;
   padding:0;
   border-left:1px solid #d3cbb8;
   border-right:1px solid #d3cbb8;
}
#top-nav > li > a
{   margin-top:2.5em;                                 /* BASE FONT = 16px >>> 40px/16px = 2.5em */
}
#top-nav > li.menu-icon4
{   width:9.625em;                                    /* BASE FONT = 16px >>> 154px/16px = 9.625em */
}
#top-nav > li.menu-icon5
{   width:7.875em;                                    /* BASE FONT = 16px >>> 126px/16px = 7.875em */
}
#top-nav li ul
{   position:absolute;
   background:#e3e0d9;
   display:none;
   top:10.313em;                                    /* BASE FONT = 16px >>> 165px/16px = 10.313em */
   width:25em;                                    /* BASE FONT = 16px >>> 400px/16px = 25em */
   margin:0;
   padding:0;
   list-style:none;
   border:1px solid #d3cbb8;
   border-top:0;
   left:-1px;
}
#top-nav li:hover ul
{   display:block;
}
#top-nav li.menu-icon3 ul
{   width:20.5em;                                          /* BASE FONT = 16px >>> 328px/16px = 20.5em */
}
#top-nav li li a
{   color:#4d270d;
   text-decoration:none;
   padding:0.5em 1.5em;                                 /* BASE FONT = 16px >>> 8px 24px/16px = 0.5em 1.5em */
   border-top:1px solid #d3cbb8;
   display:block;
}
#top-nav li li a.selected,
#top-nav li li a:hover
{   background:#d3cbb8 url(../images-rwd/menu-arrow.png) no-repeat right;
}
/* =============================================================================
   Header Banner
* ============================================================================= */
.header-banner-text
{   bottom:6.875em;                                    /* BASE FONT = 16px >>> 110px/16px = 6.875em */
}
.header-banner-text h1
{   font-size:3.250em;                                 /* BASE FONT = 16px >>> 52px/16px = 3.250em */
   	margin-bottom:1.654em;                              /* BASE FONT = 52px >>> 86px/52px = 1.654em */
}
.header-banner-text a
{   font-size:1.125em;                                 /* BASE FONT = 16px >>> 18px/16px = 1.125em */
   display:inline-block;
   vertical-align:middle;
   line-height:1em;                                 /* BASE FONT = 18px >>> 18px/18px = 1em */
}
.header-banner-text span
{   display:inline-block;
   vertical-align:middle;
   padding:0 1em;                                 /* BASE FONT = 20px >>> 20px/20px = 1em */
}
.bx-has-pager 
{   bottom: 24%;
    right: 2.5em;                                 /* BASE FONT = 16px >>> 40px/16px = 2.5em */
}


/* =============================================================================
   Footer Styles
* ============================================================================= */
.footer-first-inner h3
{   display: inline-block;
   padding-right: 0.938em;                                 /* BASE FONT = 16px >>> 15px/16px = 0.938em */
}
.follow-us
{   padding-top: 1.375em;                                 /* BASE FONT = 16px >>> 22px/16px = 1.375em */
   width: 61%;
}
.associations
{   padding-top: 1.375em;                                 /* BASE FONT = 16px >>> 22px/16px = 1.375em */
   padding-left: 1.563em;                                 /* BASE FONT = 16px >>> 25px/16px = 1.563em */
}
br.desktop-hide
{   display: none;
}
/* =============================================================================
   Home Page Styles
* ============================================================================= */
#main
{   padding: 3.125em 0 0;                                 /* BASE FONT = 16px >>> 50px 0 0/16px = 3.125em 0 0 */
}
.home-content-left
{   width: 15.125em;                                 /* BASE FONT = 16px >>> 242px/16px = 15.125em */
    float: left;
    text-align: left;
}
.home-product-buckets
{   width: 78%;
    float: right;
}
.home-product-buckets article
{   width: 13.75em;                                 		/* BASE FONT = 16px >>> 220px/16px = 13.75em */
    padding: 0 1% 1.25em;                                 /* BASE FONT = 16px >>> 20px/16px =1.25em */
}
.column-4
{   width: 32%;
   vertical-align: top;
   display: inline-block;
   padding-right: 1.3333%;
}
.home-partner h2
{   padding-top: 6.538em;                                 /* BASE FONT = 26px >>> 170px/26px = 6.538em */
}
.eco-friendly-alloys article
{   padding-right: 0.938em;                                 /* BASE FONT = 16px >>> 15px/16px = 0.938em */
}
.eco-friendly-alloys h2
{   padding-top: 1.462em;                                 /* BASE FONT = 26px >>> 38px/26px = 1.462em */
}
.home-partner article
{   min-height: 16.875em;                                 /* BASE FONT = 16px >>> 270px/16px = 16.875em */
}
.home-partner article, .eco-friendly-alloys article
{   padding-top:2.5em;                                 /* BASE FONT = 16px >>> 40px/16px = 2.5em */
}
.leaf-background
{   width: 100%;
   margin-top:0.313em;                                 /* BASE FONT = 16px >>> 5px/16px = 0.313em */
   margin-bottom:0.313em;                                 /* BASE FONT = 16px >>> 5px/16px = 0.313em */
}
#view-more-trigger
{    margin-top: -6.5em;   
}
.button-big
{   width: 70%;
   padding-left: 8%;
    padding-right: 8%;
    margin: 1.389em 0 2.111em;                                 /* BASE FONT = 18px >>> 25px 0 38px/18px =1.389em 0 2.111em */
}
.eco-friendly-alloys article p
{   line-height: 1.375em;                                 /* BASE FONT = 16px >>> 22px/16px = 1.375em */
   margin-bottom: 0;
}
.home-partner article figure
{   margin-top: 2.5em;                                 /* BASE FONT = 16px >>> 40px/16px = 2.5em */
   padding-top: 2.313em;                                 /* BASE FONT = 16px >>> 37px/16px = 2.313em */
}
.gray-background
{   padding-top:2.813em;                                 /* BASE FONT = 16px >>> 45px/16px = 2.813em */
}
.bearing-information
{   margin-bottom:0.625em;                                 /* BASE FONT = 16px >>> 10/16px = 0.938em */
   background:url(../images-rwd/bearing-information-home.png) no-repeat right bottom #fff;
}
.pv-data-chart
{   background:url(../images-rwd/pv-data-chart-home.png) no-repeat right bottom #fff;
}
.bearing-information, .pv-data-chart
{   padding:0;
   width:100%;
}
.bearing-information h2, .pv-data-chart h2
{   padding-left:1.25em;                                 /* BASE FONT = 20px >>> 25px/20px = 1.25em */
}
.pv-data-chart p, .pv-data-chart a
{   padding-left:1.563em;                                 /* BASE FONT = 16px >>> 25px/16px = 1.563em */
}
.bearing-information ul
{   padding-left:2.563em;                                 /* BASE FONT = 16px >>> 41px/16px = 2.563em */
}


}

/*=================================================================================
********************************Desktop Styles Start*****************************
=================================================================================*/ 
@media screen and (min-width:80em) {
/**1280px/16px=80em**/
/* =============================================================================
    Header Styles
 * ============================================================================= */
.email-icon span
{   display:inline-block;
   color:#ebe7e2;
   font-size:1em;                                       /* BASE FONT = 16px >>> 16px/16px = 1em */
   line-height:1em;                                    /* BASE FONT = 16px >>> 16px/16px = 1em */
   text-transform:uppercase;
   padding-right:0.313em;                                 /* BASE FONT = 16px >>> 5px/16px = 0.313em */
   font-family:'ubuntulight';
}
.email-icon:hover span
{   color:#e6c94a;
}
#utility-nav
{   padding-left:7%;
}
#utility-nav a
{  padding:1.538em 0.462em;                              /* BASE FONT = 13px >>> 20px 6px/13px = 1.538em 0.462em */
}

.header-search
{	width:13.063em;                              			/* BASE FONT = 16px >>> 209px/16px = 13.063em */
	right:0;
	position:absolute;
	top:3.438em;                              				/* BASE FONT = 16px >>> 55px/16px = 3.438em */
	z-index:3;
	height:8.125em;                              			/* BASE FONT = 16px >>> 130px/16px = 8.125em */
	padding:2.188em 0 0 0;                              	/* BASE FONT = 16px >>> 35px/16px = 2.188em */
}
.header-search p
{	width:100%;
	margin-bottom:0.5em;
}
.header-search p span
{	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.header-search form
{	text-align:center;
}
/* =============================================================================
   Header Banner
* ============================================================================= */
.slide-1, .slide-2, .slide-3
{   background-size:100%;
}

/* =============================================================================
   Home Page Styles
* ============================================================================= */
.button-big
{   width: 65%;
}
.leaf-background
{   margin-bottom:0.75em;                                 /* BASE FONT = 16px >>> 12px/16px = 0.75em */
}
.eco-friendly-alloys article p
{   margin-bottom: 0.938em;                                 /* BASE FONT = 16px >>> 15px/16px = 0.938em */
}

}