@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900');
body {
    background: #8d96a5;
    font-family: Rubik;
    font-size: 100%;                                 /* default font size - 100% = 16px*/
}
form, body {
    margin: 0;
    padding: 0;
}
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;
}
.ctr {
    text-align: center;
}
hr{
   border: 1px solid #1a52a1;
   clear: both;
   margin: 0.5555555555555556em 0 1.1111111111111112em 0;        /* BASE FONT = 18px  >>> 10px 0 20px 0/ 18px = 0.5555555555555556em 0 1.1111111111111112em 0*/
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
    color: #1a52a1;
    text-decoration: underline;
}
a:hover {
    color: #fdb913;
    text-decoration: none;
}
p {
    padding-bottom: 1.5em;                           /* BASE FONT = 12px  >>> 18px/ 12px = 1.5em*/
}
ul {
    list-style: outside none none;
    padding: 0 0 1.25em 0;                           /* BASE FONT = 12px  >>> 0 0 15px 0/ 12px = 0 0 1.25em 0*/
}
   
ul li {
    padding: 0 0 0 1.25em;                           /* BASE FONT = 18px  >>> 0 0 0 15px/ 18px = 0 0 0 1.25em*/               
}
ol {
    margin: 0;
    padding: 0 0 1.25em 0;                           /* BASE FONT = 12px  >>> 0 0 15px 0/ 12px = 0 0 1.25em 0*/
}
ol li {
    margin: 0 0 1.25em 0;                           /* BASE FONT = 12px  >>> 0 0 15px 0/ 12px = 0 0 1.25em 0*/      
    padding: 0;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.inner-wrap {
   padding: 0 1em 0 1em;                     /* BASE FONT = 16px  >>> 0 0 15px 0/ 16px = 0 1em 0 1em*/                  
   max-width: 80em;                         /* BASE FONT = 16px  >>> 1280px/ 16px = 80em*/                                 
   margin: 0 auto;  
}
main .inner-wrap {
    padding: 0 1.3333333333333333em 0 1.3333333333333333em;      /* BASE FONT = 12px  >>> 0 16px 0 16px/ 12px = 0 1.3333333333333333em 0 1.3333333333333333em*/                        
      max-width: 106.66666666666667em;                           /* BASE FONT = 12px  >>> 1280px/ 12px = 106.66666666666667em*/                                  
}
/* =============================================================================
   Small width SCREEN STYLES [MOBILE] START
*============================================================================= *
/* =============Header Area Start============================ */
header{
   text-align:center;
}
#header-top-container {
    background-color: #1a52a1;
    border-bottom: 8px solid #fdb913;
    padding: 0.5625em 0 0.4375em 0;                     /* BASE FONT = 16px  >>> 9px 0 7px 0/ 16px = 0.5625em 0 0.4375em 0*/      
}
/* =============Utility Nav  Start============================ */
header .utility-nav > a {
    color: #ffffff;
    font-size: 0.875em;                              /* BASE FONT = 16px  >>> 14px/ 16px = 0.875em*/
      line-height:1.2142857142857142em;                  /* BASE FONT = 14px  >>> 17px/ 14px = 1.2142857142857142em*/
    font-weight: 700;
    text-decoration: none;
}
header .utility-nav > a:hover{
   color:#fdb913;
}
header .utility-nav a[title^="Email"] {
   margin: 0 2em 0 0;                                       /* BASE FONT = 14px  >>> 0 28px 0 0/ 14px = 0 2em 0 0*/
}
header .utility-nav .login{
    margin: 0 1.7142857142857142em 0 0;                     /* BASE FONT = 14px  >>> 0 24px 0 0/ 14px = 0 1.7142857142857142em 0 0*/
   display:inline-block;
   vertical-align:middle;
}
header .utility-nav .email-text, header .utility-nav .view-cart span, header .utility-nav .desktop-tel{
   display:none;
}
header .utility-nav img{
   display:inline-block;
   vertical-align:middle;
}
header .mobile-phone {
    margin-right: 1.6428571428571428em;                          /* BASE FONT = 14px  >>> 23px/ 14px = 1.6428571428571428em*/
}
header .utility-nav .view-cart {
    margin-right: 1.8571428571428572em;                      
}
header .utility-nav .view-cart img {
    width: 13.7%;                                          /*13.7% width of content area*/
   max-width: 3em;                                          /* BASE FONT = 14px  >>> 42px/ 14px = 3em*/                              
}
header .utility-nav a[title^="ISO"] img {
    width: 12.5%;                                    /*12.5% width of content area*/
   max-width: 2.7142857142857144em;                     /* BASE FONT = 14px  >>> 38px/ 14px = 2.7142857142857144em*/
   vertical-align:top;
}
/* =============Search Start============================ */
.search-box{
   margin: 1.875em auto 0;                               /* BASE FONT = 16px  >>> 30px auto 0/ 16px = 1.875em auto 0*/
   width: 18.125em;                                 /* BASE FONT = 16px  >>> 290px/ 16px = 18.125em*/
}
#webform ,.search-box{
   display:none;
}
.search-trigger {
    float: left;
    margin: 0 0.625em 0 0.625em;                        /* BASE FONT = 16px  >>> 0 10px 0 10px/ 16px = 0 0.625em 0 0.625em*/
}
.search_text{
    background: #ffffff;
    border: medium none;
    float: left;
    font-family: "Rubik";
    font-size: 0.875em;                                 /* BASE FONT = 16px  >>> 14px/ 16px = 0.875em*/
    font-weight: 400;
    height: 2.5714285714285716em;                        /* BASE FONT = 14px  >>> 36px/ 14px = 2.5714285714285716em*/
    line-height: 1em;                                 /* BASE FONT = 14px  >>> 14px/ 14px = 1em*/
    padding: 0 0.7142857142857143em 0 0.7142857142857143em;      /* BASE FONT = 14px  >>> 0 10px 0 10px/ 14px = 0 0.7142857142857143em 0 0.7142857142857143em*/
    width:77%;                                       /*77% width of content area*/
      color:#000000;
      text-transform:uppercase;
      border-radius:0;
}
#form-select{
   padding: 0.875em 0 0 0;                                 /* BASE FONT = 16px  >>> 14px 0 0 0/ 16px = 0.875em 0 0 0*/
   text-align:left;
}
.search_btn{
   background:url(/images/search-off.jpg) no-repeat;
   width: 2.8125em;                                    /* BASE FONT = 16px  >>> 45px/ 16px = 2.8125em*/
   height:2.25em;                                       /* BASE FONT = 16px  >>> 36px/ 16px = 2.25em*/
   border:none;
   font-size: 1em;                                       /* BASE FONT = 16px  >>> 16px/ 16px = 1em*/
   cursor:pointer;
   border-radius:0;
}
.search_btn:hover{
   background:url(/images/search-on.jpg) no-repeat;
}
.search-box label {
    color: #1e2f5e;
    font-size: 0.875em;                                    /* BASE FONT = 16px  >>> 14px/ 16px = 0.875em*/
    font-weight: 700;
    padding: 0;
    text-transform: uppercase;
   display:inline-block;
   vertical-align: top;
   width:43%;
}
/* =============Logo Container============================ */
#logo-container {
    background: #e9ecf0;
    padding: 2.0625em 0 1.875em 0;                           /* BASE FONT = 16px  >>> 33px 0 30px 0/ 16px = 2.0625em 0 1.875em 0*/
}
.header-logo{
   display:block;
   max-width:26.0625em;                                 /* BASE FONT = 16px  >>> 417px/ 16px = 26.0625em*/
   width:99%;                                          /*99% width of content area*/
   margin:0 auto;
}
/* =============Trigger Start============================ */
a.menu-trigger{
    color: #ffffff;
    display: inline-block;
   vertical-align:top;
    font-size: 0.875em;                                 /* BASE FONT = 16px  >>> 14px/ 16px = 0.875em*/
    font-weight: 700;
    line-height: 1.2142857142857142em;                     /* BASE FONT = 14px  >>> 17px/ 14px = 1.2142857142857142em*/
    margin: 0 1.2857142857142858em 0 1.2142857142857142em;      /* BASE FONT = 14px  >>> 0 18px 0 0/ 14px = 0 1.2857142857142858em 0 1.2142857142857142em*/
    padding: 0 3.357142857142857em 0 0;                     /* BASE FONT = 14px  >>> 0 47px 0 0/ 14px = 0 3.357142857142857em 0 0*/
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: width 0.5s ease-in-out 0s;
    -moz-transition: width 0.5s ease-in-out 0s;
    -webkit-transition: width 0.5s ease-in-out 0s;
      float:right;
}
a.menu-trigger span, a.menu-trigger span:before, a.menu-trigger span:after {
    background-color: #ffffff;
    content: "";
    cursor: pointer;
    display: block;
   width: 2.5em;                        /* BASE FONT = 14px  >>> 35px/ 14px = 2.5em*/
    height: 0.42857142857142855em;            /* BASE FONT = 14px  >>> 6px/ 14px = 0.42857142857142855em*/         
   position: absolute;
    right: 0;
    transition: width 0.5s ease-in-out 0s;
    -moz-transition: width 0.5s ease-in-out 0s;
    -webkit-transition: width 0.5s ease-in-out 0s;
   border-radius:5px;
}
a.menu-trigger span {
    left: 3.7857142857142856em;                  /* BASE FONT = 14px  >>> 53px/ 14px = 3.7857142857142856em*/
    top: -0.42857142857142855em;               /* BASE FONT = 14px  >>> -6px/ 14px = -0.42857142857142855em*/
}
a.menu-trigger span:before {
   top: 0.7857142857142857em;                  /* BASE FONT = 14px  >>> 11px/ 14px = 0.7857142857142857em*/
}
a.menu-trigger span:after {
   top: 1.5em;                              /* BASE FONT = 14px  >>> 21px/ 14px = 1.5em*/
}
a.menu-trigger.active span, a.menu-trigger.active:hover span {
    background: none;
}
a.menu-trigger.active span:before {
    transform: rotate(45deg);
}
a.menu-trigger.active span:after {
    transform: rotate(-45deg);
}
a.menu-trigger.active span:before, a.menu-trigger.active span:after {
    height: 0.42857142857142855em;                     /* BASE FONT = 14px  >>> 6px/ 14px = 0.42857142857142855em*/
    top: 0.7857142857142857em;                        /* BASE FONT = 14px  >>> 11px/ 14px = 0.7857142857142857em*/
}
/* =============Nav Start============================ */
header nav{
   padding: 0.875em 0 0 0;                           /* BASE FONT = 16px  >>> 14px 0 0 0/ 16px = 0.875em 0 0 0*/
   position:relative;
}
body[data-pagetype="home"] header nav{
   padding: 0.875em 0 0.8125em 0;                        /* BASE FONT = 16px  >>> 14px 0 13px 0/ 16px = 0.875em 0 0.8125 0*/                                    
}
header nav .inner-wrap{
   padding:0;
}
header nav  ul {
    display: none;
   padding: 0.5em 0.9375em 2.25em 1.625em;                      /* BASE FONT = 16px  >>> 8px 15px 36px 26px/ 16px = 0.5em 0.9375em 2.25em 1.625em*/                                 
   z-index:1;
   text-align:left;
   clear:both;
}
header nav  ul > li {
    background:none;
    list-style: outside none none;
    padding:0;
      position:relative;
      display:block;
}
header nav  ul > li > a {
    color: #ffffff;
    display: inline-block;
      vertical-align: top;
    font-size: 1.5em;                                 /* BASE FONT = 16px  >>> 24px/ 16px = 1.5em*/                                       
    font-weight: 700;
    line-height: 2em;                                 /* BASE FONT = 24px  >>> 48px/ 24px = 2em*/
    padding: 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
header nav  ul > li > a:hover ,header nav  ul > li.active > a ,header nav  ul > li:hover,header nav  ul > li.active,header nav  ul > li.has_child > ul > li > a:hover{
    color: #1a52a1;
}
/* ============= Main Area Start============================ */
main {
    display: block;
   background:#ffffff;
   color: #1e2f5e;
      font-size: 0.75em;                           /* BASE FONT = 16px  >>> 12px/ 16px = 0.75em*/   
   line-height: 1.5em;                           /* BASE FONT = 12px  >>> 18px/ 12px = 1.5em*/   
   font-weight:400;
}
/* =============Heading Styles=============================== */
h1 {
    color: #1e2f5e;
    font-size: 3.3333333333333335em;                  /* BASE FONT = 12px  >>> 40px/ 12px = 3.3333333333333335em*/
    font-weight: 700;
    line-height: 1.05em;                           /* BASE FONT = 40px  >>> 42px/ 40px = 1.05em*/
    padding: 0 0 0.6em 0;                           /* BASE FONT = 40px  >>> 0 0 24px 0/ 40px = 0 0 0.6em 0*/
    text-transform: uppercase;
}
h2 {
    color: #1e2f5e;
    font-size: 1.3333333333333333em;                  /* BASE FONT = 12px  >>> 16px/ 12px = 1.3333333333333333em*/    
    font-weight: 700;
    line-height: 1.1875em;                            /* BASE FONT = 16px  >>> 19px/ 16px = 1.1875em*/
   text-transform:uppercase;
}
h2.subheading {
    color: #1a52a1;
    line-height: 1.5em;                            /* BASE FONT = 16px  >>> 18px/ 16px = 1.125em*/
    padding: 0 0 1.0555555555555556em 0;               /* BASE FONT = 18px  >>> 0 0 19px 0/ 18px = 0 0 1.0555555555555556em 0*/
    text-transform: none;
}
h3 {
    color: #1a52a1;
    font-size: 1.8333333333333333em;                  /* BASE FONT = 12px  >>> 22px/ 12px = 1.8333333333333333em*/   
    font-weight: 700;
    letter-spacing: 0.045454545454545456em;               /* BASE FONT = 22px  >>> 1px/ 22px = 0.045454545454545456em*/   
    line-height: 1.1818181818181819em;                  /* BASE FONT = 22px  >>> 26px/ 22px = 1.1818181818181819em*/   
    padding: 0.7727272727272727em 1.5em 0.9090909090909091em 1.5em;   /* BASE FONT = 22px  >>> 17px 33px 20px 33px/ 22px = 0.7727272727272727em 1.5em 0.9090909090909091em 1.5em*/   
    text-transform: uppercase;
}
/* ====================== Return to Top Styles ============================ */
#return-to-top {
    background: #8d96a5 ;
    -moz-border-radius:100%;
    -webkit-border-radius: 100%;
    border-radius:100%;
    bottom:2.5em;                                                  /* BASE FONT = 16px  >>> 30px / 16px = 2.5em  */
    color: #ffffff;
    display: none;
    font-size:1em;                                                  /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
    height:2.1875em;                                                /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
    position: fixed;
    right:0.25em;                                                   /* BASE FONT = 16px  >>> 4px / 16px = 0.25em  */
    text-decoration: none;
    width:2.1875em;                                                 /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
      border:2px solid #1a52a1;
}
#return-to-top:hover {
    background: #1a52a1;
    color: #ffffff;
}
#return-to-top span {
   font-family:Arial;
    display: block;
    font-size:1.1875em;                                              /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em  */
    line-height:2.15789473684211em;                                  /* BASE FONT = 19px  >>> 41px / 19px = 2.15789473684211em  */
    text-align: center;
}
/* ====================== Print page Styles ============================ */
.print-page {
    text-align: right;
      color: #ffffff;
   display:none;
   padding: 0;
   background:#1e2f5e;
}
.print-page a {
    font-size: 0.7777777777777778em;               /* BASE FONT = 18px  >>> 14px / 18px = 0.7777777777777778em*/
    line-height: 1em;                               /* BASE FONT = 14px  >>> 14px / 14px =1em*/
    color: #ffffff;
    text-decoration: underline;
}
.print-page a:hover {
    color: #fdb913;
    text-decoration: none;
}
.print-img {
    cursor: pointer;
    margin: 0.7777777777777778em;               /* BASE FONT = 18px  >>> 0 5px 0 0 / 18px = 0.7777777777777778em*/
    vertical-align: middle;
}
.email-img {
    cursor: pointer;
    margin: 0 0.35714285714285715em 0 0.8571428571428571em;            /* BASE FONT = 14px  >>>0 5px 0 12px / 14px = 0 0.35714285714285715em 0 0.8571428571428571em*/
    vertical-align: middle;
}
img[name="pphLoggerImage"] {
    display:none;
}
.send-email-table {
   width:50%;                                           /*50% width of content area*/
   margin:0 auto;
   border-spacing:6px 8px;
}
/* =============Bottom Contact Container Style Start=================== */
.bottom-contact-container {
    background: #dee4ed;
    margin: 2.75em 0 0 0;                              /* BASE FONT = 12px  >>> 33px 0 0 0 / 12px = 2.75em 0 0 0*/
    text-align: center;
}
.bottom-contact-container .inner-wrap{
   padding:0;
}
.bottom-contact-container > img {
    display: block;
   width:100%;                                    /*100% width of content area*/
}
.cta-btn ,.input-btn {
    background: #fdb913;
    color: #1e2f5e;
    display: inline-block;
    font-size: 1.3333333333333333em;                        /* BASE FONT = 12px  >>> 16px / 12px = 1.3333333333333333em*/
    font-weight: 700;
    letter-spacing: 0.05em;                                 /* BASE FONT = 16px  >>> 0.8px / 16px = 0.05em*/
    line-height: 1.1875em;                                 /* BASE FONT = 16px  >>>19px / 16px = 1.1875em*/
    padding: 0.8125em 1.5625em 0.8125em 1.5625em;                            /* BASE FONT = 16px  >> >13px 0 13px 0 / 16px = 0.8125em 1.5625em 0.8125em 1.5625em*/   
    text-decoration: none;
   margin:0 0 1em 0;                           /* BASE FONT = 16px  >>> 16px / 16px = 1em*/
   text-align:center;
   text-transform:uppercase;
}
.input-btn{
   cursor:pointer;
   border:none;
}
.cta-btn:hover ,.input-btn:hover{
   background:#1c51a1;
   color:#fdb913;
}
/* =============Footer Area style start=================== */
footer {
    text-align: center;
}
.footer-top-container {
    background: #1e2f5e;
    padding: 1.8125em 0 1.8125em 0;                              /* BASE FONT = 16px  >>> 29px 0 29px 0 / 16px = 1.8125em 0 1.8125em 0*/
}
.footer-contact {
    color: #fdb913;
    font-size: 1.625em;                                       /* BASE FONT = 16px  >>> 26px / 16px = 1.625em*/
    font-weight: 700;
    line-height: 1.1538461538461537em;                           /* BASE FONT = 26px  >>> 30px / 26px = 1.1538461538461537em*/
   margin: 0 0 1.8461538461538463em 0;                           /* BASE FONT = 26px  >>> 0 0 48px 0 / 26px = 0 0 1.8461538461538463em 0*/
}
.footer-contact span{
   display:block;
}
.footer-contact a{
   text-decoration:none;
   color: #fdb913;
}
.footer-contact a:hover{
   text-decoration:underline;
}
.footer-logo {
    max-width: 19.5625em;                                    /* BASE FONT = 16px  >>> 313px / 16px = 19.5625em*/
    width: 96%;                                             /*96% width of content area*/
   margin: 0 0 1.125em 0;                                    /* BASE FONT = 16px  >>> 18px / 16px = 1.125em*/
}
.footer-img-box > img {
    display: inline-block;
    margin-right: 2.0625em;                                       /* BASE FONT = 16px  >>> 33px / 16px = 2.0625em*/
    vertical-align: top;
}
footer nav a {
    color: #fefefe;
    font-size: 0.875em;                                    /* BASE FONT = 16px  >>> 14px / 16px = 0.875em*/
    line-height: 1.7142857142857142em;                        /* BASE FONT = 14px  >>> 24px / 14px = 1.7142857142857142em*/
    text-decoration: none;
    text-transform: capitalize;
}
footer nav a:hover{
   color:#fdb913;
}
footer nav ul , footer nav ul li{
    padding: 0;
}
/* =============Thomas style start=================== */
#thomas-info-section {
    border-top: 8px solid #fdb913;
    padding: 0 0 0.8125em 0;                     /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em*/
}
#thomas-info-section span{
   color: #fefefe;
    display: block;
    font-size: 0.875em;                           /* BASE FONT = 16px  >>> 14px / 16px = 0.875em*/
    padding: 1.2142857142857142em 0 0.21428571428571427em 0;   /* BASE FONT = 14px  >>> 17px 0 3px 0 / 14px = 1.2142857142857142em 0 0.21428571428571427em 0*/
}

#thomas-info-section .site-create-text {
    display: block;
    padding: 0.14285714285714285em 0 0 0;                           /* BASE FONT = 14px  >>> 2px 0 0 0 / 14px = 0.14285714285714285em 0 0 0*/
}
#thomas-info-section .site-create-text a{
   color:#fefefe;
   text-decoration:none;
}
#thomas-info-section .site-create-text a:hover {
    color: #fdb913;
}
/* =============Inner Page Style=================== */
.inner-main-top{
    box-shadow: 0 7px 6px 0 rgba(0, 0, 0, 0.2) inset;
   -webkit-box-shadow: 0 7px 6px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 7px 6px 0 rgba(0, 0, 0, 0.2) inset;
    padding: 2.8333333333333335em 0 0 0;                         /* BASE FONT = 12px  >>> 34px 0 20px 0 / 12px = 2.8333333333333335em 0 0 0*/
}
.bg-about{
   background:url(/images/about-header-bg.jpg) no-repeat center -4.333333333333333em;       /* BASE FONT = 12px  >>> -52px / 12px = -4.333333333333333em*/
   background-size: 242% auto;
}
.subcontent{
   padding: 0 0 2.8333333333333335em 0;                                  /* BASE FONT = 12px  >>> 0 0 34px 0/ 12px = 0 0 2.8333333333333335em 0*/
}
/* =============Compliance Page Style=================== */
.bg-compliance{
   background: url(/images/bg-compliance.png) no-repeat no-repeat center -11.66666666666667em;       /* BASE FONT = 12px  >>> -140pxx / 12px = -11.66666666666667em*/
    background-size: 230% auto;
}

.bg-compliance + .bottom-contact-container {
    display: none;
}
.compliance-logo-container {
    padding: 3.5em 0 0 0;                  /* BASE FONT = 12px  >>> 42px 0 0 0 / 12px = 3.5em 0 0 0*/
}
.compliance-logo-container img {
    display: block;
    margin: 0 auto 2em;                  /* BASE FONT = 12px  >>> 0 auto 24px / 12px = 0 auto 2em*/
    max-width: 20.83333333333333em;                 /* BASE FONT = 12px  >>>250px / 12px = 20.83333333333333em*/
    width: 56.5%;                    /*56.5% width of content area*/
}
.compliance-logo-container .inner-para-heading {
    font-size: 2.5em;                /* BASE FONT = 12px  >>> 30px / 12px = 2.5em*/
    font-weight: 700;
    line-height: 1.133333333333333em;                /* BASE FONT = 30px  >>> 34px / 30px = 1.133333333333333em*/

    padding-bottom: 0.1333333333333333em;                         /* BASE FONT = 30px  >>> 4px / 30px = 0.1333333333333333em*/
}
.compliance-logo-container p{
   font-size: 1.5em;                              /* BASE FONT = 12px  >>> 18px / 12px = 1.5em*/
   line-height: 1.888888888888889em;               /* BASE FONT = 18px  >>> 34px / 18px = 1.888888888888889em*/
}
.compliance-logo-container div div {
    margin: 0 0 4.5em 0;                           /* BASE FONT = 12px  >>> 0 0 54px 0 / 12px = 0 0 4.5em 0*/
}
.bg-compliance .cta-btn {
    position: relative;
      margin: 0.75em auto 0 ;         /* BASE FONT = 16px  >>> 12px 0 0 0 / 16px = 0.75em*/
    max-width: 18.6875em;             /* BASE FONT = 16px  >>> 299px / 16px = 18.6875em*/
    width:auto;
}
.bg-compliance .pdf-heading{
   font-weight:700;
}
.compliance-logo-container .logo-box img {
      margin: 0 auto 2em;                           /* BASE FONT = 12px  >>> 0 auto 24px / 12px = 0 auto 2em*/
     max-width: 22.58333333333333em;                  /* BASE FONT = 12px  >>>271px / 12px = 22.58333333333333em*/
    width: 69%;                                  /*69% width of content area*/
}
.standard-list {
    -moz-column-count: 2;
   column-count: 2;
   -webkit-column-count: 2
}
/*------------Service page style-------------*/
.bg-services {
    background: url(/images/services-header-bg.jpg) no-repeat center -3em;     /* BASE FONT = 12px  >>> 36px / 12px = 3em */            
    padding: 2.83333333333333em 0 0 0;                                                         /* BASE FONT = 12px  >>> 34px / 12px = 2.83333333333333em */
   background-size:  240% auto;
}
.bg-services h2.subheading {
    padding: 0 0 2.0625em 0;                                                                    /* BASE FONT = 16px  >>> 33px / 16px = 2.0625em */
}
/*------------Product page style-------------*/
.bg-products, .bg-common {
    background: url(/images/common-header-bg.jpg) no-repeat -17.75em -5.166666666666667em; /* BASE FONT = 12px  >>> -213px -62px  / 12px = -17.75em -5.166666666666667em */ 
   background-size: 240% auto;     
}
.left-nav {
    display: none;
}
.bg-products h2.subheading {
    padding: 0 0 2.625em 0;                                           /* BASE FONT = 16px  >>> 42px / 16px = 2.625em */
}
.bg-products .right-container {
    padding: 3.66666666666667em 0 0 0;                                /* BASE FONT = 12px  >>> 44px / 12px = 3.66666666666667em */
}
.bg-products .right-container > div{
   max-width: 26.66666666666667em;                                       /* BASE FONT = 12px  >>> 320px / 12px = 26.66666666666667em*/
   width:100%;
   margin:0 auto;
}
.bg-products .right-container > div a {
    display: block;
    text-decoration: none;
    border-top: 11px solid #1a52a1;
    padding: 1.08333333333333em 0 0 0;                                /* BASE FONT = 12px  >>> 13px / 12px = 1.08333333333333em */
}
.bg-products .right-container > div a:hover{
     border-top: 11px solid #feb914;     
}
.bg-products .right-container a:hover .product-heading{
    color:#feb914;
}
.bg-products .right-container a:hover .product-heading::after{
    color:#1a52a1;
}
.bg-products .right-container .product-heading {
    color: #1e2f5e;
    display: block;
    font-size: 1.83333333333333em;                                    /* BASE FONT = 12px  >>> 22px / 12px = 1.83333333333333em */
    font-weight: 700;
    line-height: 1.13636363636364em;                                  /* BASE FONT = 22px  >>> 25px / 22px = 1.13636363636364em */
    padding: 0 0 0.727272727272727em 0;                               /* BASE FONT = 22px  >>> 16px / 22px = 0.727272727272727em */
    text-transform: uppercase;
}
.bg-products .right-container .product-heading::after {
    color: #fdb913;
    content: "+";
    font-size: 1.13636363636364em;                                  /* BASE FONT = 22px  >>> 25px / 22px = 1.13636363636364em */
    line-height: 1em;                                              /* BASE FONT = 25px  >>> 25px / 25px = 1em */
    margin: 0 0 0 0.4em;                                            /* BASE FONT = 25px  >>> 10px / 25px = 0.4em */
}
.bg-products .right-container > div img {
    margin: 0 0 2.83333333333333em;                                 /* BASE FONT = 12px  >>> 34px / 12px = 2.83333333333333em */
}
.additional-text {
    color: #1e2f5e;
    font-size: 3.08333333333333em;                                   /* BASE FONT = 12px  >>> 37px / 12px = 3.08333333333333em */
    font-weight: 700;
    line-height: 1.05405405405405em;                                 /* BASE FONT = 37px  >>> 39px / 37px = 1.05405405405405em */
    padding: 1.21621621621622em 0 1em 0;                             /* BASE FONT = 37px  >>> 45px 0 37px 0 / 37px = 1.21621621621622em 0 1em 0 */
    text-transform: uppercase;
}


/*---manufacture page style-----------*/
.bg-manufacturers {
    background: url(/images/manufacturers-header-bg.jpg) no-repeat -15.25em -5.08333333333333em;/* BASE FONT = 12px  >>> 183px 61px / 12px = 15.25em 5.08333333333333em*/ 
    padding: 2.91666666666667em 0 0 0;                  /* BASE FONT = 12px  >>> 35px / 12px = 2.91666666666667em */
   background-size: 240% auto;
}
.bg-manufacturers h1 {
    font-size: 2.5em;                                   /* BASE FONT = 12px  >>> 30px / 12px = 2.5em */
    line-height: 1.16666666666667em;                    /* BASE FONT = 30px  >>> 35px / 30px = 1.16666666666667em */
}
.manufacturers-info {
    padding: 0.75em 0 1.66666666666667em 0;             /* BASE FONT = 12px  >>> 9px 0px 20px 0px / 12px = 0.75em 0 1.66666666666667em 0 */
}
.manufacturers-info > div {
    background-color: #dee4ed;
    display: inline-block;
    margin:0 0 0.583333333333333em 0;                   /* BASE FONT = 12px  >>> 7px / 12px = 0.583333333333333em */
    vertical-align: top;
    width: 31.8%;                                       /* 31.8% width of its container */
}
.manufacturers-info > div:nth-of-type(3n-1){
    margin: 0 2.1875% 2.1875% 2.1875% ;               /* BASE FONT = 12px  >>> 0 1% 7px 1% / 12px = 0 2.1875% 2.1875% 2.1875% */
}
.manufacturers-info a {
    display: block;
    text-decoration: none;
}
.manufacturers-info img {
    margin: 0 auto;
    display: block;
    width: 85%;                                         /* 85% width of its container */
    vertical-align: top;
}
.manufacturers-info > div .hover-effect {
    border-top: 1px solid #ffffff;
    padding: 0.833333333333333em 1.16666666666667em 0.833333333333333em 1.16666666666667em; /* BASE FONT = 12px  >>> 10px 14px 10px 14px / 12px = 0.833333333333333em 1.16666666666667em 0.833333333333333em 1.16666666666667em */
    min-height: 6.916666666666667em;                     /* BASE FONT = 12px  >>> 83px / 12px = 6.916666666666667em */
}

.bg-manufacturers .cta-btn {
    margin: 0 auto;
    max-width: 25.9375em;                        /* BASE FONT = 16px  >>> 415px / 16px = 25.9375em*/
}
.bg-products .cta-btn {
    margin: 0 auto 0.0625em;               /* BASE FONT = 16px  >>> 1px / 16px = 6.66666666666667em */
    max-width: 20em;                     /* BASE FONT = 16px  >>> 320px / 16px = 20em */
    width: 100%;
}
.hover-effect-title {
    color: #1e2f5e;
    font-size: 1em;                                     /* BASE FONT = 12px  >>> 12px / 12px = 1em */
    font-weight: 700;
    line-height: 1.25em;                                /* BASE FONT = 12px  >>> 15px / 12px = 1.25em */
}
.hover-effect-title:hover {
    color: #1e2f5e;
}
.hover-effect-title span {
    display: block;
    font-size: 0.583333333333333em;                      /* BASE FONT = 12px  >>> 7px / 12px = 0.583333333333333em */
    font-weight: 500;
    line-height: 1.42857142857143em;                     /* BASE FONT = 7px  >>> 10px / 7px = 1.42857142857143em */
    padding: 1.14285714285714em 0 0 0;                   /* BASE FONT = 7px  >>> 8px 0px 0px 0px / 7px = 1.14285714285714em 0 0 0 */
}
.hover-effect-title span.small-txt {
    font-size: 0.416666666666667em;                     /* BASE FONT = 12px  >>> 5px / 12px = 0.416666666666667em */
    line-height: 1em;                                   /* BASE FONT = 5px  >>> 5px / 5px = 1em */
    padding: 0;
}
/*---assembly page style-------*/
.pdf-functionality .text-right{
    padding:0;
}
.pdf-functionality .right-container{
    padding:1.75em 0 0 0;                               /* BASE FONT = 12px  >>> 21px 0 0 0 / 12px = 1.75em 0 0 0 */
}
.pdf-functionality .right-container h2.subheading{
    color:#1e2f5e;
    font-size:1.16666666666667em;                       /* BASE FONT = 12px  >>> 14px / 12px = 1.16666666666667em */
    line-height:1.21428571428571em;                     /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
    padding:0 0 1em 0;                                  /* BASE FONT = 14px  >>> 0 0 14px 0 / 14px = 0 0 1em 0 */
    text-align: left;
}
.pdf-section div div, .pdf-section-active div div{
    background-color: #416db4;
    clear:both;
    color: #fefefe;
    display: block;
    font-size:1.25em;                                   /* BASE FONT = 12px  >>> 15px / 12px = 1.25em */
    font-weight: 700;
    line-height:1em;                                    /* BASE FONT = 15px  >>> 15px / 15px = 1em */
    margin:0 auto 1.06666666666667em auto;              /* BASE FONT = 15px  >>> 0 auto 16px auto / 15px = 0 auto 1.06666666666667em auto */
    max-width:19.3333333333333em;                       /* BASE FONT = 15px  >>> 290px / 15px = 19.3333333333333em */
    padding:0.666666666666667em 0.533333333333333em 0.8em 0.533333333333333em;  /* BASE FONT = 15px  >>> 10px 8px 12px 8px / 15px = 0.666666666666667em 0.533333333333333em 0.8em 0.533333333333333em */
    position: relative;
    text-align: left;
    text-transform: uppercase;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;                                         /* 100% width of its container */
}
.pdf-section div div::after, .pdf-section-active div div::after{
    border-right: 13px solid #b5bcc8;
    border-top: 13px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
}
.pdf-section img, .pdf-section-active img{
    display: inline-block;
    margin:0 0.333333333333333em 0 0;               /* BASE FONT = 15px  >>> 0 5px 0 0 / 15px = 0 0.333333333333333em 0 0 */
    vertical-align: middle;
}
.pdf-section div a, .pdf-section-active div a{
    color: #fefefe;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    width: calc(100% - 2.66666666666667em);         /* BASE FONT = 15px  >>> 40px / 15px = 2.66666666666667em */
}
.pdf-functionality .pdf-section, .pdf-functionality .pdf-section-active{
    border-bottom: 5px solid #1a52a1;
    margin:0 0 0.666666666666667em 0;               /* BASE FONT = 12px  >>> 0 0 8px 0 / 12px = 0 0 0.666666666666667em 0 */
    padding:0 0 0.5em 0;                            /* BASE FONT = 12px  >>> 0 0 6px 0 / 12px = 0 0 0.5em 0 */
    text-align:right;
}
.pdf-functionality .pdf-section.last{
    border:none;
}
.pdf-functionality .pdf-section > a{
    color: #fdb913;
    display: inline-block;
    font-size:1.16666666666667em;                   /* BASE FONT = 12px  >>> 14px / 12px = 1.16666666666667em */
    font-weight: 700;
    line-height:1.07142857142857em;                 /* BASE FONT = 14px  >>> 15px / 14px = 1.07142857142857em */
    margin:0 0 1.07142857142857em 0;                /* BASE FONT = 14px  >>> 0 0 15px 0 / 14px = 0 0 1.07142857142857em 0 */
    padding:0 1.28571428571429em 0 0;               /* BASE FONT = 14px  >>> 0 18px 0 0 / 14px = 0 1.28571428571429em 0 0 */
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
}
.pdf-functionality .pdf-section > a::after, .pdf-functionality .pdf-section-active > a::after{
    color: #fdb913;
    content: "+";
    font-size:1.78571428571429em;                   /* BASE FONT = 14px  >>> 25px / 14px = 1.78571428571429em */
    line-height:0.52em;                             /* BASE FONT = 25px  >>> 13px / 25px = 0.52em */
    position: absolute;
    right: 0;
    top: 0;
}
.pdf-functionality .pdf-section > a.active::after{
    content: "-";
}
.pdf-functionality .pdf-section > div{
    display: none;
}
.pdf-functionality .right-container > .pdf-section:first-child > div{
    display: block
}
.pdf-functionality .h2-subheading{
    font-size:1.16666666666667em;                   /* BASE FONT = 12px  >>> 14px / 12px = 1.16666666666667em */
    line-height:1.21428571428571em;                 /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
    padding:0;
}
/*------------------ Sitemap Styles ------------------*/
ul.sitemap li {
  background-image: none;
  padding: 0.4166666666666667em 0 0.4166666666666667em 0;           /* Base Font = 12px  >>> 5px 0 5px 0 / 12px = 0.4166666666666667em 0 0.4166666666666667em 0 */
}
ul.sitemap ul {
  padding:0.4166666666666667em 0 0 1.25em;                                 /* Base Font = 12px  >>>  5px 0 0 15px / 12px = 0.4166666666666667em 0 0 1.25em */
}

.pdf-terms div img{
   float:left;
}
.adobe-reader {
    text-align: right;
}
/* terms-page-style-ends*/
/*contact-page-style*/
.bg-contact{
   background:url(/images/bg-contact.jpg) no-repeat;
   background-size: 233% auto;
   background-position: center -12.16666666666667em;    /* Base Font = 12px  >>>  5px 0 0 15px / 12px = -12.16666666666667em */
}
.bg-contact .inner-wrap {
    padding: 0;
}
.bg-contact h1 {
    padding: 0 0.425em 0.65em 0.325em;                     /* Base Font = 40px  >>>  0 17px 26px 13px / 40px = 0 0.425em 0.65em 0.325em */
}
.bg-contact  h2.subheading{
    padding: 0 0.625em 2.8125em 1.1875em;                  /* Base Font = 16px  >>>  0 10px 45px 19px / 16px = 0 0.625em 2.8125em 1.1875em */
}
.lh-form  form  p {
    font-weight: 500;
    letter-spacing: 0.06666666666666667em ;                   /* Base Font = 12px  >>>  0.8px / 12px = 0.06666666666666667em */                              
    line-height: 1.1666666666666667em;                     /* Base Font = 12px  >>> 14px / 12px = 1.1666666666666667em */                                          
    padding: 0 1.333333333333333em 1.8333333333333333em 1.333333333333333em;            /* Base Font = 12px  >>> 0 16px 22px 16px / 12px = 0 1.333333333333333em 1.8333333333333333em 1.333333333333333em */   
}
.lh-form {
    background-color: #1e2f5e;
    color: #ffffff;
    letter-spacing: 0.08333333333333333em;                /* Base Font = 12px  >>> 1px / 12px = 0.08333333333333333em */   
    margin-bottom: 3.25em;                            /* Base Font = 12px  >>> 39px / 12px = 3.25em */
    padding: 1.4166666666666667em 0 0 0;               /* Base Font = 12px  >>> 17px 0 0 0 / 12px = 1.4166666666666667em 0 0 0 */
}
.input-box {
    background: #ffffff;
    border: none;
    height: 3em;                                    /* Base Font = 12px  >>> 36px/ 12px =3em*/
    margin: 0 0.8333333333333334em 2.5em 0.8333333333333334em;                     /* Base Font = 12px  >>> 0 10px 30px 10px / 12px = 0 0.8333333333333334em 2.5em 0.8333333333333334em */
    width: 91%;
   font-size: 1em;                           /* Base Font = 12px  >>> 12px/ 12px = 1em */
   font-family: Rubik;                        
}
.bg-contact .lh-form .input-btn{
   padding: 0.875em 1.5625em 0.875em 1.5625em;            /* Base Font = 16px  >>> 14px 25px 14px 25px/ 16px = 0.875em 1.5625em 0.875em 1.5625em */
   margin:0 0 1em 1em;               /* Base Font = 16px  >>>  0 0 16px 16px/ 16px = 0 0 1em 1em */
 }
.lh-form  .search_address {
    display: none;
   margin: 4.583333333333333em 0 0 0;               /* Base Font = 12px  >>> 55px 0 0 0/ 12px = 4.583333333333333em 0 0 0 */
}
.rh-form {
    background-color: #b5bcc8;
    padding: 1.6666666666666667em 0 0 0;         /* Base Font = 12px  >>> 20px 0 0 0/ 12px = 1.6666666666666667em 0 0 0*/
}
.rh-form > h2 {
    font-size: 1.5em;                        /* Base Font = 12px  >>> 18px/ 12px = 1.5em*/
    padding: 0 0 0.7222222222222222em 0.8888888888888889em;                     /* Base Font = 18px  >>> 0 0 13px 16px/ 18px = 0 0 0.7222222222222222em 0.8888888888888889em*/
}
.rh-form > p {
    color: #1a52a1;
    font-size: 1em;               /* Base Font = 12px  >>> 12px/ 12px = 1em*/
    font-weight: 500;
    letter-spacing: 0.049999999999999996em;          /* Base Font = 12px  >>> 0.6px/ 12px = 0.049999999999999996em*/
    line-height: 1.25em;                        /* Base Font = 12px  >>> 15px/ 12px = 1.25em*/
    padding: 0 4.333333333333333em 1.25em 1.3333333333333333em;                  /* Base Font = 12px  >>> 0 52px 15px 16px/ 12px = 0 4.333333333333333em 1.25em 1.3333333333333333em*/
}
h2.find {
    color: #fdb913;
    font-size: 1.5em;                                                /* Base Font = 12px  >>> 18px/ 12px = 1.5em*/
    padding: 0 0 1.4166666666666667em 0.8888888888888889em;                  /* Base Font = 12px  >>> 0 0 17px 16px/ 18px = 0 0 1.4166666666666667em 0.8888888888888889em*/
}
.main-wrapper {
    padding: 0 0 2.6666666666666665em 1.4166666666666667em;                  /* Base Font = 12px  >>> 0 0 32px 17px/ 12px = 0 0 2.6666666666666665em 1.4166666666666667em*/
}
.main-wrapper > p {
    color: #1a52a1;
}
.fieldwrapper .styled {
    display: block;
    font-weight: 600;
    margin-bottom: 0.25em;                  /* Base Font = 12px  >>> 3px/ 12px = 0.25em*/
}
.rh-form .feedbackform {
    margin: 0 auto;
}
.rh-form .fieldwrapper {
    color: #1e2f5e;
    font-size: 1.1666666666666667em;            /* Base Font = 12px  >>> 14px/ 12px = 1.1666666666666667em*/
    font-weight: 500;
    text-transform: uppercase;
   padding: 0 1.142857142857143em 1.0714285714285714em 1.142857142857143em;         /* Base Font = 14px  >>> 0 16px 15px 16px/ 14px = 0 0.8754em 1.0714285714285714em 0.875em*/
}
.rh-form .fieldwrapper .thefield input, .rh-form .fieldwrapper .thefield textarea {
   border: medium none;
   box-sizing: border-box;
   color: #000000;
   padding: 0.5714285714285714em 0.5714285714285714em 0.5714285714285714em 0.5714285714285714em;         /* Base Font = 14px  >>>8px/ 14px = 0 1.0714285714285714em 1.0714285714285714em 1.0714285714285714em*/
   width: 100%;
   font-family: Rubik;
   font-size:1em;
}
.rh-form .fieldwrapper .thefield textarea {
   height: 11.5em;         /* Base Font = 14px  >>>161px/ 14px = 11.5em*/
}
.rh-form .input-btn {
    padding: 0.875em 1.5625em 0.875em 1.5625em;     /* Base Font = 16px  >>>14px 25 14px 25/ 16px = 0.375em 1.5625em 0.375em 1.5625em*/
}
.fieldwrapper .new-code {
    display: inline-block;
    margin: 1.07142857142857em 0 1.07142857142857em 0;  /* BASE FONT = 14px  >>> 15px 0px 15px 0px / 14px = 1.07142857142857em 0 1.07142857142857em 0 */
    vertical-align: top;
}
.fieldwrapper .captcha-box {
    font-size: 1em;                                     /* BASE FONT = 14px  >>> 14px / 14px = 1em */
    height: 2em;                                        /* BASE FONT = 14px  >>> 28px / 14px = 2em */
    margin: 1.07142857142857em 0 0 0;                   /* BASE FONT = 14px  >>> 15px 0px 0px 0px / 14px = 1.07142857142857em 0 0 0 */
    width: 16.4285714285714em;                          /* BASE FONT = 14px  >>> 230px / 14px = 16.4285714285714em */
}
h2.loctn {
    font-size: 3em;      /* Base Font = 12px  >>>48px/ 12px = 3em*/
    line-height: 1.0208333333333333em;      /* Base Font = 48px  >>>49px/ 48px = 1.0208333333333333em*/
    padding: 0.7083333333333334em 0.3333333333333333em 0.4375em 0.3333333333333333em; /* Base Font = 48px  >>>34px 16px 21px 16px/ 48px = 0.7083333333333334em 0.3333333333333333em 0.4375em 0.3333333333333333em*/
}
.locations {
    padding: 0 1.3333333333333333em 0 1.3333333333333333em;      /* Base Font = 12px  >>>0 16px 0 16px/ 12px = 0 1.3333333333333333em 0 1.3333333333333333em*/
}
.rh-form .buttonsdiv {
    margin: 1.1875em 0 0 0;            /* Base Font = 16px  >>>19px 0 0 0/ 16px = 1.1875em 0 0 0*/
   padding:0;     
}
.locations p {
    font-weight: 600;
    line-height: 1.4166666666666667em;         /* Base Font = 12px  >>>17px/ 12px = 1.4166666666666667em*/      
    text-align: right;
    text-transform: uppercase;
}
.locate {
    border-top: 7px solid #1a52a1;
    padding: 2.1666666666666665em 0 2.1666666666666665em 0;      /* Base Font = 12px  >>>26px 0 26px 0/ 12px = 2.1666666666666665em 0 2.1666666666666665em 0*/   
}

.locate span:first-child {
    color: #b5bcc8;
    display: inline-block;
    font-size: 5.833333333333333em;         /* Base Font = 12px  >>>70px/ 12px = 5.833333333333333em*/   
    font-weight: 600;
    margin: 0.08571428571428572em 0 0.6857142857142857em 0;               /* Base Font = 70px  >>>6px 0 48px 0 70px = 0.08571428571428572em 0 0.6857142857142857em 0*/   
    position: relative;
    vertical-align: top;
}
.locate .map {
    color: #fdb913;
    cursor: pointer;
    float: right;
    font-size: 1.4166666666666667em;         /* Base Font = 12px  >>>17px/ 12px = 1.4166666666666667em*/   
    font-weight: 600;
    padding: 0;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
}
.locate .map.active ,.locate .map.active::after{
    color:#1a52a1;
}
.locate .map:after {
    color: #fdba15;
    content: "+";
    font-size: 1.4166666666666667em;      /* Base Font = 12px  >>>24px/ 12px = 1.4166666666666667em*/   
    font-weight: 600;
    line-height: 0.875em;                  /* Base Font = 24px  >>>21px/ 24px = 0.875em*/   
    padding: 0 0 0 0.2916666666666667em;                  /* Base Font = 24px  >>>0 0 0 7px/ 24px = 0.875em*/   
}
.locate a{
   color:#1e2f5e;
   text-decoration:none;
}
.locate a:hover{
   text-decoration:underline;
}
.locate:last-child p {
    border: 0 none;
}
.gmap {
    display: none;
}
.map.active:after{
   color: #fdba15;
   content: "\02212";
}
.gmap {
   clear:both;
   text-align: center;
}
.gmap iframe {
   border: 1px solid #012956;
   height: 29.166666666666668em;                                       /* Base Font = 12px  >>>350px/ 12px = 29.166666666666668em*/                                       
   width: 90%;                                                        /* 100% width of its container */
}

/* =============Home Page Style=================== */
body[data-pagetype="home"] .inner-main-top{
   padding: 3.1666666666666665em 0 0 0;               /* BASE FONT = 12px  >>> 38px 0 0 / 12px =  3.1666666666666665em 0 0*/
}
.bg-home {
    background:url(/images/bg-home.jpg) no-repeat center -5.583333333333333em;            /* BASE FONT = 12px  >>> -67px / 12px = -5.583333333333333em*/
   background-size: 142% auto;
}

.heading-container {
    padding: 0 0 2.75em 0;                                    /* BASE FONT = 40px  >>> 0 0 11px 0 / 40px = 0 0 2.75em 0*/
}

.heading-container h1 {
    padding: 0 0 0.275em 0;                              /* BASE FONT = 40px  >>> 0 0 33px 0 / 40px = 0 0 0.275em 0*/
}

.heading-container h2 {
    color: #1a52a1;
    font-size: 1.3333333333333333em;                              /* BASE FONT = 12px  >>> 16px/ 12px = 1.3333333333333333em*/
    line-height: 1.5em;                                          /* BASE FONT = 16px  >>> 24px/ 16px = 1.5em*/
    padding: 0 0 0.75em 0;                                       /* BASE FONT = 16px  >>> 0 0 12px/ 16px = 0 0 0.75em*/
    text-transform: none;
}

body[data-pagetype="home"] .search-box-container {
    background: #c6cad2;   
    border-top: 10px solid #1a52a1;   
    padding: 1.75em 0 0.6666666666666666em 1.25em;                                    /* BASE FONT = 12px  >>> 21px 0 8px 15px/ 12px = 1.75em 0 0.6666666666666666em 1.25em*/
}

body[data-pagetype="home"] .search-box-container > h2 {
    color: #1a52a1;
    font-size: 1.8333333333333333em;                                          /* BASE FONT = 12px  >>> 22px/ 12px = 1.8333333333333333em*/
    line-height: 1.0909090909090908em;                                          /* BASE FONT = 22px  >>> 24px/ 22px = 1.0909090909090908em*/
    padding: 0 0 0.22727272727272727em 0;                                       /* BASE FONT = 22px  >>> 0 0 5px 0/ 22px = 0 0 0.22727272727272727em 0*/
}

body[data-pagetype="home"] .search-box-container > p {
    font-size: 1.3333333333333333em;                                    /* BASE FONT = 12px  >>> 16px/ 12px = 1.3333333333333333em*/
    font-weight: 500;
    line-height: 1.1875em;                                                /* BASE FONT = 16px  >>> 19px/ 16px = 1.1875em*/
    padding: 0 0 1.5em 0;                                          /* BASE FONT = 16px  >>> 0 0 24px 0/ 16px = 0 0 1.5em 0*/
}
body[data-pagetype="home"] .search_text{
   font-size: 1.1666666666666667em;                                 /* BASE FONT = 12px  >>> 14px/ 12px = 1.1666666666666667em*/
    height: 2.5714285714285716em;                                    /* BASE FONT = 14px  >>> 36px/ 14px = 1.1666666666666667em*/
   text-transform: uppercase;
    width: 71%;
}

body[data-pagetype="home"] .search_btn {
    font-size: 1.3333333333333333em;                                    /* BASE FONT = 12px  >>> 16px/ 12px = 1.3333333333333333em*/
    height: 2.25em;                                                /* BASE FONT = 16px  >>> 36px/ 16px = 2.25em*/
    width: 2.8125em;                                                /* BASE FONT = 16px  >>> 45px/ 16px = 2.8125em*/
}

body[data-pagetype="home"] #form-select {
    padding: 2.4166666666666665em 0 1.5833333333333333em 0;                     /* BASE FONT = 12px  >>> 29px 0 19px 0/ 12px = 2.4166666666666665em 0 1.5833333333333333em 0*/
}

body[data-pagetype="home"] label {
    color: #1e2f5e;
    font-size: 1.1666666666666667em;                              /* BASE FONT = 12px  >>> 14px/ 12px = 1.1666666666666667em*/
    font-weight: 700;
    margin: 0 0.7857142857142857em 0 0.7857142857142857em;               /* BASE FONT = 14px  >>> 0 11px 0 11px/ 14px = 0 0.7857142857142857em 0 0.7857142857142857em*/
    text-transform: uppercase;
   padding:0;
}
#bucket-container {
    clear: both;
    padding: 4.166666666666667em 0 0 0;                              /* BASE FONT = 12px  >>> 50px 0 0 0/ 12px = 4.166666666666667em 0 0 0*/
}
#bucket-container h2, #manufacturers-container h2 {
    font-size: 2.6666666666666665em;                                 /* BASE FONT = 12px  >>> 32px/ 12px = 2.6666666666666665em*/                                       
    line-height: 1.0625em;                                          /* BASE FONT = 32px  >>> 34px/ 32px = 1.0625em*/   
}
#bucket-container h2 ,#manufacturers-container h2{
    padding: 0 0 1.90625em 0;                                       /* BASE FONT = 32px  >>> 0 0 61px 0/ 32px = 0 0 1.90625em 0*/   
}
#bucket-container div {
    clear: both;
}
.see-all-link {
    background: url(/images/icon-plus.png) no-repeat right 0.4090909090909091em ;  /* BASE FONT = 22px  >>> 9px/ 22px = 0.4090909090909091em*/
      background-size: 11% auto;   
    clear: both;
    color: #fdb913;
    display: inline-block;
    float: right;
    font-size: 0.6875em;                           /* BASE FONT = 32px  >>> 22px/ 32px = 0.6875em*/   
    font-weight: 700;
    margin-top: 0.2727272727272727em;                                 /* BASE FONT = 22px  >>> 6px/ 22px = 0.2727272727272727em*/
    padding: 0 1.0909090909090908em 0 0;                           /* BASE FONT = 22px  >>> 0 24px 0 0/ 22px = 0 1.0909090909090908em 0*/
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
}
.see-all-link:hover{
   color:#1a52a1;
   background: url(/images/icon-plus-hover.png) no-repeat  right 0.4090909090909091em;  /* BASE FONT = 22px  >>> 9px/ 22px = 0.4090909090909091em*/
   background-size: 11% auto;  
}
#bucket-container div article{
   vertical-align: top;
   display:none;
}
#bucket-container div article sup ,#product-box div div sup{
   font-size: 0.5em;               /* BASE FONT = 22px  >>> 11px/ 22px = 0.5em*/   
}
#bucket-container div article:nth-of-type(-n+3) {
    display: block;
}
#bucket-container div article img ,#product-box div div  img{
   display:block;
   margin:0 auto;
   position: relative;
}
#bucket-container div article a ,#product-box div div  a {
    color: #1e2f5e;
    font-size: 1.8333333333333333em;                                          /* BASE FONT = 12px  >>> 22px/ 12px = 1.8333333333333333em*/   
    font-weight: 700;
    line-height: 1.1818181818181819em;                                          /* BASE FONT = 22px  >>> 26px/ 22px = 1.1818181818181819em*/
    text-decoration: none;
    text-transform: uppercase;
   border-top: 10px solid #1a52a1;
   display:block;
}
#bucket-container div article a{
       padding: 0.5454545454545454em 0 2.3181818181818183em 0;                        /* BASE FONT = 22px  >>>12px 0 51px 0/ 22px = 0.5454545454545454em 0 2.3181818181818183em 0*/
}
#bucket-container div article span {
   padding: 0 0 0.7272727272727273em 0;                                          /* BASE FONT = 22px  >>>0 0 16px 0/ 22px = 0 0 0.7272727272727273em 0*/
   display:inline-block;
   vertical-align:top;
   
}
#bucket-container div article span:after, #product-box div div span:after{
    content: url(/images/icon-plus-mobile.png);
    padding:  0 0 0 0.36363636363636365em;                                     /* BASE FONT = 22px  >>> 0 0 0 8px / 22px =  0 0 0 0.36363636363636365em 0*/
   display:inline-block;
}
#bucket-container div article a:hover span:after ,#product-box div div a:hover span:after{
       content: url(/images/icon-plus-mobile-hover.png); 
}
#bucket-container div article a:hover , #product-box div div a:hover{
   color: #feb914;
   border-color:#feb914;
}
.home-btn {
    background: #fdb913;
    color: #1e2f5e;
    display: block;
    font-size: 1.8333333333333333em;                                 /* BASE FONT = 12px  >>> 22px/ 12px = 1.8333333333333333em*/
    font-weight: 700;
    padding: 0.8636363636363636em 0 0.8181818181818182em 0;                  /* BASE FONT = 22px  >>> 19px 0 18px 0/ 22px =0.8636363636363636em 0 0.8181818181818182em 0*/
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.home-btn:hover{
   background: #1a51a1;
   color:#fdb913;
}
#product-box{
   display:none;
}
#manufacturers-container {
    padding: 3.5833333333333335em 0 0.8333333333333334em 0;                  /* BASE FONT = 12px  >>> 43px 0 10px 0/ 12px = 3.5833333333333335em 0 0.8333333333333334em 0*/
}
.manufacturers-links a{
   display:none;
}

.manufacturers-links a:nth-of-type(-n+3) {
    display: block;
    margin-bottom: 1.5833333333333333em;                                       /* BASE FONT = 12px  >>> 19px/ 12px = 1.5833333333333333em*/
}
.manufacturers-links img{
   margin:0 auto;
   display:block;
}
.rfq-btn{
   margin: 0 auto 1.25em;                                                   /* BASE FONT = 16px  >>> 20px/ 16px = 1.25em*/
   max-width: 19.0625em;                                           /* BASE FONT = 16px  >>> 305px/ 16px = 19.0625em*/
}

main .bg-about .pdf-section-active {
    margin: 0 0 1.25em 0;                                                   /* BASE FONT = 16px  >>> 0 20px 0 0/ 16px = 0 1.25em 0 0*/
}
main .pdf-terms > div:nth-of-type(2n) {
    float: none;
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
.bg-products .right-container > div {
    display: inline-block;
    margin: 0 1.25em 0 1.25em;                                       /* BASE FONT = 16px  >>> 0 20px 0 0/ 16px = 0 1.25em 0 1.25em*/
    vertical-align: top;
    width: 43%;
}
.input-box{
   width:95.5%;
}
body[data-pagetype="home"] .search-box-container #form-select br{
   display:none;
}
body[data-pagetype="home"] .search-box-container label{
   width:40%;
}
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 768px/16px = 48em*/
@media only screen and (min-width: 48em) {
.inner-wrap ,header nav .inner-wrap{
   padding: 0 3.125em 0 3.125em;                        /* BASE FONT = 16px  >>> 0 50px 0 50px/ 16px = 0 3.125em 0 3.125em*/
}
header #header-top-container .inner-wrap{
   padding:0;
}
main .inner-wrap{
   padding: 0 4.166666666666667em 0 4.166666666666667em;      /* BASE FONT = 12px  >>> 0 50px 0 50px/ 12px = 0 4.166666666666667em 0 4.166666666666667em*/
}
#header-top-container{
   text-align:right;
}
header #header-top-container .inner-wrap{
   padding: 0 3.125em 0 3.125em;                        /* BASE FONT = 16px  >>> 0 50px 0 50px/ 16px = 0 3.125em 0 3.125em*/
}
/* =============Heading Styles=============================== */
h1 {
    font-size: 5em;                                 /* BASE FONT = 12px  >>> 60px/ 12px = 5em*/
    line-height: 1em;                             /* BASE FONT = 60px  >>> 60px/ 60px = 1em*/
    padding: 0 0 0.5em 0;                          /* BASE FONT = 60px  >>> 0 0 30px 0/ 60px = 0 0 0.5em 0*/
}
h3 {
    font-size: 2em;                               /* BASE FONT = 12px  >>> 24px/ 12px = 2em*/
    line-height: 1.125em;                        /* BASE FONT = 24px  >>> 27px/ 24px = 1.125em*/
    padding: 1.25em 0 0.5833333333333334em 0;         /* BASE FONT = 24px  >>> 30px 0 14px 0/ 24px = 1.25em 0 0.5833333333333334em 0*/
}
h2.subheading { 
    padding: 0 0 1.1875em 0;                     /* BASE FONT = 16px  >>> 0 0 19px 0/ 16px = 0 0 1.1875em 0*/
}
/* =============Header Area Start============================ */
#header-top-container {
    padding: 0.5625em 0 0.6875em 0;                  /* BASE FONT = 16px  >>> 9px 0 11px 0/ 16px = 0.5625em 0 0.6875em 0*/
}
/* =============Utility Nav  Start============================ */
header .utility-nav a[title^="Email"] {
    margin: 0 2.2857142857142856em 0 0;               /* BASE FONT = 14px  >>> 0 32px 0 0/ 14px = 0 2.2857142857142856em 0 0*/
}
header .utility-nav a[title^="Email"] img {
    height: 1.1428571428571428em;                  /* BASE FONT = 14px  >>> 16px/ 14px = 1.1428571428571428em*/
    margin: 0 0.5714285714285714em 0 0;               /* BASE FONT = 14px  >>> 0 8px 0 0/ 14px = 0 0.5714285714285714em 0 0*/
    width: 1.6428571428571428em;                  /* BASE FONT = 14px  >>> 23px/ 14px = 1.6428571428571428em*/
}
header .utility-nav .email-text,header .utility-nav .view-cart span, header .utility-nav .desktop-tel {
    display: inline-block;
    vertical-align: middle;
}
header .mobile-phone{
    display: none;
}
header .utility-nav .view-cart {
    margin: 0 2.2857142857142856em 0 0;               /* BASE FONT = 14px  >>> 0 32px 0 0/ 14px = 0 2.2857142857142856em 0 0*/
}
header .utility-nav .view-cart img {
    margin: 0.07142857142857142em 0 0 0;            /* BASE FONT = 14px  >>> 1px 0 0 0/ 14px = 0.07142857142857142em 0 0 0*/
    vertical-align: top;
    width: 4.14%;                              /*4.14% width of content area*/
}
header .utility-nav .view-cart span {
    padding: 0 0 0 0.35714285714285715em;            /* BASE FONT = 14px  >>> 0 0 0 5px/ 14px = 0 0 0 0.35714285714285715em*/
}
header .utility-nav .login {
    margin: 0 2.2142857142857144em 0 0;               /* BASE FONT = 14px  >>> 0 31px 0 0/ 14px = 0 2.2142857142857144em 0 0*/
}
header .utility-nav a[title^="ISO"] img {
    margin: 0.07142857142857142em 0.07142857142857142em 0 0;   /* BASE FONT = 14px  >>> 1px 1px 0 0/ 14px = 0.07142857142857142em 0.07142857142857142em 0 0*/
    width: 3.77%;                              /*3.77% width of content area*/
}
header .utility-nav .desktop-tel{
   margin: 0 2.0625em 0 0;               /* BASE FONT = 16px  >>> 0 33px 0 0/ 16px = 0 2.0625em 0 0*/
}
header .utility-nav .desktop-tel span {
    color: #ffffff;
    display: inline-block;
    font-size: 1em;                        /* BASE FONT = 14px  >>> 14px/ 14px = 1em*/
    font-weight: 700;
    line-height: 1.2142857142857142em;            /* BASE FONT = 14px  >>> 17px/ 14px = 1.2142857142857142em*/
    padding: 0.2857142857142857em 0 0 0.35714285714285715em;/* BASE FONT = 14px  >>> 4px 0 0 5px/ 14px = 0.2857142857142857em 0 0 0.35714285714285715em*/
    vertical-align: top;
}
header .utility-nav .desktop-tel span a{
   color:#ffffff;
   text-decoration:none;
}
/* =============Logo Start============================ */
#logo-container {
    padding: 1.3125em 0 1.1875em 0;                        /* BASE FONT = 16px  >>> 21px 0 19px 0/ 16px = 1.3125em 0 1.1875em 0*/
}
.header-logo {
    width: 45%;                                       /*45% width of content area*/
}
/* =============Navigation  Start============================ */
header nav {
    padding: 0.75em 0 0.1875em 0;                        /* BASE FONT = 16px  >>> 12px 0 3px 0/ 16px = 0.75em 0 0.1875em 0*/
    position: relative;
}
a.menu-trigger {
    margin: 0;
    padding: 0.2857142857142857em 3.642857142857143em 0 0;      /* BASE FONT = 14px  >>> 4px 51px 0 0/ 14px = 0.2857142857142857em 3.642857142857143em 0 0*/
}
a.menu-trigger span {
    left: 4em;                                       /* BASE FONT = 14px  >>> 56px/ 14px = 4em*/
    top: -0.21428571428571427em;                        /* BASE FONT = 14px  >>> -3px/ 14px = -0.21428571428571427em*/
}
header nav ul {
    background: #8d96a5;
    box-sizing: border-box;
    position: absolute;
    right: 3.125em;                                    /* BASE FONT = 16px  >>> 50px/ 16px = 3.125em*/
    top: 2.8125em;                                    /* BASE FONT = 16px  >>> 45px/ 16px = 2.8125em*/
    width: 20.375em;                                 /* BASE FONT = 16px  >>> 326px/ 16px = 20.375em*/
   padding: 0 0.9375em 2.25em 2.0625em;                  /* BASE FONT = 16px  >>> 0 15px 36px 33px/ 16px = 0 0.9375em 2.25em 2.0625em*/
}
header nav ul > li:first-child a {
    line-height: 1.4166666666666667em;                      /* BASE FONT = 24px  >>> 34px/ 24px = 1.4166666666666667em*/
    padding: 0 0 0.2916666666666667em 0;                  /* BASE FONT = 24px  >>> 0 0 7px 0/ 24px = 0 0 0.2916666666666667em 0*/
}
/* =============Footer Start============================ */
footer {
    text-align: left;
}
.footer-top-container {
    padding: 0.75em 0 1.625em 0;                           /* BASE FONT = 16px  >>> 12px 0 26px 0/ 16px = 0.75em 0 1.625em 0*/
    text-align: right;
}
.footer-contact {
    float: right;
    font-size: 1.375em;                                 /* BASE FONT = 16px  >>> 22px/ 16px = 1.375em*/
    line-height: 1.1818181818181819em;                     /* BASE FONT = 22px  >>> 26px/ 22px = 1.1818181818181819em*/
    margin: 0 0 1.1363636363636365em 0;                     /* BASE FONT = 22px  >>> 0 0 25px 0/ 22px = 0 0 1.1363636363636365em 0*/
}   
.footer-logo {
    float: left;
    margin: 1.25em 0 0 0;                              /* BASE FONT = 16px  >>> 20px 0 0 0/ 16px = 1.25em 0 0 0*/
    width: 35%;                                      /*35% width of content area*/
}
.footer-img-box {
    clear: right;
    float: right;
}
footer nav{
   display:inline-block;
}
.footer-img-box > img {
    margin-right: 2.125em;                           /* BASE FONT = 16px  >>> 34px/ 16px = 2.125em*/
    max-width: 9.9375em;                           /* BASE FONT = 16px  >>> 159px/ 16px = 9.9375em*/
    width: 62.7%;                                 /*62.7% width of content area*/
}
.footer-img-box a[title^="ISO"] img {
    margin: 0 0.125em 0 0;                            /* BASE FONT = 16px  >>> 0 2px 0 0/ 16px = 0 0.125em 0 0*/
    max-width: 2.6875em;                           /* BASE FONT = 16px  >>> 43px/ 16px = 2.6875em*/
    width: 16.9%;                                 /*16.9% width of content area*/
}
/* =============Thomas Start============================ */
#thomas-info-section {
    padding: 1.25em 0 1.3125em 0;                           /* BASE FONT = 16px  >>> 20px 0 21px 0 / 16px = 1.25em 0 1.3125em 0*/
   text-align:center;
}
#thomas-info-section span {
    display: inline-block;
   vertical-align: top;
    padding: 0;
}
footer nav ul li {
    display: inline-block;
   vertical-align: top;
    padding: 0 0 0 0.9375em;                           /* BASE FONT = 16px  >>> 0 0 0 15px / 16px = 0 0 0 0.9375em*/
}
footer nav a {
    line-height: 1.2142857142857142em;                     /* BASE FONT = 14px  >>> 17px/ 14px = 1.2142857142857142em*/
}
/* =============Inner page Start============================ */
.inner-main-top{
    padding: 4.25em 0 0 0;                           /* BASE FONT = 12px  >>> 51px 0 0 0 / 12px = 4.25em 0 0 0*/
   min-height: 59.166666666666664em;                  /* BASE FONT = 12px  >>> 710px / 12px = 59.166666666666664em*/
}
.inner-content {
  padding: 0 4.083333333333333em 0 6.666666666666667em;      /* BASE FONT = 12px  >>> 0 49px 0 80px / 12px = 0 4.083333333333333em 0 6.666666666666667em*/
}
.subcontent {
    padding-bottom: 2.75em;                           /* BASE FONT = 12px  >>> 33px / 12px = 2.75em*/
}
.bg-about {
    background: url(/images/about-header-bg.jpg) no-repeat center -2.5em;      /* BASE FONT = 12px  >>> -30px / 12px = -2.5em*/
   background-size:  100% auto;
}
.cta-btn ,.input-btn {
    display: inline-block;
    margin: 0 0 2em 0;                           /* BASE FONT = 16px  >>> 0 0 32px 0 / 16px = 0 0 2em 0*/
    padding: 0.875em 1.75em 0.875em 1.75em;         /* BASE FONT = 16px  >>> 14px 28px 14px 28px / 16px = 0.875em 1.75em 0.875em 1.75em*/
    vertical-align: top;
}
.bottom-contact-container {
    margin: 2.1875em 0 0 0;                           /* BASE FONT = 16px  >>> 35px 0 0 0 / 16px = 2.1875em 0 0 0*/
}
.bottom-contact-container > img {
    border-top: 1px solid #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 50%;                              /*50% width of content area*/
}
.bg-compliance {
    background: url(/images/bg-compliance.png) no-repeat center -10.41666666666667em;            /* BASE FONT = 12px  >>> -125px / 12px = -10.41666666666667em */
   background-size: 100% auto;
}
.compliance-logo-container {
    padding: 4.166666666666667em 0 2.083333333333333em 0;            /* BASE FONT = 12px  >>> 50px 0 25px 0 / 12px = 4.166666666666667em 0 2.083333333333333em 0 */
}
.compliance-logo-container div{
   clear:right;
   margin-bottom: 1.75em;                                          /* BASE FONT = 12px  >>> 21px / 12px = 1.75em */
}
.compliance-logo-container div div {
    float: right;
    width: 73%;                                       /*73%  width of content area*/
   margin: 0 0 4.5em 0;                                 /* BASE FONT = 12px  >>> 0 0 54px 0 / 12px = 0 0 4.5em 0 */
}
.compliance-logo-container img {
    float: left;
    margin: 0.6666666666666667em 0 0 0;                                 /* BASE FONT = 12px  >>> 8px 0 0 0 / 12px = 0.6666666666666667em 0 0 0 */
    width: 23.9%;                                          /*23.9%  width of content area*/
}
.bg-compliance .cta-btn{
     width: 43%;
}
.compliance-logo-container .logo-box img {
    width: 33%;                                          /*33%  width of content area*/
}
.standard-list {
    -moz-column-count: 4;
   column-count: 4;
   -webkit-column-count: 4;
}

/*------------Service page style-------------*/
.bg-services {
    background: url(/images/services-header-bg.jpg) no-repeat 0.0833333333333333em -1.5em;   /* BASE FONT = 12px  >>> 1px -18px / 12px = 0.0833333333333333em 1.5em */
    padding: 4.333333333333333em 0 0 0;                                                               /* BASE FONT = 12px  >>> 52px 0 0 0 / 12px = 4.333333333333333em 0 0 0 */
   background-size: 100% auto;
   
}
.inner-main-top.bg-services h1 + h2 {
    width: 92%;                                     /* 92% width of its container */
}
.bg-services h1 {
    padding: 0 0 0.433333333333333em 0;             /* BASE FONT = 60px  >>> 26px / 60px = 0.433333333333333em */
}
.bg-services h2.subheading {
    line-height: 1.5em;                             /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
    padding: 0 0 1.4375em 0;                        /* BASE FONT = 16px  >>> 23px / 16px = 1.4375em */
}
/*------------Product page style-------------*/
.bg-products, .bg-common {
    background: url(/images/common-header-bg.jpg) no-repeat 0.0833333333333333em -3.166666666666667em;   /* BASE FONT = 12px  >>> 1px -38px / 12px = 0.0833333333333333em 3.166666666666667em */
   background-size: 100% auto;
    padding:4.41666666666667em 0 0 0;               /* BASE FONT = 12px  >>> 53px / 12px = 4.41666666666667em */
}
.bg-products h1{
    padding:0 0 0.45em 0;                           /* BASE FONT = 60px  >>> 27px / 60px = 0.45em */
}
.bg-products h2.subheading {
    line-height: 1.1875em;                          /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    padding: 0 0.875em 1.0625em 0;                  /* BASE FONT = 16px  >>> 0px 14px 17px 0px / 16px = 0 0.875em 1.0625em 0 */
}
.bg-products .cta-btn {
    float: right;
    margin: 0 0 2em 0;                              /* BASE FONT = 16px  >>> 32px / 16px = 2em */
    padding: 0.5625em 1.8125em 0.5em 1.8125em;      /* BASE FONT = 16px  >>> 9px 29px 8px 29px / 16px = 0.5625em 1.8125em 0.5em 1.8125em */
   width: auto;
   max-width:none;
}
.bg-products .right-container {
    padding: 0;
}
.page-wrapper {
    display: table;
    width: 100%;                                    /* 100% width of its container */
}
/*---------left-nav style----------*/
.left-nav {
    background-color: #dee4ed;
    display: table-cell;
    vertical-align: top;
    width: 30.8%;                                   /* 30.8% width of its container */
}
.right-container {
    display: table-cell;
    vertical-align: top;
    width:69%;                                      /* 69% width of its container */
}
.left-nav-title {
    color: #1e2f5e;
    font-size: 2em;                                 /* BASE FONT = 12px  >>> 24px / 12px = 2em */
    font-weight: 700;
    line-height: 1.16666666666667em;                /* BASE FONT = 24px  >>> 28px / 24px = 1.16666666666667em */
    padding: 1.08333333333333em 0em 1.33333333333333em 0.625em ;        /* BASE FONT = 24px  >>> 26px 0px 32px 15px / 24px = 1.08333333333333em 0em 1.33333333333333em 0.625em */
    text-transform: uppercase;
}
.left-nav-title a{
    text-decoration: none;
    color:#1e2f5e;
}
.left-nav-title a:hover{
    color:#feb914;
}
.left-nav > ul > li {
    padding: 0 1.83333333333333em 0 1.83333333333333em;      /* BASE FONT = 12px  >>> 22px / 12px = 1.83333333333333em */
    position: relative;
   margin-bottom: 0.8333333333333333em;                           /* BASE FONT = 12px  >>> 10px / 12px = 0.8333333333333333em */
   line-height:normal;
}
.left-nav > ul > li span::before {
    content: "+";
    font-weight: 700;
    left: 1em;                              /* BASE FONT = 12px  >>> 12px / 12px = 1em */
    position: absolute;
    top: 0;
    cursor: pointer;
}
.left-nav > ul > li.active span::before {
    content: "-";
    font-weight: 700;
    position: absolute;
    top: 0; 
}
.left-nav > ul > li > ul li {
    padding: 0 0 0.5em 0.583333333333333em;       /* BASE FONT = 12px  >>> 0px 0px 6px 7px / 12px = 0 0 0.5em 0.583333333333333em */
}
.left-nav ul > li > ul {
    padding: 0 0 0 0;            /* BASE FONT = 12px  >>> 14px / 12px = 1.16666666666667em */
}
.left-nav > ul > li > a {
    color: #1e2f5e;
    display: inline-block;
    font-size: 1.16666666666667em;              /* BASE FONT = 12px  >>> 14px / 12px = 1.16666666666667em */
    font-weight: 700;
    line-height: 1.28571428571429em;            /* BASE FONT = 14px  >>> 18px / 14px = 1.28571428571429em */
    margin: 0 0 0.928571428571429em 0;          /* BASE FONT = 14px  >>> 13px / 14px = 0.928571428571429em */
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
}
.left-nav > ul > li > a:hover {
   color: #feb914;
}
.left-nav > ul > li > ul a {
    color: #1e2f5e;
    font-size: 0.8571428571428571em;             /* BASE FONT = 14px  >>> 12px / 14px = 0.8571428571428571em */
    font-weight: 400;
    line-height: 1.25em;                         /* BASE FONT = 12px  >>> 15px / 12px = 1.25em */
    text-decoration: none;
   display:inline-block;
   vertical-align:top;
}
.left-nav > ul > li > ul a:hover{
    color:#000000;
}
.left-nav ul > li > ul {
    display: none;
}

.left-nav > ul > li > a > sup {
    display: inline-block;
    font-weight: 400;
    vertical-align: text-top;
}
.left-nav > ul > li > a span:before {
    cursor: none;
    left: 0.7857142857142857em;                              /* BASE FONT = 14px  >>> 11px / 14px =  0.7857142857142857em */
}
.left-nav > ul > li > a:hover span{
   color: #1e2f5e;
}
/*---------right container style---------*/
.bg-products .right-container > div {
    display: inline-block;
    margin: 0 0 0 1.41666666666667em;           /* BASE FONT = 12px  >>> 17px / 12px = 1.41666666666667em */
    vertical-align: top;
    width: 45%;                                 /* 45% width of its container */
   max-width:none;
}
.bg-products .right-container > div a {
    border-top: 7px solid #1a52a1;
}
.bg-products .right-container > div a:hover {
    border-top: 7px solid #feb914;
}
.bg-products .right-container > div:nth-of-type(2n) {
    margin: 0 0 0 0.916666666666667em;                                          /* BASE FONT = 12px  >>> 11px / 12px = 0.916666666666667em */
    width: 46%;                                                                 /* 46% width of its container */
}
.bg-products .right-container > div img {
    margin: 0 0 1.16666666666667em 0;                                           /* BASE FONT = 12px  >>> 14px / 12px = 1.16666666666667em */
}
.bg-products .right-container .product-heading {
    font-size: 1em;                                                             /* BASE FONT = 12px  >>> 12px / 12px = 1em */
    line-height: 0.916666666666667em;                                           /* BASE FONT = 12px  >>> 11px / 12px = 0.916666666666667em */
    padding: 0 0 0.75em 0;                                                      /* BASE FONT = 12px  >>> 9px / 12px = 0.75em */
    min-height: 2.91666666666667em;                                             /* BASE FONT = 12px  >>> 35px / 12px = 2.91666666666667em */
}
.bg-products .right-container .product-heading::after {
    font-size: 1.1em;                                                          /* BASE FONT = 12px  >>> 20px / 12px = 1.66666666666667em */
    line-height: 1em;                                                           /* BASE FONT = 20px  >>> 20px / 20px = 1em */
    margin: 0 0 0 0.35em;                                                       /* BASE FONT = 20px  >>> 7px / 20px = 0.35em */
}
.additional-text{
     font-size: 3.33333333333333em;                                             /* BASE FONT = 12px  >>> 40px / 12px = 3.33333333333333em */
    line-height: 1.025em;                                                       /* BASE FONT = 40px  >>> 41px / 40px = 1.025em */
    padding: 0 0 0.6em 0.45em;                                                  /* BASE FONT = 40px  >>> 0px 0px 24px 18px / 40px = 0 0 0.6em 0.45em */
}
.bg-products .right-container sup{
   display: inline-block;
    font-weight: 400;
    vertical-align: text-top;
}
/*---manufacture page style-----------*/
.bg-manufacturers {
    background: url(/images/manufacturers-header-bg.jpg) no-repeat 0 -3.083333333333333em;   /* BASE FONT = 12px  >>> 37px / 12px = 3.083333333333333em */
   background-size: 100% auto;
    padding: 4.16666666666667em 0 0 0;                                          /* BASE FONT = 12px  >>> 50px / 12px = 4.16666666666667em */
}
.bg-manufacturers h1 {
    font-size:5em;                                                              /* BASE FONT = 12px  >>> 60px / 12px = 5em */
    line-height:1.08333333333333em;                                             /* BASE FONT = 60px  >>> 65px / 60px = 1.08333333333333em */
    padding:0 0 0.416666666666667em 0;                                          /* BASE FONT = 60px  >>> 0 0 25px 0 / 60px = 0 0 0.416666666666667em 0 */
}
.bg-manufacturers h2.subheading {
    padding:0 0 2.8125em 0;                                                     /* BASE FONT = 16px  >>> 0 0 45px 0 / 16px = 0 0 2.8125em 0 */
}
.bg-manufacturers .cta-btn {
    margin:0 0 1.875em 0;                                                       /* BASE FONT = 16px  >>> 0 0 30px 0 / 16px = 0 0 1.875em 0 */
    padding:0.875em 4.0625em 0.9375em 4.0625em;                                 /* BASE FONT = 16px  >>> 14px 65px 15px 65px / 16px = 0.875em 4.0625em 0.9375em 4.0625em */
}
.manufacturers-info > div {
    width: 23.5%;                                                               /* 23.5% width of its container */
    margin: 0 1.171875% 1.171875% 0;                                                      /* BASE FONT = 12px  >>> 0 0.8% 10px 0 / 12px = 0 0.8% 0.833333333333333em 0 */
}
.manufacturers-info > div:nth-of-type(3n-1) {
    margin: 0 1.171875% 1.171875% 0;                                                      /* BASE FONT = 12px  >>> 0 0.8% 10px 0 / 12px = 0 0.8% 0.833333333333333em 0 */
}
.manufacturers-info > div:nth-of-type(4n) {
    margin:0 0 1.171875% 0;                                           /* BASE FONT = 12px  >>> 0 0 10px 0 / 12px = 0 0 0.833333333333333em 0 */
}
.manufacturers-info > div .hover-effect {
    border-top: 2px solid #ffffff;
    min-height:10.83333333333333em;                                                          /* BASE FONT = 12px  >>> 130px / 12px = 10.83333333333333em */
    padding:1.25em 0.75em 0.833333333333333em 0.75em;                           /* BASE FONT = 12px  >>> 15px 9px 10px 9px / 12px = 1.25em 0.75em 0.833333333333333em 0.75em */
}
.hover-effect-title {
    font-size:1.58333333333333em;                                               /* BASE FONT = 12px  >>> 19px / 12px = 1.58333333333333em */
    line-height:1.21052631578947em;                                             /* BASE FONT = 19px  >>> 23px / 19px = 1.21052631578947em */
}
.hover-effect-title span {
    font-size:0.631578947368421em;                                              /* BASE FONT = 19px  >>> 12px / 19px = 0.631578947368421em */
    line-height:1.33333333333333em;                                             /* BASE FONT = 12px  >>> 16px / 12px = 1.33333333333333em */
    padding:0.666666666666667em 0 0 0;                                          /* BASE FONT = 12px  >>> 8px 0 0 0 / 12px = 0.666666666666667em 0 0 0 */
}
.hover-effect-title span.small-txt {
    font-size:0.526315789473684em;                                              /* BASE FONT = 19px  >>> 10px / 19px = 0.526315789473684em */
    line-height:1.4em;                                                          /* BASE FONT = 10px  >>> 14px / 10px = 1.4em */
    font-weight: 700;
    padding: 0;
}
/*----------assembly-------*/
.pdf-functionality .text-right{
    text-align: right;
}
.pdf-functionality .right-container {
    padding:0;
}
.pdf-functionality .right-container h2.subheading{
    font-size:1.41666666666667em;                                               /* BASE FONT = 12px  >>> 17px / 12px = 1.41666666666667em */
    line-height:1.17647058823529em;                                             /* BASE FONT = 17px  >>> 20px / 17px = 1.17647058823529em */
    padding:0 0 0.941176470588235em 0;                                          /* BASE FONT = 17px  >>> 0 0 16px 0 / 17px = 0 0 0.941176470588235em 0 */
}
.pdf-functionality .left-nav {
    padding:2.33333333333333em 0 0 0;                                           /* BASE FONT = 12px  >>> 28px 0 0 0 / 12px = 2.33333333333333em 0 0 0 */
}

.left-nav .title {
    color: #1e2f5e;
    display: block;
    font-size:2em;                                                              /* BASE FONT = 12px  >>> 24px / 12px = 2em */
    font-weight: 700;
    line-height:1.125em;                                                        /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
    padding:0 0 1.375em 0.666666666666667em;                                    /* BASE FONT = 24px  >>> 0 0 33px 16px / 24px = 0 0 1.375em 0.666666666666667em */
}
.left-nav .title a {
    color: #1e2f5e;
    text-decoration: none;
}
.pdf-section div, .pdf-section-active div {
    text-align: left;
}
.pdf-section div div, .pdf-section-active div div {
    display: inline-block;
    font-size:0.916666666666667em;                                              /* BASE FONT = 12px  >>> 11px / 12px = 0.916666666666667em */
    line-height:1.27272727272727em;                                             /* BASE FONT = 11px  >>> 14px / 11px = 1.27272727272727em */
    margin:0 0.454545454545455em 0.727272727272727em 0;                         /* BASE FONT = 11px  >>> 0 5px 8px 0 / 11px = 0 0.454545454545455em 0.727272727272727em 0 */
    max-width:26.3636363636364em;                                               /* BASE FONT = 11px  >>> 290px / 11px = 26.3636363636364em */
    padding:0.636363636363636em 0.272727272727273em 0.636363636363636em 0.818181818181818em;    /* BASE FONT = 11px  >>> 7px 3px 7px 9px / 11px = 0.636363636363636em 0.272727272727273em 0.636363636363636em 0.818181818181818em */
    vertical-align: top;
    width: 48%;                                                                 /* 48% width of its container */
}
.pdf-functionality .pdf-section, .pdf-functionality .pdf-section-active {
    margin:0 0 0.666666666666667em 1.25em;                                      /* BASE FONT = 12px  >>> 0 0 8px 15px / 12px = 0 0 0.666666666666667em 1.25em */
    padding:0 0 0.5em 0;                                                        /* BASE FONT = 12px  >>> 0 0 6px 0 / 12px = 0 0 0.5em 0 */
    position: relative;
}
.pdf-section img, .pdf-section-active img{
    margin:0 0.454545454545455em 0 0;                                           /* BASE FONT = 11px  >>> 0 5px 0 0 / 11px = 0 0.454545454545455em 0 0 */
    width:1.81818181818182em;                                                   /* BASE FONT = 11px  >>> 20px / 11px = 1.81818181818182em */
}
.pdf-section div div:nth-of-type(2n), .pdf-section-active div div:nth-of-type(2n) {
    margin:0 0 0.727272727272727em 0.454545454545455em;                         /* BASE FONT = 11px  >>> 0 0 8px 5px / 11px = 0 0 0.727272727272727em 0.454545454545455em */
}
.pdf-functionality .pdf-section > a {
    position: absolute;
    right: 0;
    top: 0;
}
.pdf-section div a, .pdf-section-active div a{
    width: calc(100% - 3.63636363636364em);                                     /* BASE FONT = 11px  >>> 40px / 11px = 3.63636363636364em */
}
.pdf-functionality .h2-subheading{
    font-size:1.5em;                                                            /* BASE FONT = 12px  >>> 18px / 12px = 1.5em */
    line-height:1.16666666666667em;                                             /* BASE FONT = 18px  >>> 21px / 18px = 1.16666666666667em */
}
/*=============Home Styles===============================*/
body[data-pagetype="home"] header nav{
   padding: 0.875em 0 0.75em 0;                        /* BASE FONT = 16px  >>> 14px 0 12px 0/ 16px = 0.875em 0 0.75em 0*/                                    
}
.bg-home {
    background: url(/images/bg-home.jpg) no-repeat center -2em;    /* BASE FONT = 12px  >>> -24px/ 12px =-2em*/
   background-size: 100% auto;  
}
body[data-pagetype="home"] .inner-main-top {
    padding: 4.25em 0 0 0;                                       /* BASE FONT = 12px  >>> 51px 0 0 0/ 12px =4.25em 0 0 0*/   
}
.heading-container {
    padding: 0 0 2.5em 0;                                       /* BASE FONT = 12px  >>> 0 0 30px 0/ 12px = 0 0 2.5em 0*/   
}
.heading-container h1 {
    padding: 0 0 0.4166666666666667em 0;                           /* BASE FONT = 60px  >>> 0 0 25px 0/ 60px = 0 0 0.4166666666666667em 0*/   
}
.heading-container p {
    padding: 0 2.5em 1.5em 0;                                   /* BASE FONT = 12px  >>> 0 30px 18px 0/ 12px = 0 2.5em 1.5em 0*/
}                                 
#bucket-container h2 {
   padding: 0 0 0.9em 0;                                    /* BASE FONT = 16px  >>> 0 0 54px 0/ 16px =0 0 0.9em 0*/
}
body[data-pagetype="home"] .search-box-container {
    border-top: 8px solid #1a52a1;
    margin: 0;
    padding: 2.0833333333333335em 0 0 2em;                        /* BASE FONT = 12px  >>> 25px 0 0 24px/ 12px =2.0833333333333335em 0 0 2em*/                           
}
body[data-pagetype="home"] .search-box-container > h2 {
    color: #1a52a1;
    font-size: 2em;         /* BASE FONT = 12px  >>> 24px/ 12px =2em*/   
    line-height: 1.125em;      /* BASE FONT = 24px  >>> 27px/ 24px =1.125em*/   
    padding: 0 0 0.4166666666666667em 0;      /* BASE FONT = 24px  >>> 0 0 10px 0/ 24px =0 0 0.4166666666666667em 0*/   
}
body[data-pagetype="home"] .search-box-container > p {
    padding: 0 0 0.9375em 0;                                 /* BASE FONT = 16px  >>> 0 0 15px 0/ 16px =0 0 0.9375em 0*/
}
body[data-pagetype="home"] .search_btn{
   background:url(/images/bg-index-search.jpg) no-repeat;
   width: 8.5625em;                                       /* BASE FONT = 16px  >>> 137px/ 16px =8.5625em*/
   height: 2.25em;                                          /* BASE FONT = 16px  >>> 36px/ 16px =8.5625em*/
}
body[data-pagetype="home"] .search-box-container .search_btn:hover{
   background:url(/images/bg-index-search-hover.jpg) no-repeat;

}
body[data-pagetype="home"] .search-box-container .search_text {
    width: 66%;                                       /*71.8% width of content area*/
   max-width: 34.35714285714286em;                        /* BASE FONT = 14px  >>> 481px/ 14px = 34.35714285714286em */
}
body[data-pagetype="home"] .search-box-container #form-select {
    padding: 2em 0 2em 0;                                 /* BASE FONT = 12px  >>> 24px 0 24px 0/ 12px = 2em 0 2em 0 */
}
body[data-pagetype="home"] .search-box-container #form-select br{
   display:none;
}
body[data-pagetype="home"] .search-box-container label {
    padding: 0;
   width:40%;
}
body[data-pagetype="home"]  a.menu-trigger {
    margin: 0;
    padding: 0.14285714285714285em 3.642857142857143em 0 0;                              /* BASE FONT = 14px  >>> 2px 51px 0 0/ 14px = 0.14285714285714285em 3.642857142857143em 0 0*/
}
body[data-pagetype="home"] a.menu-trigger span {
    top: -0.35714285714285715em;                                          /* BASE FONT = 14px  >>> -5px/ 14px = -0.35714285714285715em*/
}
#bucket-container h2, #manufacturers-container h2 ,#product-box h2{
   font-size:5em;                  /* BASE FONT = 12px  >>> 60px/ 12px = 5em*/
   line-height:1em;                  /* BASE FONT = 60px  >>> 60px/ 60px = 1em*/
}
#bucket-container {
    padding:  3.9166666666666665em 0 0.6666666666666666em 0;            /* BASE FONT = 12px  >>>  47px 0 8px 0/ 12px =  3.9166666666666665em 0 0.6666666666666666em 0*/
}
#product-box {
    background: url(/images/bg-product-pattern.jpg) repeat 0 0;
    display: block;
    padding: 3.3333333333333335em 0 2.25em 0;                        /* BASE FONT = 12px  >>>  40px 0 27px 0/ 12px =  3.3333333333333335em 0 2.25em 0*/
}
.see-all-link {
    font-size: 0.4em;                  /* BASE FONT = 60px  >>>  24px/ 60px =  0.4em*/
    line-height: 1.125em;                     /* BASE FONT = 24px  >>>  27px/24px =  1.125em*/
    margin-top: 2.2083333333333335em;                  /* BASE FONT = 24px  >>>  53px/24px =  2.7083333333333335em*/
    background: url(/images/icon-plus.png) no-repeat right 0.041666666666666664em;  /* BASE FONT = 24px  >>>  1px/24px =  0.041666666666666664em*/
   background-size: 16% auto;
      padding:  0 1.5416666666666667em 0 0;      /* BASE FONT = 24px  >>>   0 37px 0 0/24px =   0 1.5416666666666667em 0 0*/
}
.see-all-link:hover{
   background: url(/images/icon-plus-hover.png) no-repeat right 0.041666666666666664em;  /* BASE FONT = 24px  >>>  1px/24px =  0.041666666666666664em*/
   background-size: 16% auto;
}
#bucket-container div article:nth-of-type(-n+3) {
    display: inline-block;
    vertical-align: top;
}
#bucket-container div article ,#product-box div div  {
    display: inline-block;
    margin-right: 2.2%;      /*2.8% width of content area*/
    vertical-align: top;
    width: 48.8%;  /*48.8% width of content area*/
}
#bucket-container div article a, #product-box div div a {
    border-top: 8px solid #1a52a1;
    font-size: 1.5833333333333333em;  /* BASE FONT = 12px  >>>  19px/12px =  1.5833333333333333em*/
    line-height: 1.263157894736842em;       /* BASE FONT = 19px  >>>  24px/19px =  1.263157894736842em*/
}
#bucket-container div article sup ,#product-box div div sup{
   font-size: 0.5789473684210526em;               /* BASE FONT = 19px  >>> 11px/ 19px = 0.5789473684210526em*/   
}
#bucket-container div article a {
    padding: 0.7368421052631579em 0 2.1578947368421053em 0;    /* BASE FONT = 19px  >>> 14px 0 41px 0/19px =  0.7368421052631579em 0 2.1578947368421053em 0*/
}
#bucket-container div article span ,#product-box div div span {
    padding: 0 0 0.6842105263157895em 0;                      /* BASE FONT = 19px  >>> 0 0 13px 0/19px =  0 0 0.6842105263157895em 0*/
}
#bucket-container div article span ,#product-box div div span {
     padding: 0 0 0.6842105263157895em 0;                      /* BASE FONT = 19px  >>> 0 0 13px 0/19px =  0 0 0.6842105263157895em 0*/
     min-height:2.3684210526315788em;                               /* BASE FONT = 19px  >>> 45px/19px =  2.3684210526315788em*/
}
#bucket-container div article:nth-of-type(2n+2) ,#product-box div div:nth-of-type(2n+2) {
    margin-right: 0;
}
.home-btn{
   display:none;
}
#product-box div div span {
    height: 3.3684210526315788em;                         /* BASE FONT = 19px  >>> 64px/19px =  3.3684210526315788em*/                  
} 
#product-box h2 {
    padding:  0 0 1.5em 0;                           /* BASE FONT = 60px  >>>  0 0 90px 0/60px =   0 0 1.5em 0*/      
}
#product-box div div a {
    padding: 0.5789473684210527em 0 0.6842105263157895em 0;      /* BASE FONT = 19px  >>>11px 0 13px 0/19px =  0.5789473684210527em 0 0.6842105263157895em 0*/   
}
#manufacturers-container {
    padding: 2.9166666666666665em 0 3.5em 0;                        /* BASE FONT = 12px  >>>35px 0 42px 0/12px =  2.9166666666666665em 0 3.5em 0*/
}
#manufacturers-container h2 {
    padding:  0 0 1.166666666666667em 0;                  /* BASE FONT = 60px  >>>   0 0 70px 0/60px =    0 0 1.166666666666667em 0*/      
}
#manufacturers-container .see-all-link {
    margin: 1.625em 0 0 0;               /* BASE FONT = 24px  >>>   39px 0 0 0/24px =    0.25em 0 0 0*/
}
.manufacturers-links a,.manufacturers-links a:nth-of-type(-n+3){
    display: inline-block;
    margin-right: 1.8333333333333333em;         /* BASE FONT = 12px  >>>11px 0 13px 0/12px =  1.8333333333333333em*/   
    vertical-align: top;
   margin-bottom:0;
   max-width: 32.916666666666664em;            /* BASE FONT = 12px  >>>395px/12px =  32.916666666666664em*/
   width:30%;
}
.manufacturers-links a:nth-of-type(3n+3){
    margin-right: 0;
}
/*contact-page-style- starts*/
.bg-contact{
   background-size: 101% auto;
   background-position: center -10.91666666666667em;         /* BASE FONT = 12px  >>> 131px/ 18px = 10.91666666666667em*/
}
.bg-contact .inner-wrap{
   padding: 0 4.166666666666667em 0 4.166666666666667em;      /* BASE FONT = 12px  >>> 0 50px 0 50px/ 12px = 0 4.166666666666667em 0 4.166666666666667em*/
}

.bg-contact h1 {
    padding: 0 0.2833333333333333em 0.5166666666666667em 0;            /* BASE FONT = 60px  >>> 0 17px 31px 0/ 60px = 0 0.2833333333333333em 0.5166666666666667em 0*/
}

.bg-contact h2.subheading {
    padding: 0 6.75em 2.5em 0;                        /* BASE FONT = 60px  >>> 0 108px 40px 0/ 60px = 0 6.75em 2.5em 0*/
}
.lh-form {
    float: right;
    padding: 1.6666666666666667em 1.25em 0 1.25em;                        /* BASE FONT = 12px  >>> 20px 15px 0 15px/ 13px = 1.6666666666666667em 1.25em 0 1.25em*/
    width: 31%;
}
.input-box {
    margin: 0 0 2.5em 0;            /* BASE FONT = 12px  >>> 0 0 30px 0/ 12px = 0 0 2.5em 0*/
    width: 100%;
      height: 3.5em;                  /* BASE FONT = 12px  >>> 42px/ 12px = 3.5em*/
}
h2.find {
    padding: 0 0 1em 0;            /* BASE FONT = 18px  >>> 0 0 18px 0/ 18px = 0 0 1em 0*/
}
.rh-form {
    padding: 1.6666666666666667em 2.3333333333333335em 1.6666666666666667em 2.3333333333333335em;      /* BASE FONT = 12px  >>> 20px 28px 20px 28px/ 12px = 1.6666666666666667em 2.3333333333333335em 4.833333333333333em 2.3333333333333335em*/
    width: 55%;
}
.lh-form form p {
    padding: 0 0 1.8333333333333333em 0;      /* BASE FONT = 16px  >>>  0.375em 33px 0.375em 33px /16px = 0 0 1.8333333333333333em 0*/
}
.rh-form .input-btn {
   width:auto;
   padding: 0.875em 1.5625em 0.875em 1.5625em;     /* Base Font = 16px  >>>14px 25 14px 25/ 16px = 0.375em 1.5625em 0.375em 1.5625em*/
}
.rh-form > h2{
     padding: 0 0 0.7222222222222222em 0 ;      /* BASE FONT = 18px  >>>  0 0 13px 0 /18px = 0 0 0.7222222222222222em 0 */
}
.fieldwrapper .styled {
    font-size: 1.0833333333333333em;      /* BASE FONT = 12px  >>>  13px /12px = 1.0833333333333333em*/
    line-height: 1em;                  /* BASE FONT = 13px  >>>  13px /13px = 1em*/
    margin-bottom: 0.38461538461538464em;   /* BASE FONT = 13px  >>>  5px /13px = 0.38461538461538464em*/
}
.rh-form > p {
    padding:  0 0 1.5em 0;               /* BASE FONT = 12px  >>>   0 0 18px 0 /12px =  0 0 1.5em 0*/
}
.rh-form .fieldwrapper .thefield textarea {
    height: 6.076923076923077em;                     /* BASE FONT = 13px  >>>   79px /13px =  6.076923076923077em*/
}
.rh-form .fieldwrapper {
    padding: 0 0 1.2857142857142858em 0;               /* BASE FONT = 14px  >>>   0 0 18px 0 /14px =  0 0 1.2857142857142858em 0*/
}
.buttonsdiv {
   padding-right: 1.0833333333333333em;               /* BASE FONT = 12px  >>>   13px /12px =  1.0833333333333333em*/
}
.input_btn[value] {
    width: 58%;
}
.locate {
    display: inline-block;
    margin-right: 2%;
    padding: 2.5em 0 2.5em 0;               /* BASE FONT = 12px  >>>   30px 0 30px 0/12px =  2.5em 0 2.5em 0*/
    vertical-align: top;
    width: 48.7%;
   border-top: 8px solid #1a52a1;
}
.locate:nth-of-type(2n-2){
   margin-right:0;
}
.locate span:first-child {
    font-size: 6.666666666666667em;                /* BASE FONT = 12px  >>>  80px/12px =  6.666666666666667em*/
    margin: 0.075em 0 0.6875em 0.075em;     /* BASE FONT = 80px  >>>  6px 0 55px 6px/80px =  0.075em 0 0.6875em 0.075em*/
}
h2.loctn {
    font-size: 5em;       /* BASE FONT = 12px  >>>  60px/12px =  5em*/
    line-height: 1em;    /* BASE FONT = 60px  >>>  60px/60px =  1em*/
    padding: 0.8333333333333334em 0 0.7em 0;   /* BASE FONT = 60px  >>>  50px 0 42px 0/60px =  0.8333333333333334em 0 0.7em 0*/
}
.locations {
    padding: 0;
}
.locate .map {
    font-size: 1.5833333333333333em;         /* BASE FONT = 12px  >>>  19px/12px =  1.5833333333333333em*/
}
.locate .map:after {
    font-size: 1.4210526315789473em;         /* BASE FONT = 19px  >>>  27px/19px =  1.4210526315789473em*/
   padding: 0 0 0 0.42105263157894735em;      /* BASE FONT = 19px  >>>  0 0 0 8px/19px =  0 0 0 0.42105263157894735em*/
}
.locations p {
    font-size: 1.25em;                     /* BASE FONT = 12px  >>>  15px/12px = 1.25em*/
    line-height: 1.5em;                     /* BASE FONT = 15px  >>>  18px/15px = 1.5em*/
}
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 1024px/16px = 64em*/
@media only screen and (min-width: 64em) {
/* =============Header Start============================ */
header{
   text-align:left;
}
#header-top-container {
    padding: 0.6875em 0 0.5625em 0;                  /* BASE FONT = 16px  >>> 11px 0 9px 0 / 16px = 0.6875em 0 0.5625em 0*/
}
header nav ,body[data-pagetype="home"] header nav {
    padding: 0.75em 0 0.75em 0;                     /* BASE FONT = 16px  >>> 12px 0 12px 0 / 16px = 0.75em 0 0.75em 0*/
}
header .utility-nav a[title^="ISO"] img {
    margin: 0;
    width: auto;
}
header .utility-nav .view-cart img {
    margin: 0;
    vertical-align: top;
    width: auto;
}
.header-logo {
   display:inline-block;
   vertical-align:top;
   margin: 0.625em 0 0 0;                        /* BASE FONT = 16px  >>> 10px 0 0 0 / 16px = 0.625em 0 0 0*/
}
header nav, body[data-pagetype="home"] header nav {
    margin: 0;
    padding: 1.5em 0 1.25em 0;                         /* BASE FONT = 16px  >>> 24px 0 20px 0 / 16px = 1.5em 0 1.25em 0*/
    position: relative;
}
header > nav > div > ul {
    background: none;
    display: block;
    margin: 0;
    padding: 0;
    position: inherit;
    width: auto;
   text-align:center;
}
header nav  ul > li:first-child{
   padding-left:0;
}
header nav  ul > li:last-child{
   padding-right:0;
}
header nav  ul > li{
   display:inline-block;
   padding: 0 1.2% 0 1.2%;                           /*0 1.2% 0 1.2% width of content area*/
}
header nav  ul > li > a {
    color: #ffffff;
    padding: 0;
   vertical-align:inherit;
   color: #ffffff;
    font-size: 1.125em;                              /* BASE FONT = 16px  >>> 18px / 16px = 1.125em*/
    line-height: 1.1666666666666667em;                           /* BASE FONT = 18px  >>> 21px/ 18px = 1.1666666666666667em*/
   display:inline-block;
}
header nav ul > li:first-child a{
     line-height: 1.1666666666666667em;                           /* BASE FONT = 18px  >>> 21px/ 18px = 1.1666666666666667em*/
   padding:0;
}
a.menu-trigger{
   display:none;
}
/* =============Logo Start============================ */
#logo-container {
    padding: 2.5625em 0 2.875em 0;                  /* BASE FONT = 16px  >>> 41px 0 46px 0 / 16px = 2.5625em 0 2.875em 0*/
}
/* =============Search Box Start============================ */
.search-box {
    float: right;
    margin: 0 auto;
    width: auto;
   display:block;
}
.search_text{
   width: 17.142857142857142em;                        /* BASE FONT = 14px  >>> 240px / 14px = 17.142857142857142em*/
}
.search-box label {
   padding:0;
   width:43%;
}
.search-trigger {
   display:none;
}
p{
    padding-bottom: 1.6666666666666667em;                     /* BASE FONT = 18px  >>> 30px / 18px = 1.6666666666666667em*/
}
/* =============main Start============================ */
main{
   font-size:1.125em;                                 /* BASE FONT = 16px  >>> 18px / 16px = 1.125em*/
   line-height: 1.6666666666666667em;                     /* BASE FONT = 18px  >>> 30px / 18px = 1.6666666666666667em*/
}
main .inner-wrap ,.bottom-contact-container .inner-wrap {
   padding: 0 2.7777777777777777em 0 2.7777777777777777em;      /* BASE FONT = 18px  >>> 0 50px 0 50px / 18px = 0 2.7777777777777777em 0 2.7777777777777777em*/                                       
   max-width: 71.11111111111111em;                        /* BASE FONT = 18px  >>> 1280px / 18px = 71.11111111111111em*/                              
}
h1 {
    font-size: 4em;                                 /* BASE FONT = 18px  >>> 72px / 18px = 4em*/
    line-height: 1em;                              /* BASE FONT = 72px  >>> 72px / 72px = 1em*/
   padding: 0 0 0.5em 0;                            /* BASE FONT = 72px  >>> 0 0 36px 0/ 72px = 0 0 0.5em 0*/
}
.bg-manufacturers h1 {
    font-size: 3.333333333333333em;                                   /* BASE FONT = 12px  >>> 60px / 18px = 3.333333333333333em */
    line-height: 1.16666666666667em;                    /* BASE FONT = 64px  >>> 64px / 60px = 1.16666666666667em */
}
h2{
    font-size: 1.2222222222222223em;                  /* BASE FONT = 18px  >>> 22px / 18px = 1.2222222222222223em*/
    line-height: 1.1363636363636365em;                  /* BASE FONT = 22px  >>> 22px / 22px = 1.1363636363636365em*/
    padding: 0 0 0.18181818181818182em 0;               /* BASE FONT = 22px  >>> 0 0 4px 0 / 22px = 0 0 0.18181818181818182em 0*/
}
h2.subheading {
    padding: 0 0 1.5454545454545454em 0;               /* BASE FONT = 22px  >>> 0 0 34px 0; / 22px = 0 0 1.5454545454545454em 0*/
}
h3{
   font-size: 1.3333333333333333em;                  /* BASE FONT = 18px  >>> 24px / 18px = 1.3333333333333333em*/
   line-height: 1.125em;                           /* BASE FONT = 24px  >>> 27px / 24px = 1.125em*/
   float: left;
   padding: 1.25em 0 1.375em 0;                     /* BASE FONT = 24px  >>> 30px 0 33px 0 / 24px = 1.25em 0 1.375em 0*/
   text-align: left;
}
/* =============Utility nav Styles=============================== */
header .utility-nav .login {
    margin: 0.21428571428571427em 1.7857142857142858em 0 0;      /* BASE FONT = 14px  >>> 3px 25px 0 0 / 14px = 0.21428571428571427em 1.7857142857142858em 0 0*/
}
header .utility-nav .view-cart {
    margin: 0 1.7142857142857142em 0 0;                     /* BASE FONT = 14px  >>> 0 24px 0 0/ 14px = 0 1.7142857142857142em 0 0*/
}
header .utility-nav .view-cart span {
    padding: 0.14285714285714285em 0 0 0.2857142857142857em;   /* BASE FONT = 14px  >>> 2px 0 0 4px/ 14px = 0.14285714285714285em 0 0 0.2857142857142857em*/
}
header .utility-nav .email-text{
   padding: 0.14285714285714285em 0 0 0;                  /* BASE FONT = 14px  >>> 2px 0 0 0/ 14px = 0.14285714285714285em 0 0 0*/
}
header .utility-nav .desktop-tel {
    margin: 0 1.3125em 0 0;                              /* BASE FONT = 14px  >>> 0 21px 0 0/ 16px =0 1.3125em 0 0*/
}
header .utility-nav .desktop-tel span{
   padding: 0.35714285714285715em 0 0 0.35714285714285715em;   /* BASE FONT = 14px  >>> 5px 0 0 5px/ 14px = 0.35714285714285715em 0 0 0.35714285714285715em*/
}
header .utility-nav a[title^="Email"] {
    margin: 0 1.6428571428571428em 0 0;                                 /* BASE FONT = 14px  >>> 0 23px 0 0/ 14px = 0 1.6428571428571428em 0 0*/
}
/* =============Bottom Contact Container Styles=============================== */
.bottom-contact-container > img[title^="Engineer Ordering To Worker"] {
    border-right: 1px solid #ffffff;
}
.bottom-contact-container > img {
    width: 49.90%;                                 /*49.90%width of content area*/
   border-top: 2px solid #ffffff;
}
.bottom-contact-container a {
   float: right;
    font-size: 0.8888888888888888em;                           /* BASE FONT = 18px  >>> 16px / 18px = 0.8888888888888888em*/   
    line-height: 1.25em;                                    /* BASE FONT = 16px  >>> 20px / 16px = 1.25em*/   
    margin: 1.5em 0 0 0;                                    /* BASE FONT = 16px  >>> 24px 0 0 0 / 16px = 1.5em 0 0 0*/                                       
    padding: 0.5625em 2.125em 0.5625em 2.125em;                  /* BASE FONT = 16px  >>> 9px 34px 9px 34px / 16px = 0.5625em 2.125em 0.5625em 2.125em*/   
}
/* =============Home Styles=============================== */

#bucket-container div article, #product-box div div {
  width: 31.7%;  /*31.6width of content area*/
   max-width: 34.583333333333336em;  /* BASE FONT = 12px  >>> 415px/ 12px = 34.583333333333336em*/
}
#bucket-container div article:nth-of-type(2n+2), #product-box div div:nth-of-type(2n+2) {
    margin-right: 2%;       /*2%width of content area*/
}
#bucket-container div article:nth-of-type(3n+3), #product-box div div:nth-of-type(3n+3) {
    margin-right: 0;
}
#bucket-container{
   padding: 1.583333333333333em 0 4.083333333333333em 0;               /* Base Font = 12px  >>>19px 0 49px 0/ 12px = 1.583333333333333em 0 4.083333333333333em 0*/
}

header nav, body[data-pagetype="home"] header nav {
    margin: 0;
    padding: 1.5em 0 1.25em 0;                         /* BASE FONT = 16px  >>> 24px 0 20px 0 / 16px = 1.5em 0 1.25em 0*/
    position: relative;
}
body[data-pagetype="home"] .footer-top-container,.footer-top-container {
    padding: 2.375em 0 2em 0;                     /* BASE FONT = 16px  >>> 38px 0 32px 0 / 16px = 2.375em 0 2em 0*/
}
.bg-compliance .cta-btn {
    margin: 0.5em 0 0 0;                  /* BASE FONT = 16px  >>> 8px 0 0 0 / 16px = 0.5em 0 0 0*/
}

.bg-compliance + .bottom-contact-container {
    display: block;
}
.inner-main-top {
    padding: 4.944444444444445em 0 0 0;                      /* BASE FONT = 18px  >>> 89px 0 0 0 / 18px = 4.944444444444445em 0 0 0*/
}
bg-about {
     background: url(/images/about-header-bg.jpg) no-repeat center -4.277777777777778em;   /* BASE FONT = 18px  >>> -77px/ 18px = -4.277777777777778em*/
     background-size:100% auto;
}
.inner-content {
   padding: 0 0 0 4.444444444444445em;                              /* BASE FONT = 18px  >>> 0 0 0 80px/ 18px = 0 0 0 4.444444444444445em*/
} 
.subcontent {
    padding-bottom: 4.444444444444445em;                           /* BASE FONT = 18px  >>> 80px/ 18px = 4.444444444444445em*/
}

body[data-pagetype="home"] .search-box-container .search_text {
    width: 71.8%;                                       /*71.8% width of content area*/
}
body[data-pagetype="home"] main{
   font-size: 0.75em;                              /* BASE FONT = 16px  >>> 12px/ 16px = 0.75em*/
}
/*---------right container style---------*/
.bg-products .right-container > div {
    width: 47%;     /* 47% width of its container */
}
/*---manufacture page style-----------*/
.manufacturers-info {
    padding:0.75em 0 16.0833333333333em 0;                                      /* BASE FONT = 12px  >>> 9px 0 193px 0 / 12px = 0.75em 0 16.0833333333333em 0 */
   font-size:0.6666666666666667em;                                                /* BASE FONT = 18px  >>> 12px / 18px = 0.6666666666666667em */
}
.manufacturers-info > div {
    width: 23.9%;                                                               /* 23.9% width of its container */
}
.bg-manufacturers .cta-btn{
    margin:0 0 1.125em 0;                                                       /* BASE FONT = 16px  >>> 0 0 18px 0 / 16px = 0 0 1.125em 0 */
}
.manufacturers-info > div .hover-effect {
    padding:1.25em 2.08333333333333em 0.833333333333333em 2.08333333333333em;    /* BASE FONT = 12px  >>> 15px 25px 10px 25px / 12px = 1.25em 2.08333333333333em 0.833333333333333em 2.08333333333333em */
}
.bg-manufacturers + .bottom-contact-container {
    display: none;
}
.lh-form form p {
    line-height: 1.75em;          /* BASE FONT = 12px  >>> 21px / 12px =1.75em*/
}
.lh-form form ,locations{
   font-size: 0.6666666666666667em;            /* BASE FONT = 18px  >>> 12px / 18px =0.6666666666666667em*/
}
.rh-form {
    width: 52%;
   font-size: 0.6666666666666667em;            /* BASE FONT = 18px  >>> 12px / 18px =0.6666666666666667em*/
  
}
.rh-form .input-btn ,.bg-contact .lh-form .input-btn{
    font-size: 1.3333333333333333em;                        /* BASE FONT = 12px  >>> 16px / 12px = 1.3333333333333333em*/
}
#product-box div div span {
    width: 15.78947368421053em;                                    /* Base Font = 19px  >>>300px/ 19px = 15.78947368421053em*/
}
/*-----------assembly page style-------*/
.left-nav .title {
    font-size:1.66666666666667em;                                                   /* BASE FONT = 18px  >>> 30px / 18px = 1.66666666666667em */
    line-height:1.1em;                                                              /* BASE FONT = 30px  >>> 33px / 30px = 1.1em */
    padding:0 0 1.1em 0.533333333333333em;                                          /* BASE FONT = 30px  >>> 0 0 33px 16px / 30px = 0 0 1.1em 0.533333333333333em */
}
.pdf-functionality .pdf-section, .pdf-functionality .pdf-section-active {
    padding:0 0 3.22222222222222em 0;                                               /* BASE FONT = 18px  >>> 0 0 58px 0 / 18px = 0 0 3.22222222222222em 0 */
}
.pdf-functionality .right-container h2.subheading{
    font-size:1.33333333333333em;                                                   /* BASE FONT = 18px  >>> 24px / 18px = 1.33333333333333em */
    line-height:1.125em;                                                            /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
    padding:0 0 1.25em 0;                                                           /* BASE FONT = 24px  >>> 0 0 30px 0 / 24px = 0 0 1.25em 0 */
}
.pdf-section div div, .pdf-section-active div div {
    font-size:0.833333333333333em;                                                  /* BASE FONT = 18px  >>> 15px / 18px = 0.833333333333333em */
    line-height:1.2em;                                                              /* BASE FONT = 15px  >>> 18px / 15px = 1.2em */
    padding:0.666666666666667em 0.2em 0.733333333333333em 0.6em;                    /* BASE FONT = 15px  >>> 10px 3px 11px 9px / 15px = 0.666666666666667em 0.2em 0.733333333333333em 0.6em */
}
.pdf-section div div, .pdf-section-active div div, .pdf-section div div:nth-of-type(2n), .pdf-section-active div div:nth-of-type(2n) {
    float: none;
    margin:0 1% 0.533333333333333em 0;                                              /* BASE FONT = 15px  >>> 0 1% 8px 0 / 15px = 0 1% 0.533333333333333em 0 */
}
.pdf-section img, .pdf-section-active img {
    width:auto;
}
.pdf-section div div:last-child, .pdf-section-active div div:last-child {
    margin-right: 0;
}
.pdf-functionality .h2-subheading{
    font-size:1.33333333333333em;                                                   /* BASE FONT = 18px  >>> 24px / 18px = 1.33333333333333em */
    line-height:1.125em;                                                            /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
}
.cta-btn,.input-btn {
    font-size: 0.8888888888888889em;                        /* BASE FONT = 18px  >>> 16px / 18px = 0.8888888888888889em*/
}
/*------------------ Sitemap Styles ------------------*/
ul.sitemap li {
  padding:0.277777777777778em 0 0.277777777777778em 0;                              /* BASE FONT = 18px  >>> 5px 0 5px 0 / 18px = 0.277777777777778em 0 0.277777777777778em 0 */
}
ul.sitemap ul {
  padding:0.277777777777778em 0 0 0.833333333333333em;                              /* BASE FONT = 18px  >>> 5px 0 0 15px / 18px = 0.277777777777778em 0 0 0.833333333333333em */
}
.bg-contact{
   background-size: 101% auto;
   background-position: center -7.277777777777778em;         /* BASE FONT = 18px  >>> 131px/ 18px = 7.277777777777778em*/
}
.bg-contact h1 {
    padding: 0 0.2361111111111111em 0.5138888888888888em 0;            /* BASE FONT = 72px  >>> 0 17px 37px 0/ 72px = 0 0.2361111111111111em 0.5138888888888888em 0*/
}
.bg-contact h2.subheading {
    padding: 0 0 3.8181818181818183em 0;               /* BASE FONT = 22px  >>> 0 0 84px 0/ 22px = 0 0 3.8181818181818183em 0*/
}
.rh-form {
    padding: 3.0555555555555554em 1.111111111111111em 1.111111111111111em 1.111111111111111em;      /* BASE FONT = 18px  >>> 55px 20px 20px 20px / 72px = 3.0555555555555554em 1.111111111111111em 1.111111111111111em 1.111111111111111em*/
    width: 57%;                                                                                     /* 57% width of its container */
} 
.rh-form > h2 {
    font-size: 1.2222222222222223em;         /* BASE FONT = 18px  >>> 22px/ 18px = 1.2222222222222223em*/
    letter-spacing: 0.045454545454545456em;                  /* BASE FONT = 22px  >>> 1px/ 22px = 0.045454545454545456em*/
    line-height: 1.1363636363636365em;                     /* BASE FONT = 22px  >>> 25px/ 22px = 1.1363636363636365em*/
}
.rh-form ,.lh-form ,.locations ,.lh-form form{
   font-size:1em;
}
.rh-form > p {
    font-size: 1.2222222222222223em;         /* BASE FONT = 18px  >>> 22px/ 18px = 1.2222222222222223em*/
   letter-spacing: 0.045454545454545456em;                  /* BASE FONT = 22px  >>> 1px/ 22px = 0.045454545454545456em*/
   line-height: 1.1818181818181819em;                     /* BASE FONT = 22px  >>> 26px/ 22px = 1.1818181818181819em*/
    padding: 0 8.181818181818182em 1.6818181818181819em 0;      /* BASE FONT = 22px  >>> 0 180px 37px 0/ 22px = 0 8.181818181818182em 1.6818181818181819em 0*/
}
.fieldwrapper .styled {
    font-size: 1.2222222222222223em;         /* BASE FONT = 18px  >>> 22px/ 18px = 1.2222222222222223em*/
     line-height: 1em;                     /* BASE FONT = 22px  >>> 22px/ 22px = 1em*/
    margin-bottom: 0.22727272727272727em;      /* BASE FONT = 22px  >>> 5px/ 22px = 0.22727272727272727em*/
}
.rh-form .fieldwrapper .thefield input, .rh-form .fieldwrapper .thefield textarea {
    padding: 1.1666666666666667em 0.4444444444444444em 1.1666666666666667em 0.4444444444444444em;      /* BASE FONT = 18px  >>> 21px 8px 21px 8px/ 18px = 1.1666666666666667em 0.4444444444444444em 1.1666666666666667em 0.4444444444444444em*/
   font-size: 1.285714285714286em;                                             /* BASE FONT = 14px  >>> 18px/ 14px = 1.285714285714286em*/
}
.rh-form .fieldwrapper {
    padding: 0 0 1.3571428571428572em 0;         /* BASE FONT = 14px  >>> 0 0 19px 0/ 14px = 0 0 1.3571428571428572em 1em*/
   font-size: 0.7777777777777778em;               /* BASE FONT = 18px  >>> 14px/ 18px =0.7777777777777778em*/
}
.lh-form {
    float: right;
    padding: 2.5em 1.1111111111111112em 0 1.1111111111111112em;            /* BASE FONT = 18px  >>> 45px 20px 0 0/ 18px = 2.5em 1.1111111111111112em 0 0*/
    width: 32%;
}
h2.find {
      font-size: 1.2222222222222223em;         /* BASE FONT = 18px  >>> 22px/ 18px = 1.2222222222222223em*/
    line-height: 1.1363636363636365em;      /* BASE FONT = 22px  >>> 25px/ 22px = 1.1363636363636365em*/
    padding: 0 0 0.6363636363636364em 0;                  /* BASE FONT = 18px  >>> 0 0 14px 0/ 18px = 0 0 0.6363636363636364em 0*/
}
.lh-form form p {
    font-size: 1.2222222222222223em;         /* BASE FONT = 18px  >>> 22px/ 18px = 1.2222222222222223em*/
    line-height: 1.1818181818181819em;                     /* BASE FONT = 22px  >>> 26px/ 22px = 1.1818181818181819em*/
    padding: 0 0 1.4090909090909092em 0;               /* BASE FONT = 22px  >>> 26px/ 22px = 0 0 1.4090909090909092em 0*/
}      
.input-box {
    height: 3em;         /* BASE FONT = 18px  >>> 54px/18px = 3em*/
    margin: 0 0 1.5em 0;      /* BASE FONT = 18px  >>> 0 0 27px 0/18px = 0 0 1.5em 0*/
    width: 92%;
   padding: 0 0.5555555555555556em 0 0.5555555555555556em;     /* BASE FONT = 18px  >>> 0 10px 0 10px/18px = 0 0.5555555555555556em 0 0.5555555555555556em*/
}
.bg-contact .lh-form .input-btn {
    padding: 0.875em 2.222222222222222em 0.875em 2.222222222222222em;      /* BASE FONT = 16px  >>> 14px 40px 14px 40px/16px = 0.875em 2.222222222222222em 0.875em 2.222222222222222em*/
    width: auto;
}
.rh-form .fieldwrapper .thefield textarea {
    height: 9.285714285714286em;         /* BASE FONT = 14px  >>> 130px/14px = 9.285714285714286em*/
}      
h2.loctn {
    font-size: 4em;      /* BASE FONT = 18px  >>> 72px/18px = 4em*/
    line-height: 1em;      /* BASE FONT = 72px  >>> 72px/72px = 1em*/
    padding: 0.9583333333333334em 0 0.5833333333333334em 0;   /* BASE FONT = 72px  >>> 69px 0 42px 0/72px = 0.9583333333333334em 0 0.5833333333333334em 0*/
}
.locate {
    display: inline-block;
    margin-right: 2%;
    padding: 1.6666666666666667em 0 1.6666666666666667em 0;      /* BASE FONT = 18px  >>> 30px 0 30px 0/18px = 1.6666666666666667em 0 1.6666666666666667em 0*/
    vertical-align: top;
    width: 48.7%;
   border-top: 10px solid #1a52a1;
}
.locate span:first-child {
    font-size: 5.555555555555555em;      /* BASE FONT = 18px  >>> 100px/18px = 5.555555555555555em*/
    margin: 0.07em 0 0.66em 0;         /* BASE FONT = 18px  >>> 7px 0 66px 0/18px = 0.07em 0 0.66em 0*/
}
.locate .map::after {
    font-size: 1.125em;         /* BASE FONT = 18px  >>> 27px/18px = 1.125em*/
    padding: 0 0 0 0.2962962962962963em;         /* BASE FONT = 27px  >>> 0 0 0 8px/27px = 0 0 0 0.2962962962962963em*/
}
.locate .map {
    font-size: 1.3333333333333333em;      /* BASE FONT = 18px  >>> 24px/18px = 1.3333333333333333em*/
    line-height: 1em;                  /* BASE FONT = 24px  >>> 24px/24px = 1em*/
    padding: 0.25em 0 0 0;                  /* BASE FONT = 24px  >>> 6px 0 0 0/24px = 0.25em 0 0 0*/
}
.locations p {
    font-size: 1em;            /* BASE FONT = 18px  >>> 18px/18px = 1em*/
    line-height: 1.2777777777777777em;         /* BASE FONT = 18px  >>> 23px/18px = 1.2777777777777777em*/
}
.rh-form .input-btn ,.bg-contact .lh-form .input-btn{
   font-size: 0.8888888888888889em;                        /* BASE FONT = 18px  >>> 16px / 18px = 0.8888888888888889em*/
}
.bg-manufacturers h1 {
    font-size:3.333333333333333em;                                                              /* BASE FONT = 18px  >>> 60px / 18px = 3.333333333333333em */
    line-height:1.08333333333333em;                                             /* BASE FONT = 60px  >>> 65px / 60px = 1.08333333333333em */
    padding:0 0 0.416666666666667em 0;                                          /* BASE FONT = 60px  >>> 0 0 25px 0 / 60px = 0 0 0.416666666666667em 0 */
}
.compliance-logo-container .inner-para-heading {
    font-size: 1.666666666666667em;                /* BASE FONT = 18px  >>> 30px / 18px = 1.666666666666667em*/
}
.compliance-logo-container p{
   font-size: 1em;                              /* BASE FONT = 18px  >>> 18px / 18px = 1em*/
   line-height: 1.888888888888889em;               /* BASE FONT = 18px  >>> 34px / 18px = 1.888888888888889em*/
}
/* =============Footer Styles=============================== */
footer nav ul li {
    padding: 0 0 0 2.1875em;                                 /* BASE FONT = 16px  >>> 0 0 0 35px / 16px = 0 0 0 2.1875em*/   
}
.footer-top-container {
    text-align: right;
}
.footer-contact {
    font-size: 1.5em;                                    /* BASE FONT = 16px  >>> 24px / 16px = 1.5em*/   
    line-height: 1em;                                    /* BASE FONT = 24px  >>> 24px / 24px = 1em*/
    margin: 0 0 1.5em 0;                                 /* BASE FONT = 24px  >>> 0 0 36px 0 / 24px = 0 0 1.5em 0*/
}
.footer-img-box > img {
    width: auto;
   margin-right: 1.9375em;                                 /* BASE FONT = 16px  >>> 31px / 16px = 1.9375em*/
}
.footer-contact span {
    display: block;
    padding-bottom: 0.20833333333333334em;                     /* BASE FONT = 24px  >>> 5px / 24px = 0.20833333333333334em*/
}
.footer-img-box a[title^="ISO"] img {
     width: auto;
    margin: 0 0.0625em 0 0;                              /* BASE FONT = 16px  >>> 5px / 16px = 0 0.0625em 0 0*/
}
.footer-logo {
    margin: 0 0 0.875em 0;                                 /* BASE FONT = 16px  >>> 0 0 14px 0 / 16px = 0 0 0.875em 0*/
    width: auto;
}
/* =============Thomas Styles=============================== */
#thomas-info-section {
  padding: 1.1875em 0 1.1875em 0;                           /* BASE FONT = 16px  >>> 19px 0 19px 0 / 16px = 1.1875em 0 1.1875em 0*/
}
.right-container{
   width:75%;
}
.left-nav{
   width: auto;
}
.bg-products .right-container > div ,.bg-products .right-container > div:nth-of-type(2n){
    width: 31%;
   margin: 0 0 0 0.5555555555555556em;                                       /* BASE FONT = 18px  >>> 0 0 0 10px / 18px = 0 0 0 0.5555555555555556em*/
}
.bg-products .right-container > div a{
    border-top: 8px solid #1a52a1;
   padding: 0.8333333333333333em 0 0 0;                            /* BASE FONT = 18px  >>> 15px 0 0 0 / 18px = 0.8333333333333333em 0 0 0*/
}
.bg-products .right-container > div a:hover {
    border-top: 8px solid #feb914;
}
.left-nav > ul > li > a {
     font-size: 1em;                                                                       /* BASE FONT = 18px  >>> 18px / 18px = 1em */
     line-height: 1.166666666666667em;                                                         /* BASE FONT = 18px  >>> 21px / 18px = 1.166666666666667em */
      margin:0 0 0.4444444444444444em 0.3888888888888889em;                                     /* BASE FONT = 18px  >>> 0 0 8px 7px / 18px = 0 0 0.363636363636364em 0.318181818181818em */
}
.left-nav > ul > li{
   margin-bottom: 0.5555555555555556em;                           /* BASE FONT = 18px  >>> 10px / 18px = 0.5555555555555556em */
}
.left-nav > ul > li > a span:before {
    left: 1em;                              /* BASE FONT = 18px  >>> 18px / 18px = 1em */
}
.gmap iframe{
   height: 19.44444444444444em;                                       /* Base Font = 18px  >>>350px/ 18px = 19.44444444444444em*/  
}
.left-nav-title {
    font-size: 1.333333333333333em;                                 /* BASE FONT = 18px  >>> 24px / 18px = 1.333333333333333em */
}
}
/* =============================================================================
   Desktop 
*  ============================================================================= */
/******** 1200px/16px = 75em*/
@media only screen and (min-width: 75em){
/* =============Navigation Styles=============================== */
header nav ul > li{
      padding: 0 2.7% 0 2.7%;                           /*0 2.7% 0 2.7% width of content area*/
}
/* =============Bottom Contact Container Styles=============================== */
.bottom-contact-container > img {
    width: 49.95%;                                 /*49.95% width of content area*/
}
/* =============Inner Content Styles=============================== */
.inner-content {
    padding: 0 7.5em 3.611111111111111em 11.777777777777779em;         /* BASE FONT = 18px  >>> 0 135px 65px 212px/ 18px = 0 7.5em 3.611111111111111em 11.777777777777779em*/
}
body[data-pagetype="home"] main{
   font-size: 1.125em;                                 /* BASE FONT = 16px  >>> 18px/ 16px = 1.125em*/
}
.bg-home {
    background: url(/images/bg-home.jpg) no-repeat center -3.6666666666666665em;               /* BASE FONT = 18px  >>> 66px/ 18px = -3.6666666666666665em*/
   background-size:  100% auto;
}
body[data-pagetype="home"] .inner-main-top {
    padding: 4.888888888888889em 0 0 0;                           /* BASE FONT = 18px  >>> 88px 0 0 0/ 18px = 4.888888888888889em 0 0 0*/
}
.heading-container {
    float: left;
    padding: 0 0 1.6666666666666667em 0;                  /* BASE FONT = 18px  >>> 0 0 30px 0/ 18px = 0 0 1.6666666666666667em 0*/
    width: 48%;
}
.heading-container h1 {
    padding: 0 0 0.3194444444444444em 0;                           /* BASE FONT = 72px  >>> 0 0 23px 0 /72px = 0 0 0.3194444444444444em 0*/
}
.heading-container h2 {
    font-size: 1.2222222222222223em;                        /* BASE FONT = 18px  >>> 22px/ 18px = 1.2222222222222223em*/
    line-height: 1.4545454545454546em;                        /* BASE FONT = 22px  >>> 32px/ 22px = 1.4545454545454546em*/
    padding: 0 0 1.4090909090909092em 0;                     /* BASE FONT = 22px  >>> 0 0 31px 0/ 22px = 0 0 1.4090909090909092em 0*/
}
body[data-pagetype="home"] .search-box-container{
   float:right;
}
.heading-container p {
    padding: 0 0 1.6666666666666667em 0;                              /* BASE FONT = 18px  >>> 0 0 30px 0/ 18px = 0 0 1.6666666666666667em 0*/
}

body[data-pagetype="home"] .search-box-container {
    background: rgba(141, 150, 165, 0.5) none repeat;
    float: right;
    margin: 0.9444444444444444em 0 0 0;                                          /* BASE FONT = 18px  >>>17px 0 0 0/ 18px = 0.9444444444444444em 0 0 0*/
    width: 27.666666666666668em;                                             /* BASE FONT = 18px  >>>498px/ 18px = 27.666666666666668em*/
   border-top: 9px solid #1a52a1;
   padding: 1.3333333333333333em 0 0.3333333333333333em 1.3333333333333333em;            /* BASE FONT = 18px  >>>24px 0 6px 24px/ 18px = 1.3333333333333333em 0 0.3333333333333333em 1.3333333333333333em*/
}
body[data-pagetype="home"] .search-box-container > h2 {
    font-size: 1.4444444444444444em;                        /* BASE FONT = 18px  >>>26px/ 18px = 1.4444444444444444em*/
   line-height: 1.1153846153846154em;                        /* BASE FONT = 26px  >>>29px/ 26px = 1.1153846153846154em*/
   padding: 0 0 0.2692307692307692em;                        /* BASE FONT = 26px  >>> 0 0 7px 0/ 26px =  0 0 0.2692307692307692em*/
}
body[data-pagetype="home"] .search-box-container > p {
    font-size: 1em;                                    /* BASE FONT = 18px  >>>18px/ 18px = 1em*/
    line-height: 1.3333333333333333em;                                 /* BASE FONT = 18px  >>>24px/ 18px = 1.3333333333333333em*/
   padding: 0 4.555555555555555em 0.8888888888888888em 0;                           /* BASE FONT = 18px  >>>0 82px 16px 0/ 18px = 0 4.555555555555555em 0.8888888888888888em 0*/
}

body[data-pagetype="home"] .search-box-container .search_text {
    width: 63%;            /*63% width of content area*/
   font-size: 0.7777777777777778em;         /* BASE FONT = 18px  >>>14px/ 18px = 0.7777777777777778em*/
}

body[data-pagetype="home"] .search_btn{
   font-size: 0.8888888888888888em;         /* BASE FONT = 18px  >>>16px/ 18px = 0.8888888888888888em*/
   line-height: 1.75em;                  /* BASE FONT = 16px  >>>28px/ 16px = 1.75em*/
}
body[data-pagetype="home"] .search-box-container label{
   font-size: 0.7777777777777778em;         /* BASE FONT = 18px  >>>14px/ 18px = 0.7777777777777778em*/
   padding:  0 0 0 0;                  /* BASE FONT = 14px  >>>0 11px 0 11px/ 14px = 0 2.9285714285714284em 0 0.7857142857142857em*/
   width:43%;
}

body[data-pagetype="home"] .search-box-container #form-select {
    padding: 1.3333333333333333em 0 1.0555555555555556em 0;                                 /* BASE FONT = 18px  >>> 24px 0 19px 0/ 18px = 1.3333333333333333em 0 1.0555555555555556em 0*/
}
.see-all-link {
   font-size: 0.3333333333333333em;                  /* BASE FONT = 72px  >>>24px/ 72px = 0.3333333333333333em*/
   margin-top: 1.5833333333333333em;                              /* BASE FONT = 24px  >>>38px/ 24px = 1.5833333333333333em*/
}
#bucket-container {
    padding: 1.0555555555555556em 0 2.7222222222222223em 0;            /* BASE FONT = 18px  >>>19px 0 49px 0/ 18px = 1.0555555555555556em 0 2.7222222222222223em 0*/
}

#bucket-container h2, #manufacturers-container h2, #product-box h2 {
    font-size: 4em;            /* BASE FONT = 18px  >>>72px/ 18px = 4em*/
    line-height: 1em;         /* BASE FONT = 72px  >>>72px/ 72px = 1em*/
    padding:  0 0 1.3055555555555556em 0;/* BASE FONT = 72px  >>> 0 0 94px 0/ 72px =  0 0 1.3055555555555556em 0*/
}
#bucket-container div article a, #product-box div div a {
    border-top: 10px solid #1a52a1;
    font-size: 1.3333333333333333em;                  /* BASE FONT = 18px  >>>24px/ 18px = 1.3333333333333333em*/
    line-height: 1.1666666666666667em;                  /* BASE FONT = 24px  >>>28px/ 24px = 1.1666666666666667em*/
}
#bucket-container div article sup ,#product-box div div sup{
   font-size: 0.4583333333333333em;               /* BASE FONT = 24px  >>> 11px/ 24px = 0.4583333333333333em*/   
}
#bucket-container div article a {
    padding: 0.625em 0 2.1666666666666665em 0;            /* BASE FONT = 24px  >>> 15px 0 52px 0/ 24px = 0.625em 0 2.1666666666666665em 0*/
}
#bucket-container div article span::after, #product-box div div span::after {
    content: url(/images/icon-plus.png);
    padding: 0 0 0 0.25em;               /* BASE FONT = 24px  >>> 0 0 0 6px/ 24px = 0 0 0 0.25em*/
}

#bucket-container div article a:hover span::after ,#product-box div div a:hover span::after  {
    content: url(/images/icon-plus-home-hover.png);
}
#product-box {
    padding: 3.2222222222222223em 0 1.5em 0;         /* BASE FONT = 18px  >>>58px 0 27px 0/ 18px = 3.2222222222222223em 0 1.5em 0*/
}

#product-box h2 {
    padding: 0 0 1.5em 0;                        /* BASE FONT = 72px  >>>0 0 108px 0/ 72px = 0 0 1.5em 0*/
}
#product-box div div a {
    line-height: 1.1666666666666667em;                           /* BASE FONT =24px  >>> 28px/ 24px = 1.1666666666666667em*/
    padding: 0.7083333333333334em 0 0.4166666666666667em 0;            /* BASE FONT =24px  >>> 17px 0 10px 0/ 24px = 0.7083333333333334em 0 0.4166666666666667em 0*/
}
.bg-compliance {
    background: url(/images/bg-compliance.png) no-repeat center -12.27777777777778em;         /* BASE FONT =18px  >>> -221px/ 18px =12.27777777777778em*/
   background-size: 100% auto;

}      

.compliance-logo-container {
    padding: 4.5em 0 1.388888888888889em 0;            /* BASE FONT =18px  >>> 81px 0 25px 0/ 18px =12.27777777777778em*/
}
.compliance-logo-container div div {
    float: right;
    margin: 0.7777777777777778em 0 0 0;                           /* BASE FONT =18px  >>> 14px 0 0 0/ 18px =0.7777777777777778em 0 0 0*/
    width: 75%;                                          /*74.5% width of content area*/
}
.logo-box.clearfix {
    float: right;
    width: 74%;                                                 /*74% width of content area*/
}
.compliance-logo-container img {
    width: auto;
}
.compliance-logo-container .logo-box img {
    margin: 0 2% 1.333333333333333em 2%;                              /* BASE FONT =18px  >>> 0 2% 24px 2%/ 18px = 0 2% 1.333333333333333em 2%*/
    width: auto;
}
.manufacturers-info {
    padding:0.75em 0 16.0833333333333em 0;                                      /* BASE FONT = 12px  >>> 9px 0 193px 0 / 12px = 0.75em 0 16.0833333333333em 0 */
   font-size: 1em;                                                /* BASE FONT = 18px  >>> 18px / 18px = 1em */
}
.manufacturers-info > div {
    background:none;
    overflow: hidden;
    position: relative;
}
.manufacturers-info > div > a {
    backface-visibility: hidden;
    background-color: #dee4ed;
    display: block;
    height: 100%;                                                                       /* 100% height of its container */
    padding:2.22222222222222em 0 2.22222222222222em 0;                                                   /* BASE FONT = 18px  >>> 40px 0 0 0 / 18px = 2.22222222222222em 0 0 0 */
    width: 100%;                                                                        /* 100% width of its container */
    z-index: 1;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;           
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.manufacturers-info > div .hover-effect {
    backface-visibility: hidden;
    background-color: #dee4ed;
    border:none;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    display: inline-block;
    height: 100%;                                                                       /* 100% height of its container */
    left: 0;
    padding: 1.944444444444444em 3.33333333333333em 1.944444444444444em 3.33333333333333em; /* BASE FONT = 18px  >>> 35px 60px 35px 60px / 18px = 1.944444444444444em 3.33333333333333em 1.944444444444444em 3.33333333333333em */
    position: absolute;
    top: 0;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
   -ms-transform: rotateY(-180deg);
    visibility: hidden;
    width: 100%;                                                                        /* 100% width of its container */
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.bg-manufacturers + .bottom-contact-container {
    display: block;
}
.manufacturers-info > div:hover > a {
    transform: rotateY(180deg);
   -webkit-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
    z-index: 0;
}
.manufacturers-info > div:hover .hover-effect {
    transform: rotateY(0deg);
   -webkit-transform: rotateY(0deg);
   -ms-transform: rotateY(0deg);
    visibility: visible;
    z-index: 1;
}
.hover-effect-title {
    font-size:1.38888888888889em;                                                       /* BASE FONT = 18px  >>> 25px / 18px = 1.38888888888889em */
    line-height:1.16em;                                                                 /* BASE FONT = 25px  >>> 29px / 25px = 1.16em */
}
.hover-effect-title span {
    font-size:0.6em;                                                                    /* BASE FONT = 25px  >>> 15px / 25px = 0.6em */
    line-height: 1.26666666666667em;                                                    /* BASE FONT = 15px  >>> 19px / 15px = 1.26666666666667em */
    padding:0.666666666666667em 0 0 0;                                                  /* BASE FONT = 15px  >>> 10px 0 0 0 / 15px = 0.666666666666667em 0 0 0 */
}
.bg-contact{
   background-size: 100% auto;
   background-position: center -14.944444444444445em;       /* BASE FONT = 18px  >>> 269px / 18px = 14.944444444444445em */
}
.rh-form {
    padding: 3.0555555555555554em 2.8333333333333335em 1.666666666666667em 3.0555555555555554em;      /* BASE FONT = 18px  >>> 55px 51px 30px 55px / 18px = 3.0555555555555554em 2.8333333333333335em 1.666666666666667em 3.0555555555555554em */
    width: 45.8%;
}
.lh-form {
    float: right;
    padding: 2.5em 2.111111111111111em 0 2.111111111111111em;         /* BASE FONT = 18px  >>> 45px 38px 0 38px / 18px = 2.5em 2.111111111111111em 0 2.111111111111111em */
    width: 35%;
}
.locate {
     margin: 0 1.5% 0 0;
    width: 32%;
   padding: 1.8888888888888888em 0 3.9444444444444446em 0;  /* BASE FONT = 18px  >>> 34px 0 71px 0 / 18px = 1.8888888888888888em 0 3.9444444444444446em 0 */
}
.locate:nth-of-type(2n-2) {
    margin: 0 1.5% 0 0;
}
.locate:nth-of-type(3n-3) {
    margin-right: 0;
}
.gmap iframe {
    width: 99%;
}
.input-box{
   width:95%;
}
.pdf-section div div, .pdf-section-active div div{
   width:32%;
}
}
/* =============================================================================
   DESKTOP STYLE
*  ============================================================================= */
/******** 1440px/16px = 90em*/
@media only screen and (min-width: 90em) {
/* =============lOGO Styles=============================== */
.header-logo {
   margin: 0.375em 0 0 0 ;                     /* BASE FONT = 16px  >>> 6px 0 0 0 / 16px = 0.375em 0 0 0 */
}
/* =============NAVIGATION Styles=============================== */
header nav ul > li{
      padding: 0 2.8125em 0 2.6875em;            /* BASE FONT = 16px  >>> 0 45px 0 43px / 16px = 0 2.8125em 0 2.6875em*/
}
#bucket-container div article span::after, #product-box div div span::after {
    padding: 0 0 0 0.4166666666666667em;               /* BASE FONT = 24px  >>> 0 0 0 10px/ 24px = 0 0 0 0.4166666666666667em*/
}

/* =============Heading Styles=============================== */
h3{
    padding: 1.3333333333333333em 0 1.25em 0;                  /* BASE FONT = 24px  >>> 32px 0 30px 0 / 24px = 1.3333333333333333em 0 1.25em 0*/
}
/* =============FOOTER Styles=============================== */
.footer-contact {
    margin: 0.041666666666666664em 0 1.5em 0;      /* BASE FONT = 24px  >>> 1px 0 36px 0 / 24px = 0.041666666666666664em 0 1.5em 0*/
}
.footer-img-box > img {
    margin-right: 2.1875em;                     /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em*/
}
.footer-logo {
    margin: 0.0625em 0 0.875em 0;                     /* BASE FONT = 16px  >>> 1px 0 14px 0 / 16px = 0.0625em 0 0.875em 0*/
    width: auto;
}
#product-box div div span ,#bucket-container div article span {
    width: auto;                              /* Base Font = 19px  >>>300px/ 19px = 15.78947368421053em*/
}
#product-box div div:nth-child(5) br {
    display: none;
}
/* =============Bottom Contact Container Styles=============================== */
.bottom-contact-container {
    margin: 0.05555555555555555em 0 0 0;            /* BASE FONT = 18px  >>> 1px 0 0 0 / 18px = 0.05555555555555555em 0 0 0*/
}
.bottom-contact-container a {
    margin: 1.625em 0 0 0;                           /* BASE FONT = 16px  >>> 26px 0 0 0 / 16px = 1.625em 0 0 0*/                     
    padding: 0.625em 1.8125em 0.4375em 1.8125em;                     /* BASE FONT = 16px  >>> 10px 29px 7px 29px / 16px = 0.625em 1.8125em 0.4375em 1.8125em*/
}
.bg-services {
    background: url(/images/services-header-bg.jpg) no-repeat 0 -3.61111111111111em;  /* BASE FONT = 18px  >>> -65px / 18px = -3.61111111111111em */
    background-size: 100% auto;     /* 100% background image width of its container */
    padding: 5.16666666666667em 0 0 0.277777777777778em;                                     /* BASE FONT = 18px  >>> 93px 0 0 5px / 18px = 5.16666666666667em 0 0 0.277777777777778em */
}
.bg-services h1 {
    padding: 0 0 0.458333333333333em;                                                       /* BASE FONT = 72px  >>> 0 0 33px 0 / 72px = 0 0 0.458333333333333em 0 */
}
.inner-main-top.bg-services h1 + h2 {
    padding:0 0 4.36363636363636em 0;                                                       /* BASE FONT = 22px  >>> 0 0 96px 0 / 22px = 0 0 4.36363636363636em 0 */
    width: 44%;                                                                             /* 44% width of its container */
}
.bg-services h2.subheading {
    line-height:1.40909090909091em;                                                         /* BASE FONT = 22px  >>> 31px / 22px = 1.40909090909091em */
}
.bg-services .inner-content {
    padding:0.111111111111111em 5.55555555555556em 3.61111111111111em 11.77777777777778em;  /* BASE FONT = 18px  >>> 2px 100px 65px 212px / 18px = 0.111111111111111em 5.55555555555556em 3.61111111111111em 11.77777777777778em */
}
.inner-main-top.bg-services .inner-content h2.subheading {
    padding:0 0 1.68181818181818em 0;                                                   /* BASE FONT = 22px  >>> 0 0 37px 0 / 22px = 0 0 1.68181818181818em 0 */
}
.inner-main-top.bg-services .inner-content h2 {
    padding:0 0 0.590909090909091em 0;                                                  /* BASE FONT = 22px  >>> 0 0 13px 0 / 22px = 0 0 0.590909090909091em 0 */
}
/*------------Product page style-------------*/
.bg-products, .bg-common {
    background: url(/images/common-header-bg.jpg) no-repeat 0 0;
    background-size: 100% auto;                                                         /* 100% background image width of its container */
    padding:5.05555555555556em 0 0 0;                                                   /* BASE FONT = 18px  >>> 91px 0 0 0 / 18px = 5.05555555555556em 0 0 0 */
}
.bg-products h1 {
    padding:0 0 0.416666666666667em 0;                                                  /* BASE FONT = 72px  >>> 0 0 30px 0 / 72px = 0 0 0.416666666666667em 0 */
}
.bg-products h2.subheading {
    float: left;
    line-height:1.45454545454545em;                                                     /* BASE FONT = 22px  >>> 32px / 22px = 1.45454545454545em */
    width: 52%;                                                                         /* 52% width of its container */
}
.bg-products .cta-btn{
    margin:2.75em 0 2em 0;                                                              /* BASE FONT = 16px  >>> 44px 0 32px 0 / 16px = 2.75em 0 2em 0 */
}
.page-wrapper {
    padding:4.33333333333333em 0 2.88888888888889em 0;                                  /* BASE FONT = 18px  >>> 78px 0 52px 0 / 18px = 4.33333333333333em 0 2.88888888888889em 0 */
}
.left-nav{
    width: 21.6%;                                                                       /* 21.6% width of its container */
}
.bg-products .right-container > div, .bg-products .right-container > div:nth-of-type(2n) {
    margin:0 0 0 1.11111111111111em;                                                    /* BASE FONT = 18px  >>> 0 0 0 20px / 18px = 0 0 0 1.11111111111111em */
    padding:0;
    width: 30.7%;                                                                       /* 30.7% width of its container */
}

.bg-products .right-container .product-heading{
    font-size:1em;                                                                          /* BASE FONT = 18px  >>> 18px / 18px = 1em */
    line-height:1.22222222222222em;                                                         /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em */
    min-height:2.94444444444444em;                                                          /* BASE FONT = 18px  >>> 53px / 18px = 2.94444444444444em */
}
.bg-products .right-container .product-heading::after {
    font-size:1.38888888888889em;                                                           /* BASE FONT = 18px  >>> 25px / 18px = 1.38888888888889em */
    line-height:0.92em;                                                                     /* BASE FONT = 25px  >>> 23px / 25px = 0.92em */
    margin:0 0 0 0.4em;                                                                     /* BASE FONT = 25px  >>> 0 0 0 10px / 25px = 0 0 0 0.4em */
}
.bg-products .right-container > div img {
    margin:0 0 1.27777777777778em 0;                                                        /* BASE FONT = 18px  >>> 0 0 23px 0 / 18px = 0 0 1.27777777777778em 0 */
}
.additional-text {
    font-size:4em;                                                                          /* BASE FONT = 18px  >>> 72px / 18px = 4em */
    line-height:1.01388888888889em;                                                         /* BASE FONT = 72px  >>> 73px / 72px = 1.01388888888889em */
    padding:0.361111111111111em 0 0.847222222222222em 0.25em;                               /* BASE FONT = 72px  >>> 26px 0 61px 18px / 72px = 0.361111111111111em 0 0.847222222222222em 0.25em */
    width: 66%;                                                                             /* 66% width of its container */
}
/*------------left nav style---------*/
.left-nav-title {
    font-size:1.66666666666667em;                                                           /* BASE FONT = 18px  >>> 30px / 18px = 1.66666666666667em */
    line-height:1.16666666666667em;                                                         /* BASE FONT = 30px  >>> 35px / 30px = 1.16666666666667em */
    padding:0.8em 0 0.633333333333333em 0.533333333333333em;                                /* BASE FONT = 30px  >>> 24px 0 19px 16px / 30px = 0.8em 0 0.633333333333333em 0.533333333333333em */
}   
.left-nav > ul > li > ul li{
    padding:0 0 0.5555555555555556em 0.944444444444444em;                                   /* BASE FONT = 18px  >>> 0 0 10px 17px / 18px = 0 0 0.5555555555555556em 0.944444444444444em */
}
.left-nav > ul > li > ul a {
    font-size: 0.7777777777777778em;                                                          /* BASE FONT = 18px  >>> 14px / 18px = 0.7777777777777778em */
    line-height: 1.357142857142857em;                                                         /* BASE FONT = 14px  >>> 19px / 14px = 1.357142857142857em */
}
/*---manufacture page style-----------*/
.bg-manufacturers {
    background: url(/images/manufacturers-header-bg.jpg) no-repeat 0.0555555555555556em -0.0555555555555556em;    /* BASE FONT = 18px  >>> 1px -1px / 18px = 0.0555555555555556em -0.0555555555555556em */
    background-size: 100% auto;                                                             /* 100% background image width of its container */
    padding:4.94444444444444em 0 0 0;                                                       /* BASE FONT = 18px  >>> 89px 0 0 0 / 18px = 4.94444444444444em 0 0 0 */
}
.bg-manufacturers h1 {
    font-size:4em;                                                                          /* BASE FONT = 18px  >>> 72px / 18px = 4em */
    line-height:1.04166666666667em;                                                         /* BASE FONT = 72px  >>> 75px / 72px = 1.04166666666667em */
    padding:0 0 0.416666666666667em 0;                                                      /* BASE FONT = 72px  >>> 0 0 30px 0 / 72px = 0 0 0.416666666666667em 0 */
}
.bg-manufacturers h2.subheading {
    line-height:1.5em;                                                                      /* BASE FONT = 22px  >>> 33px / 22px = 1.5em */
    padding:0 0 3.31818181818182em 0;                                                       /* BASE FONT = 22px  >>> 0 0 73px 0 / 22px = 0 0 3.31818181818182em 0 */
    width: 91%;                                                                             /* 91% width of its container */
}
.bg-manufacturers .cta-btn {
    margin:0 0 3.75em 0;                                                                    /* BASE FONT = 16px  >>> 0 0 60px 0 / 16px = 0 0 3.75em 0 */
    padding:1em 4.0625em 1em 4.0625em;                                                      /* BASE FONT = 16px  >>> 16px 65px 16px 65px / 16px = 1em 4.0625em 1em 4.0625em */
}
.manufacturers-info{
    padding:0 0 1.11111111111111em 0;                                                       /* BASE FONT = 18px  >>> 0 0 20px 0 / 18px = 0 0 1.11111111111111em 0 */
}
.manufacturers-info > div {
    height:16.7777777777778em;                                                              /* BASE FONT = 18px  >>> 302px / 18px = 16.7777777777778em */
    margin:0 1% 1.11111111111111em 0;                                                       /* BASE FONT = 18px  >>> 0 1% 20px 0 / 18px = 0 1% 1.11111111111111em 0 */
    width: 23.7%;                                                                           /* 23.7% width of its container */
}
.manufacturers-info > div:nth-of-type(3n-1) {
    margin:0 1% 1.11111111111111em 0;                                                       /* BASE FONT = 18px  >>> 0 1% 20px 0 / 18px = 0 1% 1.11111111111111em 0 */
}
.manufacturers-info > div > a{
    padding:2.22222222222222em 0 0 0;                                                       /* BASE FONT = 18px  >>> 40px 0 0 0 / 18px = 2.22222222222222em 0 0 0 */
}
.manufacturers-info img{
    width: 100%;                                                                            /* 100% width of its container */
}
.manufacturers-info > div .hover-effect{
    padding:5.05555555555556em 4.61111111111111em 5.05555555555556em 4.61111111111111em;    /* BASE FONT = 18px  >>> 91px 83px 91px 83px / 18px = 5.05555555555556em 4.61111111111111em 5.05555555555556em 4.61111111111111em */
}
.bg-contact h2.subheading {
    padding: 0 0 3.727272727272727em 0;      /* BASE FONT = 22px  >>> 0 0 82px 0/ 22px = 0 0 3.727272727272727em 0*/
}
/*contact-page-style- starts*/
.rh-form {
    width: 49%;
}
.right-container {
    width: 69%;
}
}