body {
   background: url(/images/body-bg.jpg) repeat center top;
   font-family:'Source Sans Pro';
   font-weight: 300;
   font-size: 100%;                                                                                 /* default font size - 100% = 16px*/
}
form, body {
   margin: 0;
   padding: 0;
}
article, aside, footer, header, nav, section, main, address {
   display: block;
}
img {
   border: 0 none;
   max-width: 100%;                                                                                   /*to optimize full width of its parent element*/
}
address {
   font-style: normal;                                                                                 /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, p {
   margin: 0;
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
   color: #ffffff;
   text-decoration: underline;
}
a:hover {
   color: #55bc17;
   text-decoration: none;
}
p {
   padding-bottom: 1.2em;                                                                                     /* Base Font = 20px >>> 24px /20px = 1.2em */
}
ul {
   padding:0 0 1.2em 0;                                                                                       /* Base Font = 20px >>> 0 0 24px 0 /20px = 0 0 1.2em 0 */
   list-style:none;
}
ul li {
   background: url(/images/bullet.png) no-repeat left center;
   padding: 0.2em 0 0.2em 1.15em;                                                                        /* BASE FONT = 20px  >>> 4px 0 4px 23px / 20px = 0.2em 0 0.2em 1.15em  */
}
.clear {
   clear:both;
}
.clearfix:before, .clearfix:after, .inner_wrap:before, .inner_wrap:after {
   content:"";
   display:table;
}
.clearfix:after, .inner_wrap:after {
   clear:both;
}
.ctr {
   text-align:center;
}
.txt_right {
   text-align:right;
}
hr {
   background:none;
   border:0;
   border-top:1px solid #494949;
   clear:both;
   margin:1.25em 0 1.25em 0;                                                                          /* BASE FONT = 20px  >>> 25px 0 25px 0 / 20px = 1.25em 0 1.25em 0  */
   padding:0;
}
/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */

/* =============================================================================
   Header Style
* ============================================================================= */

header {
   text-align: center;
   background: -moz-linear-gradient(top, #000000 15px, #4a4a4a 250px, #4a4a4a 100%);
   background: -ms-linear-gradient(top, #000000 15px, #4a4a4a 250px, #4a4a4a 100%);
   background: -o-linear-gradient(top, #000000 15px, #4a4a4a 250px, #4a4a4a 100%);
   background: -webkit-linear-gradient(top, #000000 15px, #4a4a4a 250px, #4a4a4a 100%);
   background: linear-gradient(to bottom, #000000 15px, #4a4a4a 250px, #4a4a4a 100%);
   -pie-background: linear-gradient(top, #000000 15px, #4a4a4a 250px, #4a4a4a 100%);
   -moz-box-shadow: 0 0 7px 3px #1c1c1c;
   -ms-box-shadow: 0 0 7px 3px #1c1c1c;
   -o-box-shadow: 0 0 7px 3px #1c1c1c;
   -webkit-box-shadow: 0 0 7px 3px #1c1c1c;
   box-shadow: 0 0 7px 3px #1c1c1c;
   position: relative;
   behavior: url(/pie/PIE.htc);
   padding: 0.4375em 0 0.4375em 0;                                                            /* BASE FONT = 16px  >>> 7px 0 7px 0 / 16px = 0.4375em 0 0.4375em 0 */
}
.company_logo {
   display: block;
   margin: 0 auto 0.375em auto;                                                            /* BASE FONT = 16px  >>> 0 auto 6px auto / 16px = 0 auto 0.375em auto */
   max-width: 10.625em;                                                                  /* BASE FONT = 16px  >>> 170px / 16px = 10.625em */
   width: 100%;                                                                        /* 100% width of it's parent container */
}
.company_logo img {
   display: block;
}
.tagline {
    color: #ffffff;
    display: block;
    font-weight: bold;
    margin: 0 0 0.625em 0;                                                                     /* BASE FONT = 16px  >>> 0 0 10px 0 / 16px = 0 0 0.625em 0 */   
    text-transform: uppercase;
font-style: italic;
font-size: 1.9375em;                                                                   /* BASE FONT = 31px  >>> 31px / 16px = 1.9375em */ 

}
/* =============================================================================
   Utility nav Style
* ============================================================================= */

.utility_nav {
   color: #55bc17;
   display: inline-block;
   vertical-align: top;
   font-size: 1.875em;                                                                     /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
   line-height: 1.1em;                                                                     /* BASE FONT = 30px  >>> 33px / 30px = 1.1em */
   padding: 0 1.1em 0 0;                                                                  /* BASE FONT = 30px  >>> 0 33px 0 0 / 30px = 0 1.1em 0 0 */
}
.utility_nav a {
   display: inline-block;
   margin: 0 0.5333333333333333em 0 0;                                                         /* BASE FONT = 30px  >>> 0 16px 0 0 / 30px = 0 0.5333333333333333em 0 0 */
}
.utility_nav img {
   display: block;
}
.utility_nav span a {
   color: #55bc17;
   text-decoration: none;
   margin: 0;
}
.iso_logo {
   display: block;
}
/* =============================================================================
   Search Style
* ============================================================================= */

.search_trigger {
   background: url(/images/search-glass-off.png) no-repeat center top;
   display: inline-block;
   text-decoration: none;
   width: 100%;                                                                        /* 100% width of it's parent container */
   max-width: 1.9375em;                                                                  /* BASE FONT = 16px  >>> 31px / 16px = 1.9375em */
   height: 1.5625em;                                                                     /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
   margin: 0.25em 0.0625em 0 0;                                                            /* BASE FONT = 16px  >>> 4px 1px 0 0 / 16px = 0.25em 0.0625em 0 0 */
   vertical-align:top;
}
.search_trigger:hover, .search_trigger.active {
   background: url(/images/search-glass-on.png) no-repeat center top;
}
#search_container {
   display: none;
   padding: 0.375em 0 0.375em 0;                                                            /* BASE FONT = 16px  >>> 6px 0 6px 0 / 16px = 0.375em 0 0.375em 0 */
}
.search_box {
   background-color: #484848;
   border: 1px solid #55bc17;
   font-family:'Source Sans Pro';
   color: #ffffff;
   width: 100%;                                                                        /* 100% width of it's parent container */
   font-size: 1em;                                                                        /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height: 1.1875em;                                                                  /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
   max-width: 8.4375em;                                                                  /* BASE FONT = 16px  >>> 135px / 16px = 8.4375em */
   padding: 0.3125em 0.625em 0.3125em 0.625em;                                                   /* BASE FONT = 16px  >>> 5px 10px 5px 10px / 16px = 0.3125em 0.625em 0.3125em 0.625em */
}
.search_btn {
   font-family:'Source Sans Pro';
   vertical-align: middle;
   font-size: 1em;                                                                        /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   width: 1.9375em;                                                                     /* BASE FONT = 16px  >>> 31px / 16px = 1.9375em */
   height: 1.5625em;                                                                     /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
   margin: 0 0 0 0.3125em;                                                                  /* BASE FONT = 16px  >>> 0 0 0 5px / 16px = 0 0 0 0.3125em */
}
/* =============================================================================
   Topnav Style
* ============================================================================= */

#top_nav {
   padding: 1.0625em 0 0.3125em 0;                                                            /* BASE FONT = 16px  >>> 17px 0 5px 0 / 16px = 1.0625em 0 0.3125em 0 */
}
a.menu_trigger {
   background: url(/images/menu-trigger.png) no-repeat right center;
   color: #e1e1e1;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 1.0625em;                                                                  /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em */
   line-height: 1.17647058823529em;                                                         /* BASE FONT = 17px  >>> 20px / 17px = 1.17647058823529em */
   padding: 0.0588235294117647em 2.47058823529412em 0.0588235294117647em 0;                           /* BASE FONT = 17px  >>> 1px 42px 1px 0 / 17px = 0.0588235294117647em 2.47058823529412em 0.0588235294117647em 0 */
}
a.menu_trigger.active {
   background: url(/images/menu-trigger-active.png) no-repeat right center;
   color: #55bc17;
}
.top_nav_links {
   display: none;
   text-align: left;
   padding: 1em 0 0.1875em 0;                                                               /* BASE FONT = 16px  >>> 16px 0 3px 0 / 16px = 1em 0 0.1875em 0 */
}
.top_nav_links li {
   background: none;
   padding: 0;
}
.top_nav_links li a {
   color: #e1e1e1;
   text-decoration: none;
   display: inline-block;
   text-transform: uppercase;
   font-size: 1.0625em;                                                                  /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em */
   line-height: 1.17647058823529em;                                                         /* BASE FONT = 17px  >>> 20px / 17px = 1.17647058823529em */
   padding: 0.294117647058824em 0.647058823529412em 0.294117647058824em 0.647058823529412em;               /* BASE FONT = 17px  >>> 5px 11px 5px 11px / 17px = 0.294117647058824em 0.647058823529412em 0.294117647058824em 0.647058823529412em */
}
.top_nav_links li a:hover, .has_child.active_subnav > a {
   color: #55bc17;
   text-decoration: none;
}
.has_child span {
   background: url(/images/topnav-link-bg.png) no-repeat right center;
   display: inline-block;
   width: 0.705882352941177em;                                                               /* BASE FONT = 17px  >>> 12px / 17px = 0.705882352941177em */
   height: 0.647058823529412em;                                                            /* BASE FONT = 17px  >>> 11px / 17px = 0.647058823529412em */
}
.has_child a:hover span, .has_child.active_subnav a span {
   background: url(/images/topnav-link-hover-bg.png) no-repeat right center;
}
.top_nav_links ul {
   display: none;
   padding: 0;
}
.top_nav_links ul li a {
   background-color: #494949;
   display: block;
   color: #ffffff;
   text-decoration: none;
   text-transform: none;
   font-weight: 400;
   font-size: 0.875em;                                                                     /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
   line-height: 1.21428571428571em;                                                         /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
   padding: 0.285714285714286em 1em 0.357142857142857em 1em;                                       /* BASE FONT = 14px  >>> 4px 14px 5px 14px / 14px = 0.285714285714286em 1em 0.357142857142857em 1em */
}
.top_nav_links ul li a:hover {
   background-color: #010101;
   color: #55bc17;
   text-decoration: none;
}
/* =============================================================================
   Footer website Style
* ============================================================================= */

.web_add {
   background-color: #2a2a2a;
   border-bottom: 1px solid #55bc17;
   text-align: center;
   text-transform: uppercase;
   color: #55bc17;
   font-size: 1.25em;                                                                     /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   line-height: 0.85em;                                                                  /* BASE FONT = 20px  >>> 17px / 20px = 0.85em */
   padding-top: 1.4em;                                                                     /* BASE FONT = 20px  >>> 28px / 20px = 1.4em */
}
/* =============================================================================
   Footer Style
* ============================================================================= */

footer {
   text-align: center;
   padding: 1.5em 0 1.25em 0;                                                               /* BASE FONT = 16px  >>> 24px 0 20px 0 / 16px = 1.5em 0 1.25em 0 */
}
.footer_address {
   color: #adadad;
   font-size: 1em;                                                                        /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height: 1.1875em;                                                                  /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
   padding: 0 1.25em 0 1.25em;                                                               /* BASE FONT = 16px  >>> 0 20px 0 20px / 16px = 0 1.25em 0 1.25em */
}
.footer_address a {
   color: #adadad;
   text-decoration: underline;
}
.footer_address a:hover {
   color: #55bc17;
   text-decoration: none;
}
.footer_links {
   padding: 1.9375em 1.3125em 2.25em 0;                                                      /* BASE FONT = 16px  >>> 31px 21px 36px 0 / 16px = 1.9375em 1.3125em 2.25em 0 */
}
.footer_links a {
   color: #adadad;
   text-decoration: underline;
   font-size: 1em;                                                                        /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height: 1.1875em;                                                                  /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
   margin: 0 0.6875em 0 0.6875em;                                                            /* BASE FONT = 16px  >>> 0 11px 0 11px / 16px = 0 0.6875em 0 0.6875em */
}
.footer_links a:hover {
   color: #55bc17;
   text-decoration: none;
}
.footer_address span a {
   text-decoration: none;
}
/* =============================================================================
   Thomas Info Style
* ============================================================================= */

.thomas_info {
   color: #adadad;
   font-size: 0.875em;                                                                     /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
   line-height: 1.21428571428571em;                                                         /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
   padding: 0 0.9285714285714286em 0 0.9285714285714286em;                                          /* BASE FONT = 14px  >>> 0 13px 0 13px / 14px = 0 0.9285714285714286em 0 0.9285714285714286em */
}
.thomas_info span {
   display: block;
   padding-bottom: 0.428571428571429em;                                                      /* BASE FONT = 14px  >>> 6px / 14px = 0.428571428571429em */
}
.thomas_info a {
   color: #adadad;
   text-decoration: underline;
}
.thomas_info a:hover {
   color: #55bc17;
   text-decoration: none;
}
/* =============================================================================
   Content Area Style
* ============================================================================= */
#content_area {
   color: #ffffff;
   font-size: 1.25em;                                                                     /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   line-height: 1.2em;                                                                     /* BASE FONT = 20px  >>> 24px / 20px = 1.2em */
   min-height: 17em;                                                                     /* BASE FONT = 20px  >>> 340px / 20px = 17em */
   padding: 2.2em 0.6em 2.2em 0.6em;                                                          /* BASE FONT = 20px  >>> 44px 12px 44px 12px / 20px = 2.2em 0.6em 2.2em 0.6em */
}
/* =============================================================================
   Headings Style
* ============================================================================= */
h1 {
   text-transform: uppercase;
   color: #55bc17;
   font-weight: 400;
   font-size: 1.5em;                                                                     /* BASE FONT = 20px  >>> 30px / 20px = 1.5em */
   line-height: 1em;                                                                     /* BASE FONT = 30px  >>> 30px / 30px = 1em */
   padding: 0 0 0.4333333333333333em 0;                                                      /* BASE FONT = 30px  >>> 0 0 13px 0 / 30px = 0 0 0.4333333333333333em 0 */
}
h2 {
   text-transform: uppercase;
   color: #ffffff;
   font-weight: 300;
   font-size: 1.1em;                                                                     /* BASE FONT = 20px  >>> 22px / 20px = 1.1em */
   line-height: 1.13636363636364em;                                                         /* BASE FONT = 22px  >>> 25px / 22px = 1.13636363636364em */
   padding: 0 0 0.6818181818181818em 0;                                                      /* BASE FONT = 22px  >>> 0 0 15px 0 / 22px = 0 0 0.6818181818181818em 0 */
}
h3 {
   text-transform: uppercase;
   color: #ffffff;
   font-weight: 300;
   font-size: 1em;                                                                        /* BASE FONT = 20px  >>> 20px / 20px = 1em */
   line-height: 1.15em;                                                                  /* BASE FONT = 20px  >>> 23px / 20px = 1.15em */
   padding: 0 0 0.75em 0;                                                                  /* BASE FONT = 20px  >>> 0 0 15px 0 / 20px = 0 0 0.75em 0 */
}
/* =============================================================================
   Print and Email Page Style
* ============================================================================= */ 

.print_page {
   display: none;
   text-align: center;
   color: #ffffff;
   font-size: 0.9375em;                                                                  /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em */
   line-height: 1.2em;                                                                     /* BASE FONT = 15px  >>> 18px / 15px = 1.2em */
   padding: 2.466666666666667em 0 2.466666666666667em 0;                                          /* BASE FONT = 15px  >>> 37px 0 37px 0 / 15px = 2.466666666666667em 0 2.466666666666667em 0 */
}
.print_page a {
   color: #ffffff;
   text-decoration: underline;
   margin: 0 1.2em 0 0;                                                                  /* BASE FONT = 15px  >>> 0 18px 0 0 / 15px = 0 1.2em 0 0 */
}
.print_page a:hover {
   color: #55bc17;
   text-decoration: none;
}
.print_page img {
   margin: 0 0.4666666666666667em 0 0.4666666666666667em;                                          /* BASE FONT = 15px  >>> 0 7px 0 7px / 15px = 0 0.4666666666666667em 0 0.4666666666666667em */
   vertical-align: middle;
}
/* =============================================================================
   Home page Style
* ============================================================================= */
/* ====================== Home banner and heading Styles ============================ */

#home_banner {
   background: url(/images/home-banner.jpg) no-repeat center top;
   padding-top: 16.3125em;                                                                  /* BASE FONT = 16px  >>> 261px / 16px = 16.3125em */
}
.home_heading_wrap {
   background: url(/images/home-h1-bg.png) repeat left top;
}
#home_banner h1 {
   -moz-text-shadow: 1px 0 2px #000000;
   -ms-text-shadow: 1px 0 2px #000000;
   -o-text-shadow: 1px 0 2px #000000;
   -webkit-text-shadow: 1px 0 2px #000000;
   text-shadow: 1px 0 2px #000000;
   text-align: center;
   color: #ffffff;
   text-transform: none;
   font-weight: 300;
   font-size: 2.5em;                                                                     /* BASE FONT = 16px  >>> 40px / 16px = 2.5em */
   line-height: 1em;                                                                     /* BASE FONT = 40px  >>> 40px / 40px = 1em */
   padding: 0.3em 0.2em 0.6em 0.2em;                                                         /* BASE FONT = 40px  >>> 12px 8px 24px 8px / 40px = 0.3em 0.2em 0.6em 0.2em */
}
/* ====================== Home Products buckets Styles ============================ */

.home_buckets {
   text-align: center;
   padding: 3.625em 0 2.375em 0;                                                            /* BASE FONT = 16px  >>> 58px 0 38px 0 / 16px = 3.625em 0 2.375em 0 */
}
.home_buckets article {
   display: inline-block;
   vertical-align: top;
   width: 100%;                                                                        /* 100% width of it's parent container */
   max-width: 9.875em;                                                                     /* BASE FONT = 16px  >>> 158px / 16px = 9.875em */
   margin: 0 0 1.9375em 0;                                                                  /* BASE FONT = 16px  >>> 0 0 31px 0 / 16px = 0 0 1.9375em 0 */
}
.home_buckets article a {
   text-transform: uppercase;
   color: #ffffff;
   text-decoration: none;
   font-weight: 400;
   font-size: 1.25em;                                                                     /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   line-height: 1.05em;                                                                  /* BASE FONT = 20px  >>> 21px / 20px = 1.05em */
}
.home_buckets article a:hover {
   color: #55bc17;
   text-decoration: none;
}
.home_buckets article a img {
   display: block;
   border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   -webkit-border-radius: 50%;
   position: relative;
   behavior: url(/pie/PIE.htc);
   border: 1px solid transparent;
   margin: 0 0 0.75em 0;                                                                  /* BASE FONT = 20px  >>> 0 0 15px 0 / 20px = 0 0 0.75em 0 */
}
.home_buckets article a:hover img {
   border: 1px solid #55bc17;
}
/* ====================== Home Bottom Content Styles ============================ */

.home_content {
   background-color: #2a2a2a;
   padding: 3.875em 0 2.5em 0;                                                               /* BASE FONT = 16px  >>> 62px 0 40px 0 / 16px = 3.875em 0 2.5em 0  */
}
.home_content p {
   position: relative;
   z-index: 99;
   color: #ffffff;
   font-size: 1.5em;                                                                     /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
   line-height: 1.20833333333333em;                                                         /* BASE FONT = 24px  >>> 29px / 24px = 1.20833333333333em */
   padding: 0 0.416666666666667em 0.833333333333333em 0.416666666666667em;                              /* BASE FONT = 24px  >>> 0 10px 20px 10px / 24px = 0 0.416666666666667em 0.833333333333333em 0.416666666666667em */
}
.home_content ul {
   position: relative;
   z-index: 99;
   padding: 0 0.9375em 0.125em 0.8125em;                                                      /* BASE FONT = 16px  >>> 0 15px 2px 13px / 16px = 0 0.9375em 0.125em 0.8125em */
}
.home_content ul li {
   background: url(/images/bullet.png) no-repeat left 0.55em;                                    /* BASE FONT = 20px  >>> 11px / 20px = 0.55em */
   color: #ffffff;
   font-size: 1.25em;                                                                     /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   line-height: 1.1em;                                                                     /* BASE FONT = 20px  >>> 22px / 20px = 1.1em */
   padding: 0.3em 0 0.3em 1.1em;                                                            /* BASE FONT = 20px  >>> 6px 0 6px 22px / 20px = 0.3em 0 0.3em 1.1em */
}
/* =============================================================================
   Destination page Style
* ============================================================================= */
.send_email_table {
   width:80%;                                                                                             /* 80% width of it's parent container */
   margin:0 auto;
   border-spacing:6px 8px;
}
.send_email_table textarea {
   font-family:'Source Sans Pro';
}
img[name="pphLoggerImage"] {
   display: none;
}
/* ====================== Return to Top Styles ============================ */

#return-to-top {
   background-color: #55bc17;
   border-radius:50%;
   bottom:6em;                                                                                              /* BASE FONT = 16px  >>> 96px / 16px = 6em  */
   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:1.25em;                                                                                             /* BASE FONT = 16px  >>> 20px / 16px = 1.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:hover {
   background-color: #2a2a2a;
}
#return-to-top span {
   font-weight: 700;
   display: block;
   font-size:1.75em;                                                                                      /* BASE FONT = 16px  >>> 28px / 16px = 1.75em  */
   line-height:1.321428571428571em;                                                                         /* BASE FONT = 28px  >>> 37px / 28px = 1.321428571428571em  */
   text-align: center;
}
/* ====================== CTA buttons Styles ============================ */

a.rfq_btn {
   background-color: #55bc18;
   border: 1px solid #55bc17;
   display: inline-block;
   font-weight: 400;
   text-align: center;
   color: #010101;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 0.75em;                                                                     /* BASE FONT = 20px  >>> 15px / 20px = 0.75em */
   line-height: 1.2em;                                                                     /* BASE FONT = 15px  >>> 18px / 15px = 1.2em */
   padding: 0.333333333333333em 0.266666666666667em 0.4em 0.4em;                                    /* BASE FONT = 15px  >>> 5px 4px 6px 6px / 15px = 0.333333333333333em 0.266666666666667em 0.4em 0.4em */
}
a.rfq_btn:hover {
   background-color: #000000;
   border: 1px solid #55bc17;
   color: #55bc17;
   text-decoration: none;
}

.input_btn {
   background-color: #55bc18;
   border: 1px solid #55bc17;
   display: inline-block;
   font-weight: 400;
   text-align: center;
   color: #010101;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 0.75em;                                                                     /* BASE FONT = 20px  >>> 15px / 20px = 0.75em */
   line-height: 1.2em;                                                                     /* BASE FONT = 15px  >>> 18px / 15px = 1.2em */
   padding: 0.333333333333333em 0.266666666666667em 0.4em 0.4em;                                    /* BASE FONT = 15px  >>> 5px 4px 6px 6px / 15px = 0.333333333333333em 0.266666666666667em 0.4em 0.4em */
}
.input_btn:hover {
   background-color: #000000;
   border: 1px solid #55bc17;
   color: #55bc17;
   text-decoration: none;
}

/* ====================== Destination Images Styles ============================ */

.feature_img > div {
   width: 100%;                                                                        /* 100% width of it's parent container */
   max-width: 15.1em;                                                                     /* BASE FONT = 20px  >>> 302px / 20px = 15.1em */
   margin: 0 auto 1.25em auto;                                                               /* BASE FONT = 20px  >>> 0 auto 25px auto / 20px = 0 auto 1.25em auto */
}
.feature_img img {
   border: 1px solid #494949;
   display: block;
}
/* ====================== Tabular Data Styles ============================ */

.tabular_data {
   padding: 0 0 1.25em 0;                                                                  /* BASE FONT = 20px  >>> 0 0 25px 0 / 20px = 0 0 1.25em 0 */
}
.tabular_data dl {
   background-color: #161616;
   border: 1px solid #494949;
   display: block;
   width: 100%;                                                                        /* 100% width of it's parent container */
   padding: 0;
   font-size: 0.9em;                                                                     /* BASE FONT = 20px  >>> 18px / 20px = 0.9em */
   line-height: 1.16666666666667em;                                                         /* BASE FONT = 18px  >>> 21px / 18px = 1.16666666666667em */
   margin: 0 0 0.2777777777777778em 0;                                                         /* BASE FONT = 18px  >>> 0 0 5px 0 / 18px = 0 0 0.2777777777777778em 0 */
}
.tabular_data dl dt, .tabular_data dl dd {
   display: block;
   width: 100%;                                                                        /* 100% width of it's parent container */
   margin: 0;
   padding: 0.555555555555556em 1.11111111111111em 0.555555555555556em 1.11111111111111em;                  /* BASE FONT = 18px  >>> 10px 20px 10px 20px / 18px = 0.555555555555556em 1.11111111111111em 0.555555555555556em 1.11111111111111em */
}
.tabular_data dl dt {
   font-weight: 700;
}
.tabular_data dl dd dl {
   border: none;
   margin: 0;
   font-size: 1em;                                                                        /* BASE FONT = 18px  >>> 18px / 18px = 1em */
}
.tabular_data dl dd dl dt, .tabular_data dl dd dl dd {
   font-weight: 300;
   padding: 0 0.2777777777777778em 0 0;                                                      /* BASE FONT = 18px  >>> 0 5px 0 0 / 18px = 0 0.2777777777777778em 0 0 */
}
.tabular_data ol {
   padding: 0 0 0 1.66666666666667em;                                                         /* BASE FONT = 18px  >>> 0 0 0 30px / 18px = 0 0 0 1.66666666666667em */
}

/* ============= Benefits Page Style =============== */

.spec_tab {
    margin: 0 0 2em 0;                                                                     /* BASE FONT = 20px  >>> 0 0 40px 0 / 20px = 0 0 2em 0 */
   border-top: 1px solid #494949;
   border-left: 1px solid #494949;
}

.spec_tab dl {
    display: table;
    padding: 0;
    width: 100%;                                                                        /* 100% width of it's parent container */
}

.spec_tab dl dt, .spec_tab dl dd {
   border-bottom: 1px solid #494949;
   border-right: 1px solid #494949;
    display: table-cell;
    margin: 0;
    width: 50%;                                                                           /* 50% width of it's parent container */
    padding: 0.25em 0.5em 0.25em 0.5em;                                                         /* BASE FONT = 20px  >>> 5px 10px 5px 10px / 20px = 0.25em 0.5em 0.25em 0.5em */
}

.sds_spec_tab {
    margin: 0 0 2em 0;                                                                     /* BASE FONT = 20px  >>> 0 0 40px 0 / 20px = 0 0 2em 0 */
   border-top: 1px solid #494949;
   border-left: 1px solid #494949;
}

.sds_spec_tab dl {
    display: table;
    padding: 0;
    width: 100%;                                                                        /* 100% width of it's parent container */
}

.sds_spec_tab dl dt {
   border-bottom: 1px solid #494949;
   border-right: 1px solid #494949;
    display: table-cell;
    margin: 0;
    width: 60%;                                                                           /* 50% width of it's parent container */
    padding: 0.25em 0.5em 0.25em 1.5em;                                                         /* BASE FONT = 20px  >>> 5px 10px 5px 30px / 20px = 0.25em 0.5em 0.25em 1.5em */
}
.sds_spec_tab dl dd {
   border-bottom: 1px solid #494949;
   border-right: 1px solid #494949;
    display: table-cell;
    margin: 0;
    width: 40%;                                                                           /* 50% width of it's parent container */
    padding: 0.25em 0.5em 0.25em 0.5em;                                                         /* BASE FONT = 20px  >>> 5px 10px 5px 10px / 20px = 0.25em 0.5em 0.25em 0.5em */
   text-align: center;
}
.sds_spec_tab .heading dt {                                                                      /* 50% width of it's parent container */
    padding: 0.25em 0.5em 0.25em 0.5em;                                                         /* BASE FONT = 20px  >>> 5px 10px 5px 10px / 20px = 0.25em 0.5em 0.25em 0.5em */
}
.two_coll {
    padding: 0 0 2em 0;                                                                     /* BASE FONT = 20px  >>> 0 0 40px 0 / 20px = 0 0 2em 0 */
}

.two_coll > ul {
   padding: 0;
   }

/* ============= Sitemap Page Style =============== */

ul.sitemap li {
   background: none;
   padding:0.25em 0 0.25em 0;                                                                           /* BASE FONT = 20px  >>> 5px 0 5px 0 / 20px = 0.25em 0 0.25em 0  */
}
ul.sitemap ul {
   padding:0.25em 0 0 0.85em;                                                                          /* BASE FONT = 20px  >>> 5px 0 0 17px / 20px = 0.25em 0 0 0.85em  */
}



/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
/* =============================================================================
   Header Style
* ============================================================================= */

header {
   background: -moz-linear-gradient(top, #000000 15px, #4a4a4a 160px, #4a4a4a 100%);
   background: -ms-linear-gradient(top, #000000 15px, #4a4a4a 160px, #4a4a4a 100%);
   background: -o-linear-gradient(top, #000000 15px, #4a4a4a 160px, #4a4a4a 100%);
   background: -webkit-linear-gradient(top, #000000 15px, #4a4a4a 160px, #4a4a4a 100%);
   background: linear-gradient(to bottom, #000000 15px, #4a4a4a 160px, #4a4a4a 100%);
   -pie-background: linear-gradient(top, #000000 15px, #4a4a4a 160px, #4a4a4a 100%);
   text-align: right;
   padding: 0.375em 0 0.3125em 0;                                                            /* BASE FONT = 16px  >>> 6px 0 5px 0 / 16px = 0.375em 0 0.3125em 0 */
}
.company_logo {
   float: left;
   margin: 0 0.3125em 0 0.3125em;                                                            /* BASE FONT = 16px  >>> 0 5px 0 5px / 16px = 0 0.3125em 0 0.3125em */
}

.tagline {
    float: left;
    margin: 1.25em 0 0.625em 0;                                                                  /* BASE FONT = 16px  >>> 20px 0 10 0 / 16px = 0 0.3125em 0 0.3125em */
}
/* =============================================================================
   Utility nav Style
* ============================================================================= */
.header_right {
   display: inline-block;
   width: 100%;                                                                        /* 100% width of it's parent container */
   max-width: 22.625em;                                                 /* BASE FONT = 16px  >>> 362px / 16px = 22.625em */
}
.iso_logo {
   display: inline-block;
}
.utility_nav {
   padding: 0.4em 1.1em 0 0;                                                               /* BASE FONT = 30px  >>> 12px 33px 0 0 / 30px = 0.4em 1.1em 0 0 */
}
/* =============================================================================
   Search Style
* ============================================================================= */

.search_trigger {
   margin: 1em 0.625em 0 0;                                                               /* BASE FONT = 16px  >>> 16px 10px 0 0 / 16px = 1em 0.625em 0 0 */
}
#search_container {
   padding: 0.375em 0.625em 0.375em 0;                                                         /* BASE FONT = 16px  >>> 6px 10px 6px 0 / 16px = 0.375em 0.625em 0.375em 0*/
}
/* =============================================================================
   Topnav Style
* ============================================================================= */

#top_nav {
   padding: 1em 0.625em 0.3125em 0;                                                      /* BASE FONT = 16px  >>> 16px 10px 5px 0 / 16px = 1em 0.625em 0.3125em 0 */
}
.top_nav_links {
   text-align: right;
}
/* =============================================================================
   Footer website Style
* ============================================================================= */

.web_add {
   line-height: 0.95em;                                                                  /* BASE FONT = 20px  >>> 19px / 20px = 0.95em */
   padding-top: 1.3em;                                                                     /* BASE FONT = 20px  >>> 26px / 20px = 1.3em */
}
/* =============================================================================
   Footer Style
* ============================================================================= */

footer {
   padding: 2em 0 2.8125em 0;                                                               /* BASE FONT = 16px  >>> 32px 0 45px 0 / 16px = 2em 0 2.8125em 0 */
}
.footer_links {
   padding: 1.875em 0.9375em 2.875em 0;                                                      /* BASE FONT = 16px  >>> 30px 15px 46px 0 / 16px = 1.875em 0.9375em 2.875em 0 */
}
/* =============================================================================
   Print and Email Page Style
* ============================================================================= */ 

.print_page {
   display: block;
}
/* =============================================================================
   Home page Style
* ============================================================================= */
/* ====================== Home banner and heading Styles ============================ */

#home_banner {
   background: url(/images/home-banner.jpg) no-repeat center -0.25em;                              /* BASE FONT = 16px  >>> -4px / 16px = -0.25em */
   padding-top: 21em;                                                                     /* BASE FONT = 16px  >>> 336px / 16px = 21em */
}
#home_banner h1 {
   font-size: 2.625em;                                                                     /* BASE FONT = 16px  >>> 42px / 16px = 2.625em */
   line-height: 1em;                                                                     /* BASE FONT = 42px  >>> 42px / 42px = 1em */
   padding: 0.333333333333333em 0.904761904761905em 0.428571428571429em 1.0952380952381em;                  /* BASE FONT = 42px  >>> 14px 38px 18px 46px / 42px = 0.333333333333333em 0.904761904761905em 0.428571428571429em 1.0952380952381em */
}
/* ====================== Home Products buckets Styles ============================ */

.home_buckets {
   padding: 4.25em 0 2em 0;                                                               /* BASE FONT = 16px  >>> 68px 0 32px 0 / 16px = 4.25em 0 2em 0 */
}
.home_buckets article {
   margin: 0 0.625em 1.6875em 0.6875em;                                                      /* BASE FONT = 16px  >>> 0 10px 27px 11px / 16px = 0 0.625em 1.6875em 0.6875em */
}
/* ====================== Home Bottom Content Styles ============================ */

.home_content {
   padding: 3.875em 0 2.3125em 0;                                                            /* BASE FONT = 16px  >>> 62px 0 37px 0 / 16px = 3.875em 0 2.3125em 0  */
}
.home_content p {
   padding: 0 0 2.041666666666667em 0.4166666666666667em;                                          /* BASE FONT = 24px  >>> 0 0 49px 10px / 24px = 0 0 2.041666666666667em 0.4166666666666667em */
}
.home_content ul {
   display: inline-block;
   vertical-align: top;
   width: 45%;                                                                           /* 45% width of it's parent container */
   padding: 0 1.3125em 0 0.8125em;                                                            /* BASE FONT = 16px  >>> 0 21px 0 13px / 16px = 0 1.3125em 0 0.8125em */
}
.home_content ul.last_list {
   padding: 0.0625em 0 0 0.8125em;                                                            /* BASE FONT = 16px  >>> 1px 0 0 13px / 16px = 0.0625em 0 0 0.8125em */
}
/* =============================================================================
   Destination page Style
* ============================================================================= */
/* ====================== Destination Images Styles ============================ */

.feature_img > div {
   float: right;
   margin: 0 0 1.25em 1.25em;                                                               /* BASE FONT = 20px  >>> 0 0 25px 25px / 20px = 0 0 1.25em 1.25em */
}

.feature_img.three_img {
   text-align: center;
   }

.feature_img.three_img > div {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 49%;                                                                           /* 49% width of it's parent container */
   margin: 0 0 1.25em 0;                                                                  /* BASE FONT = 20px  >>> 0 0 25px 0 / 20px = 0 0 1.25em 0 */
}
/* ====================== Tabular Data Styles ============================ */

.tabular_data dl {
   display: table;
}
.tabular_data dl dt, .tabular_data dl dd {
   display: table-cell;
}
.tabular_data dl dt {
   width: 35%;                                                                           /* 35% width of it's parent container */
}
.tabular_data dl dd dl dt, .tabular_data dl dd dl dd {
   display: block;
   width: 100%;                                                                        /* 100% width of it's parent container */
}

/* ============= Benefits Page Style =============== */

.two_coll > ul {
    float: left;
    width: 50%;                                                                           /* 50% width of it's parent container */
}

}
   
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 800px/16px = 50em*/
@media only screen and (min-width: 50em) {
/* =============================================================================
   Header Style
* ============================================================================= */

header {
   background: -moz-linear-gradient(top, #000000 0%, #090909 18%, #151515 33%, #3b3b3b 75%, #4a4a4a 100%);
   background: -ms-linear-gradient(top, #000000 0%, #090909 18%, #151515 33%, #3b3b3b 75%, #4a4a4a 100%);
   background: -o-linear-gradient(top, #000000 0%, #090909 18%, #151515 33%, #3b3b3b 75%, #4a4a4a 100%);
   background: -webkit-linear-gradient(top, #000000 0%, #090909 18%, #151515 33%, #3b3b3b 75%, #4a4a4a 100%);
   background: linear-gradient(to bottom, #000000 0%, #090909 18%, #151515 33%, #3b3b3b 75%, #4a4a4a 100%);
   -pie-background: linear-gradient(top, #000000 0%, #090909 18%, #151515 33%, #3b3b3b 75%, #4a4a4a 100%);
   padding: 0;
}
header .inner_wrap {
   position: relative;
}
.company_logo {
   float: none;
   z-index: 99;
   position: absolute;
   margin: 0;
   top: 0.5625em;                                                                           /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
   left: 0.25em;                                                                           /* BASE FONT = 16px  >>> 4px / 16px = 0.25em */
}
.tagline {
    float: none;
   font-size:1.9375em;                                                                      /* BASE FONT = 31px  >>> 31px / 16px = 1.9375em */ 
    left: 6em;                                                                        /* BASE FONT = 31px  >>> 185px / 31px = 6em */   
    margin: 1.7375em 0 0.9375em 0;                                                                     /* BASE FONT = 16px  >>> 23px 0 15px 0 / 16px = 1.4375em 0 0.9375em 0*/   
    position: absolute;
}
/* =============================================================================
   Utility nav Style
* ============================================================================= */

.utility_nav {
   padding: 0.533333333333333em 1.1em 0 0;                                                         /* BASE FONT = 30px  >>> 16px 33px 0 0 / 30px = 0.533333333333333em 1.1em 0 0 */
}
.iso_logo {
    display: inline-block;
    vertical-align: top;
}
.iso_logo > a {
    display: inline-block;
    margin: 0.5625em 0.625em 0 0.625em;                                              /* BASE FONT = 16px  >>> 9px 10px 0 10px / 16px = 0.5625em 0.625em 0 0.625em*/   
}
/* =============================================================================
   Search Style
* ============================================================================= */

.search_trigger {
   margin: 1.25em 0 0 0;                                                                     /* BASE FONT = 16px  >>> 20px 0 0 0 / 16px = 1.25em 0 0 0 */
}
#search_container {
   position: absolute;
   right: 0;
   padding: 0.375em 0 0.375em 0;                                                               /* BASE FONT = 16px  >>> 6px 0 6px 0 / 16px = 0.375em 0 0.375em 0*/
}
/* =============================================================================
   Topnav Style
* ============================================================================= */

#top_nav {
   padding: 1.8125em 0.25em 0.25em 0;                                                               /* BASE FONT = 16px  >>> 29px 4px 4px 0 / 16px = 1.8125em 0.25em 0.25em 0 */
}
.menu_trigger {
   display: none;
}
.top_nav_links {
   display: block;
}
.top_nav_links li {
   display: inline-block;
   position: relative;
   padding: 0 0 0.25em 1%;                                                                     /* 0 0 4px / 16px 8px*100 / 800px = 0 0 0.25em 1%   */
}
.top_nav_links li a {
   color: #ffffff;
   padding: 0;
}
.top_nav_links ul {
   display: block;
   position: absolute;
   visibility: hidden;
   text-align:left;
   z-index: 99;
   top: 100%;                                                                           /* 100% position of it's parent container */
   left: 0.5em;                                                                        /* BASE FONT = 16px  >>> 8px / 16px = 0.5em */
   padding: 0.3125em 0 0 0;                                                               /* BASE FONT = 16px  >>> 5px 0 0 0 / 16px = 0.3125em 0 0 0 */
   width: 11.4375em;                                                                     /* BASE FONT = 16px  >>> 183px / 16px = 11.4375em */
}
.top_nav_links ul.industries_tab {
   width: 14.375em;                                                                     /* BASE FONT = 16px  >>> 230px / 16px = 14.375em */
}
.top_nav_links li:hover ul {
   visibility:visible;
}
.top_nav_links ul li {
   display: block;
   padding: 0;
}
/* =============================================================================
   Footer website Style
* ============================================================================= */

.web_add .inner_wrap {
   width: 48.4em;                                                                        /* BASE FONT = 20px  >>> 968px / 20px = 60.5em */
}
.web_add {
   text-align: left;
   line-height: 0.85em;                                                                  /* BASE FONT = 20px  >>> 17px / 20px = 0.85em */
   padding: 1.35em 0 0 0.45em;                                                               /* BASE FONT = 20px  >>> 27px 0 0 9px / 20px = 1.35em 0 0 0.45em */
}
/* =============================================================================
   Footer Style
* ============================================================================= */

footer {
   padding: 0 2.0625em 0 0;                                                               /* BASE FONT = 16px  >>> 0 33px 0 0 / 16px = 0 2.0625em 0 0 */
}
footer .inner_wrap {
   background: url(/images/footer-bg.jpg) no-repeat 1.3125em bottom;                                 /* BASE FONT = 16px  >>> 21px / 16px = 1.3125em */
}
.footer_address {
   padding: 1.5em 0 0 0;                                                                  /* BASE FONT = 16px  >>> 24px 0 0 0 / 16px = 1.5em 0 0 0 */
}
.footer_links {
   padding: 0.625em 1.1875em 2.0625em 0;                                                      /* BASE FONT = 16px  >>> 10px 19px 33px 0 / 16px = 0.625em 1.1875em 2.0625em 0 */
}
/* =============================================================================
   Thomas Info Style
* ============================================================================= */

.thomas_info {
   padding: 0 0 1.5em 0;                                                                  /* BASE FONT = 14px  >>> 0 0 21px 0 / 14px = 0 0 1.5em 0 */
}
.thomas_info span {
   display: inline-block;
   padding: 0 1.14285714285714em 0 0;                                                         /* BASE FONT = 14px  >>> 0 16px 0 0 / 14px = 0 1.14285714285714em 0 0 */
}
/* =============================================================================
   Content Area Style
* ============================================================================= */
#content_area {
   padding: 4.9em 0.35em 2.2em 0.35em;                                                       /* BASE FONT = 20px  >>> 98px 7px 44px 7px / 20px = 4.9em 0.35em 2.2em 0.35em */
}
/* =============================================================================
   Headings Style
* ============================================================================= */
h1 {
   padding: 0 0 0.7666666666666667em 0;                                                      /* BASE FONT = 30px  >>> 0 0 23px 0 / 30px = 0 0 0.7666666666666667em 0 */
}
h2 {
   padding: 0 0 0.6363636363636364em 0;                                                      /* BASE FONT = 22px  >>> 0 0 14px 0 / 22px = 0 0 0.6363636363636364em 0 */
}
h3 {
   padding: 0 0 0.7em 0;                                                                  /* BASE FONT = 20px  >>> 0 0 14px 0 / 20px = 0 0 0.7em 0 */
}
/* =============================================================================
   Print and Email Page Style
* ============================================================================= */ 

.print_page {
   text-align: right;
   padding: 2.66666666666667em 0.533333333333333em 2.66666666666667em 0;                              /* BASE FONT = 15px  >>> 40px 8px 40px 0 / 15px = 2.66666666666667em 0.533333333333333em 2.66666666666667em 0 */
}
.print_page a {
   margin: 0;
}
.print_page img {
   margin: 0 0.4666666666666667em 0 1.8em;                                                      /* BASE FONT = 15px  >>> 0 7px 0 27px / 15px = 0 0.4666666666666667em 0 1.8em */
}
/* =============================================================================
   Home page Style
* ============================================================================= */
/* ====================== Home banner and heading Styles ============================ */

#home_banner {
   padding-top: 23.375em;                                                                  /* BASE FONT = 16px  >>> 374px / 16px = 23.375em */
}
#home_banner h1 {
   font-size: 2.75em;                                                                     /* BASE FONT = 16px  >>> 44px / 16px = 2.75em */
   line-height: 1em;                                                                     /* BASE FONT = 44px  >>> 44px / 44px = 1em */
   margin: 0 auto;
   width: 100%;                                                                        /* 100% width of it's parent container */
   max-width: 19.54545454545455em;                                                            /* BASE FONT = 44px  >>> 860px / 44px = 19.54545454545455em */
   padding: 0.2727272727272727em 0 0.4318181818181818em 0;                                          /* BASE FONT = 44px  >>> 12px 0 19px 0 / 44px = 0.2727272727272727em 0 0.4318181818181818em 0 */
}
/* ====================== Home Products buckets Styles ============================ */

.home_buckets {
   padding: 3.5em 0 2.1875em 0;                                                            /* BASE FONT = 16px  >>> 56px 0 35px 0 / 16px = 3.5em 0 2.1875em 0 */
}
.home_buckets article {
   margin: 0 0.625em 1.6875em 0.625em;                                                         /* BASE FONT = 16px  >>> 0 10px 27px 10px / 16px = 0 0.625em 1.6875em 0.625em */
   width: 17%;                                                                           /* 17% width of it's parent container */
}
.home_buckets article:first-child {
   margin-left: 0.4375em;                                                                  /* BASE FONT = 16px  >>> 7px / 16px = 0.4375em */
}
/* ====================== Home Bottom Content Styles ============================ */

.home_content {
   padding: 3.9375em 0 3.75em 0;                                                            /* BASE FONT = 16px  >>> 63px 0 60px 0 / 16px = 3.9375em 0 3.75em 0  */
}
.home_content p {
   padding: 0 0 0.75em 0.0833333333333333em;                                                   /* BASE FONT = 24px  >>> 0 0 18px 2px / 24px = 0 0 0.75em 0.0833333333333333em */
}
.home_content ul.last_list {
   width: 45%;                                                                           /* 45% width of it's parent container */
   padding: 0;
}
/* =============================================================================
   Destination page Style
* ============================================================================= */
/* ====================== Destination Images Styles ============================ */
.feature_img.three_img > div {
    width: 31%;                                                                           /* 31% width of it's parent container */
   margin: 0 0.45em 1.25em 0.45em;                                                            /* BASE FONT = 20px  >>> 0 9px 25px 9px / 20px = 0 0.45em 1.25em 0.45em */
}

/* ====================== Tabular Data Styles ============================ */

.tabular_data dl dd dl dt, .tabular_data dl dd dl dd {
   display: table-cell;
   width: 50%;                                                                           /* 50% width of it's parent container */
}
}




/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
.inner_wrap {
   margin: 0 auto;
   width: 60.5em;                                                                        /* BASE FONT = 16px  >>> 968px / 16px = 60.5em */
}
.tagline {
        left: 6em;                                                                        /* BASE FONT = 31px  >>> 185px / 31px = 6em */ 
      margin: 1.4375em 0 0.9375em 0;                                                                     /* BASE FONT = 16px  >>> 23px 0 15px 0 / 16px = 1.4375em 0 0.9375em 0*/     
}
/* =============================================================================
   Topnav Style
* ============================================================================= */
.top_nav_links li {
   padding: 0 0 0.25em 2.272727272727273%;                                                      /* 0 0 4px / 16px 22px*100 / 968px = 0 0 0.25em 2.272727272727273%   */
}
/* =============================================================================
   Home page Style
* ============================================================================= */
/* ====================== Home Bottom Content Styles ============================ */

.home_content .inner_wrap {
   position: relative;
}
.home_content .inner_wrap:after {
   display: block;
   background: url(/images/home-bottom-content-bg.jpg) no-repeat right top;
   content: "";
   position: absolute;
   right: -8.375em;                                                                     /* BASE FONT = 16px  >>> -134px / 16px = -8.375em */
   top: -3.9375em;                                                                        /* BASE FONT = 16px  >>> -63px / 16px = -3.9375em */
   width: 100%;                                                                        /* 100% width of it's parent container */
   height: 21.875em;                                                                     /* BASE FONT = 16px  >>> 350px / 16px = 21.875em */
}
.home_content ul {
   width: 34.5%;                                                                        /* 34.5% width of it's parent container */
   padding: 0 0 0 0.3125em;                                                               /* BASE FONT = 16px  >>> 0 0 0 5px / 16px = 0 0 0 0.3125em */
}
}
   
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 1500px/16px = 60em*/
@media only screen and (min-width: 93.75em) {
/* =============================================================================
   Home page Style
* ============================================================================= */
/* ====================== Home banner and heading Styles ============================ */

#home_banner {
   background: url(/images/home-banner.jpg) no-repeat center -0.25em;                              /* BASE FONT = 16px  >>> -4px / 16px = -0.25em */
   background-size: 100%;
   position: relative;
   behavior: url(/pie/backgroundsize.min.htc);
}
}
#cookie-bar.fixed {
   position:fixed;
   bottom:0;
   left:0;
   top:auto;
   width:100%
}
#cookie-bar {
   background:#2a2a2a;
   height:auto;
   min-height:55px;
   line-height:24px;
   color:#fff;
   text-align:center;
   padding:3px 0;
   z-index:1000
}
#cookie-bar .cb-enable {
   background-color: #55bc17 !important;
border: 1px solid #55bc17 !important;
   color:#fff;
   padding:5px 10px;
   width:auto;
   margin:10px 0 10px 0;
   text-decoration:none
}
#cookie-bar .cb-enable:hover {
   background: #000000 !important;
border: 1px solid #55bc17 !important;
color: #55bc17 !important;
text-decoration: none;
}
#cookie-bar a {
   color:#001c37;
   display:inline-block;
   border-radius:3px;
   text-decoration:none
}
#cookie-bar a:hover {
   text-decoration:underline
}
#cookie-bar p {
   padding-bottom:0
}