.bucket-contentbody {
   font-family: "Source Sans Pro";
   font-size: 100%;                                          /* default font size - 100% = 16px*/
   background-color:#1f1f1f;
}
form, body {
    margin: 0;
   padding: 0;
}
article, aside, footer, header, nav, section, main {
    display: block;
}
img {
    border: 0 none;
    max-width: 100%;                                          /*to optimize full width of its parent element*/
}
.ie8 img {
   max-width:none;
   }
address {
    font-style: normal;                                          /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, p {
   margin: 0;
}
.ctr{
   text-align:center;
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
    color: #18b6b5;
    text-decoration: underline;
}
a:hover {
    color: #1f1f1f;
    text-decoration: none;
}
p {
    padding-bottom: 1.166666666666667em;                            /* Base Font = 18px >>> 21px /18px = 1.166666666666667em */
}
ul {
   padding:0 0 0.8333333333333333em 0;                        /* Base Font = 18px >>> 0 0 15px 0 /18px = 0 0 0.8333333333333333em 0*/               
   list-style:none;
   }
ul li{
   background:url(/images/bullet.jpg) no-repeat 0 0.3333333333333333em;   /* Base Font = 18px >>> 0 6px / 18px = 0 0.3333333333333333em */
   padding:0 0 0.5em 1.222222222222222em;                                 /* Base Font = 18px >>> 0 0 9px 22px / 18px = 0 0 0.5em 1.222222222222222em */
}
.clearfix:before, .clearfix:after, .inner-wrap:before, .inner-wrap:after {
   content:"";
   display:table;
}
.clearfix:after, .inner-wrap:after {
   clear:both;
}
/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */

/* =============Header Area Start============================ */
.top-header{
   background-color:#000000;
   padding:0.25em 0 0 0;                        /* Base Font = 16px >>> 4px 0 0 0/16px = 0.25em 0 0 0 */
}
.menu-trigger > a {
   font-family: "Source Sans Pro";
    font-size: 0.9375em;                        /* Base Font = 16px >>> 15px/16px = 0.9375em */
    font-weight: 400;
    line-height: 1.4em;                           /* Base Font = 15px >>> 21px/15px = 1.4em */
    color: #ffffff;
    text-decoration: none;
   vertical-align: top;
   margin:0 0 0 0.8em;                           /* Base Font = 15px >>> 0 0 0 12px/15px = 0.8em */
}
.menu-trigger img {
   margin-bottom: 0.3333333333333333em;            /* Base Font = 15px >>> 5px/15px = 0.3333333333333333em */
    margin-left: 0.4em;                        /* Base Font = 15px >>> 6px/15px = 0.4em */
    vertical-align: top;
}
/* ============= Logo Container Start=========== */
.logo-container {
    background-color: #2a2a2a;
   padding:1em 0 0.4375em 2.375em;                  /* Base Font = 16px >>> 16px 0 7px 38px/16px = 1em 0 0.4375em 2.375em */
   border-top: 1px solid #525252;
}
.logo-container a{
   text-decoration:none;
}
.header-logo > img {
    float: left;
    margin-right: 0.8125em;                           /* Base Font = 16px >>> 13px/16px = 0.8125em */
    margin-top: 0.3125em;                           /* Base Font = 16px >>> 5px/16px = 0.3125em */
   max-width: 7.4375em;                           /* Base Font = 16px >>> 119px/16px = 7.4375em */
   width:100%;                                    /* 100% width of its container */
}
.company-tagline {
    color: #feffff;
    display: block;
    font-family: "copperplate_gothic_boldRg";
    font-size: 1em;                                 /* Base Font = 16px >>> 16px/16px = 1em */
    letter-spacing: 0.625em;                        /* Base Font = 16px >>> 10px/16px = 0.625em */
    line-height: 1.1875em;                           /* Base Font = 16px >>> 19px/16px = 1.1875em */
    text-decoration: none;
    vertical-align: top;
}
/* =============Utility Nav Start here=========== */
.utility_nav {
    text-align: center;
   padding:0.75em 2.25em 0 0;                        /* Base Font = 16px >>> 12px 36px 0 0/16px = 0.75em 2.25em 0 0 */
}
.utility_nav span.utility-phone a{
   color:#18b6b5;
}
.utility-email > img {
    margin-bottom: 0.0625em;                        /* Base Font = 16px >>> 1px/16px = 0.0625em */
}
.utility-phone {
    color: #18b6b5;
   font-family: "Source Sans Pro";
    font-size: 1.875em;                              /* Base Font = 16px >>> 30px/16px = 1.875em */
   font-weight: 300;
    line-height: 1.1em;                              /* Base Font = 30px >>> 33px/30px = 1.1em */
   padding-left: 0.3666666666666667em;                  /* Base Font = 30px >>> 11px/30px = 0.3666666666666667em */
}

/* =============Search Style Start=========================== */
.search-trigger {
    float: right;
   margin:0 0.75em 0 0;                           /* Base Font = 16px >>> 0 12px 0 0/16px = 0 0.75em 0 0 */
}
.search-trigger > img {
    margin-top: 0.0625em;                           /* Base Font = 16px >>> 1px/16px = 0.0625em */
   position:absolute;
   top:0.25em;                                    /* Base Font = 16px >>> 4px/16px = 0.25em */
   right:0.5625em;                                 /* Base Font = 16px >>> 9px/16px = 0.5625em */
}
.search {
   display:none;
    border-top: 1px solid #18b6b5;
   margin: 0.3125em 0 0 0;                           /* Base Font = 16px >>> 5px 0 0 0/16px = 0.3125em 0 0 0 */
    padding: 0.5em 0 0.1875em 0;                     /* Base Font = 16px >>> 8px 0 3px 0/16px = 0.5em 0 0.1875em 0 */
    text-align: center;
}
.search_text {
    border: 1px solid #17b8b5;
   color:#787878;
   font-family: "Source Sans Pro";
    font-size: 0.75em;                              /* Base Font = 16px >>> 12px/16px = 0.75em */
    font-weight: 300;
   display:inline-block;
   vertical-align: top;
   padding:0.0833333333333333em 0 0.0833333333333333em 0.3333333333333333em;/* Base Font = 12px >>> 1px 0 1px 4px/12px = 0.0833333333333333em 0 0.0833333333333333em 0.3333333333333333em */
}
.search-btn {
    background: #18b6b5;
   font-family: "Source Sans Pro";
    font-size: 1em;                              /* Base Font = 16px >>> 16px/16px = 1em */
    padding: 0.1875em 0.1875em 0.1875em 0.1875em;      /* Base Font = 16px >>> 3px 3px 3px 3px/16px = 0.1875em 0.1875em 0.1875em 0.1875em */
}
/* =============Top Navigation style start=================== */
#top_nav {
    background-color: #525252;
   display:none;
}
#top_nav li {
   background:none;
   padding:0;
   text-align:left;
}
ul.top-nav {
    padding: 0;
    font-family: "Source Sans Pro";
   font-weight:400;
   font-size:0.9375em;                                 /* Base Font = 16px >>> 15px / 16px = 0.9375em */
   line-height:1.2em;                                 /* Base Font = 15px >>> 18px / 15px = 1.2em */
}
#top_nav li a {
    color: #e1e1e1;
   display:block;
    text-decoration: none;
   padding:0.3333333333333333em 0.2666666666666667em 0.0666666666666667em 0.8em; /* Base Font = 15px >>> 5px 4px 1px 12px/ 15px = 0.3333333333333333em 0.2666666666666667em 0.0666666666666667em 0.8em*/
   position:relative;
}
#top_nav li a:hover{
   color:#ffffff;
   background-color:#18b6b5;
}
#top_nav li.first a{
    padding:0.7333333333333333em 0.2666666666666667em 0.0666666666666667em 0.8em;   /* Base Font = 15px >>> 11px 4px 1px 12px/ 15px = 0.7333333333333333em 0.2666666666666667em 0.0666666666666667em 0.8em*/
}
#top_nav li.last a{
    padding:0.3333333333333333em 0.2666666666666667em 1.2em 0.8em;   /* Base Font = 15px >>> 5px 4px 18px 12px/ 15px = 0.3333333333333333em 0.2666666666666667em 1.2em 0.8em*/
}
.top-nav li.has-child ul {
    display: none;
    padding: 0;
}
#top_nav .top-nav li.has-child ul li a {
    padding: 0.3333333333333333em 0.2666666666666667em 0.0666666666666667em 1.333333333333333em;/* Base Font = 15px >>> 5px 4px 1px 20px/ 15px = 0.3333333333333333em 0.2666666666666667em 0.0666666666666667em 1.333333333333333em*/
}
#top_nav li ul li{
   border:none;
}
.submenu-trigger{
   background: url(/images/drop-down-toggle.png) no-repeat  right center;
    height: 0.4666666666666667em;                        /* Base Font = 15px >>> 7px/ 15px = 0.4666666666666667em*/
    position: absolute;
    top: 0.6666666666666667em;                           /* Base Font = 15px >>> 10px / 15px = 0.6666666666666667em */
    width: 0.6666666666666667em;                        /* Base Font = 15px >>> 10px / 15px = 0.6666666666666667em */
}
#top_nav .has-child.active > a {
    color:#ffffff;
   background-color:#18b6b5;
}
/* =============Main style start=========================== */
main{
   background-color:#f1f1f1;
}
/* =============Content Area Style Start===================== */
#content-area{
   color:#1f1f1f;
   font-family:"Source Sans Pro";
   font-size:1.125em;                                 /* Base Font = 16px >>> 18px/ 16px = 1.125em*/
   font-weight:300;
   line-height:1.277777777777778em;                     /* Base Font = 18px >>> 23px/ 18px = 1.277777777777778em*/
   padding:2.888888888888889em 0.4444444444444444em 0.5555555555555556em 0.6666666666666667em;   /* Base Font = 18px >>> 52px 8px 10px 12px/ 18px = 2.888888888888889em 0.4444444444444444em 0.5555555555555556em 0.6666666666666667em*/
   min-height:14.94444444444444em;                        /* Base Font = 18px >>> 269px/ 18px = 14.94444444444444em*/
}
.page-scroll {
   display:none;
   width:1.875em;                                                         /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
   height:1.875em;                                                            /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
   background:url(/images/scroll-up.png) no-repeat 0 0;
   position:fixed;
   bottom:0.625em;                                                            /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
   right:0.3125em;                                                            /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
   cursor:pointer;
   z-index:10000;
} 
hr {
    border: 1px solid #c4c4c4;
   clear:both;
    margin: 1.111111111111111em 0 1.111111111111111em 0;               /* Base Font = 18px >>> 20px 0 20px 0/ 18px = 1.111111111111111em 0 1.111111111111111em 0*/
}
/* =============Heading Styles=============================== */
h1{
   color:#18b6b5;
   font-family:"Source Sans Pro";
   font-size:1.444444444444444em;                        /* Base Font = 18px >>> 26px/ 18px = 1.444444444444444em*/
   font-weight:300;
   line-height:1.115384615384615em;                     /* Base Font = 26px >>> 29px/ 26px = 1.115384615384615em*/
   padding:0 0 0.9230769230769231em 0;                     /* Base Font = 26px >>> 0 0 24px 0/ 26px = 0 0 0.9230769230769231em 0*/
   text-align:center;
   text-transform:uppercase;
}
h2 {
    color: #1f1f1f;
   clear:both;
    font-family: "Source Sans Pro";
    font-size: 1.222222222222222em;                        /* Base Font = 18px >>> 22px/ 18px = 1.222222222222222em*/
    font-weight: 300;
    line-height: 1.136363636363636em;                     /* Base Font = 22px >>> 25px/ 22px = 1.136363636363636em*/
    padding: 0 0 0.1363636363636364em 0;                  /* Base Font = 22px >>> 0 0 3px 0/ 22px = 0 0 0.1363636363636364em 0*/
    text-align: center;
    text-transform: uppercase;
}
h3 {
    color: #1f1f1f;
    font-family: "Source Sans Pro";
    font-size: 1em;                                    /* Base Font = 18px >>> 18px/ 18px = 1em*/
    font-weight: 300;
    line-height: 1.166666666666667em;                     /* Base Font = 18px >>> 21px/ 18px = 1.166666666666667em*/
    padding: 0 0 0.1666666666666667em 0;                  /* Base Font = 18px >>> 0 0 3px 0/ 18px = 0 0 0.1666666666666667em 0*/
    text-align: center;
    text-transform: uppercase;
}
/* =============Footer Area Start Here======================= */
footer{
   background-color:#1f1f1f;
   color:#c0c0c0;
   padding-top: 0.125em;                                       /* Base Font = 16px >>> 2px/ 16px = 0.125em*/
}
.footer-wrapper{
   border-top: 1px solid #18b6b5;

}
.footer-wrapper a{
   color:#c0c0c0;
}
.footer-wrapper a:hover{
   color:#18b6b5;
   text-decoration:none
}
.footer-wrapper-address{
    font-family: "Source Sans Pro";
    font-size: 0.875em;                                          /* Base Font = 16px >>> 14px/ 16px = 0.875em*/
    font-weight: 400;
    line-height: 1.142857142857143em;                              /* Base Font = 14px >>> 16px/ 14px = 1.142857142857143em*/
    padding: 1.714285714285714em 0.6428571428571429em 0 0.5em;            /* Base Font = 14px >>> 24px 9px 0 7px/ 14px = 1.714285714285714em 0.6428571428571429em 0 0.5em*/
    text-align: center;
}
.footer-wrapper-address span a{
   color:#c0c0c0;
   text-decoration:none;
}
.company-name{
   text-transform:uppercase;
}
.web-address {
    color: #18b6b5;
    display: block;
   font-family: "Source Sans Pro";
    font-size: 1.5em;                                          /* Base Font = 16px >>> 24px/ 16px = 1.5em*/
   font-weight:300;
    line-height: 1.125em;                                       /* Base Font = 24px >>> 27px/ 24px = 1.125em*/
   padding:1.625em 0 0.875em 0;                                 /* Base Font = 24px >>> 39px 0 21px 0/ 24px = 1.625em 0 0.875em 0*/
   text-align:center;
}
.footer-links{
   color: #18b6b5;
   font-family: "Source Sans Pro";
    font-size: 0.875em;                                          /* Base Font = 16px >>> 14px/ 16px = 0.875em */
   font-weight:400;
    line-height: 1.142857142857143em;                              /* Base Font = 14px >>> 16px/ 14px = 1.142857142857143em*/
   text-align:center;
   display:block;
   padding: 0 0 4.5em 0;                                       /* Base Font = 14px >>> 0 0 63px 0/ 14px = 0 0 4.5em 0*/
}
.thomas_info_txt{
   font-size:0.75em;                                          /* Base Font = 16px >>> 12px/ 16px = 0.75em */
   line-height:1.166666666666667em;                              /* Base Font = 12px >>> 14px/ 12px = 1.166666666666667em */
   font-family: "Source Sans Pro";
    font-weight: 400;
   text-align:center;
   padding: 0;
}
.thomas_info_txt span {
    display: block;
    padding:0 0.9166666666666667em 0.9166666666666667em 0.9166666666666667em;   /* Base Font = 12px >>> 0 11px 11px 11px/ 12px = 0 0.9166666666666667em 0.9166666666666667em 0.9166666666666667em */
}
/* =============Print Page Styles=========================== */
.print_page{
   display:none;
}
.print_page > a{
   vertical-align:top;
}
/* =============Home page classes Start Here================= */
.home-wrapper{
   background-color:#000000;
}
.home-main{
   background-color:transparent;
}
.home-heading {
    background-color: #18b6b5;
    color: #000000;
    font-family: "Source Sans Pro";
    font-size: 1.625em;                                          /* BASE FONT = 16px  >>> 26px / 16px = 1.625em */
    font-weight: 400;
    line-height: 1em;                                          /* BASE FONT = 26px  >>> 26px / 26px = 1em */
   margin: 0 0 0.5em 0;                                       /* BASE FONT = 26px  >>> 0 0 13px 0 / 26px = 0 0 0.5em 0 */
    padding: 0.7307692307692308em 0.3076923076923077em 0.9615384615384615em 0.3461538461538462em; /* BASE FONT = 26px  >>> 19px 8px 25px 9px / 26px = 0.7307692307692308em 0.3076923076923077em 0.9615384615384615em 0.3461538461538462em */
    text-align: center;
}
.home-heading span {
    display: inline-block;
    font-family: "Source Sans Pro";
    font-size: 0.8461538461538462em;                              /* BASE FONT = 26px  >>> 22px / 26px = 0.8461538461538462em */
    font-weight: 300;
    line-height: 1.136363636363636em;                              /* BASE FONT = 22px  >>> 25px / 22px = 1.136363636363636em */
    padding-bottom: 0.5em;                                       /* BASE FONT = 22px  >>> 11px / 22px = 0.5em */
    text-transform: none;
}
.bucket-content {
    text-align: center;
}
.bucket-content article {
    border: 5px solid #11807f;
    display: inline-block;
    margin: 0.0625em 0 0.0625em 0;                                 /* BASE FONT = 16px  >>> 1px 0 1px 0 / 16px = 0.0625em 0 0.0625em 0 */                                       
    vertical-align: top;
    width: 96%;                                                /*96% width of its container*/
}
.bucket-content a {
    color: #ffffff;
   display:block;
    font-family: "Source Sans Pro";
    font-size: 1.375em;                                          /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    font-weight: 600;
    line-height: 0.9545454545454545em;                              /* BASE FONT = 22px  >>> 21px / 22px = 0.9545454545454545em */
    text-decoration: none;
    text-transform: uppercase;
}
.bucket-content a:hover{
   background:url(/images/bucket-bg-hover.png) repeat-x;
}
.bucket-content span {
    display: block;
    padding-bottom: 0.8636363636363636em;                           /* BASE FONT = 22px  >>> 19px / 22px = 0.8636363636363636em */
    padding-top: 0.0454545454545455em;                              /* BASE FONT = 22px  >>> 1px / 22px = 0.0454545454545455em */
}
.bucket-content article.last-bucket {
    margin-bottom: 0.625em;                                       /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
}
.home-content{
   background-color:#f1f1f1;
}
.home-content p{
   font-family: "Source Sans Pro";
    font-size: 1.25em;                                          /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    font-weight: 300;
    line-height: 1.2em;                                          /* BASE FONT = 20px  >>> 24px / 20px = 1.2em */                                          
   color:#1f1f1f;
   padding:1.1em 0.6em 0.5em 0.6em;                              /* BASE FONT = 20px  >>> 22px 12px 10px 12px / 20px = 1.1em 0.6em 0.5em 0.6em */   
}
.home-content .request-info {
    text-align: center;
}
.request-info a{
   background-color:#18b6b5;
   font-family: "Source Sans Pro";
    font-size: 1.2em;                                          /* BASE FONT = 20px  >>> 24px / 20px = 1.2em */                                             
    font-weight: 300;
    line-height: 1.125em;                                       /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
   color:#f1f1f1;
   padding:0.0833333333333333em 1.166666666666667em 0.25em 0.9583333333333333em; /* BASE FONT = 24px  >>> 2px 28px 6px 23px / 24px = 0.0833333333333333em 1.166666666666667em 0.25em 0.9583333333333333em*/
   text-decoration:none;   
   border:2px solid #1ab6b5;
}
.request-info a:hover{
   background-color:#1f1f1f;
   border:2px solid #1ab6b5;
   color:#18b6b5;
}

.home-content img {
    display: block;
    margin: 1.75em auto 0 auto;                                    /* BASE FONT = 16px  >>> 28px auto 0 auto / 16px = 1.75em auto 0 auto */
}
.home-content .ultra-pure-img{
   margin:1.3125em auto 0.8125em auto;                              /* BASE FONT = 16px  >>> 21px auto 13px auto / 16px = 1.3125em auto 0.8125em auto */
}
/* =============Inner pages style============================ */
.adobe {
    padding-top: 1.111111111111111em;                              /* Base Font = 18px >>> 20px/ 18px = 1.111111111111111em*/
    text-align: right;
}
.divide-data {
    padding: 0 0 1.111111111111111em 0;                              /* Base Font = 18px >>> 0 0 20px 0/ 18px = 0 0 1.111111111111111em 0*/
}
.divide-data > ul{
   padding:0;
}

.feature-img {
   padding:0 0 1.111111111111111em 0.5555555555555556em;               /* Base Font = 18px >>> 0 0 20px 10px/ 18px = 0 0 1.111111111111111em 0.5555555555555556em*/
}
.feature-img > img {
    border: 1px solid #1f1f1f;
}
/************Sitemap page style************/
ul.sitemap li {
   background-image: none;
   padding:0 0 0.2777777777777778em 0;                                /* Base Font = 18px  >>> 0 0 5px 0 / 18px = 0 0 0.2777777777777778em 0 */
}
ul.sitemap ul {
   padding:0 0 0 1.111111111111111em;                           /* Base Font = 18px >>> 0 0 0 20px/ 18px = 0 0 0 1.111111111111111em*/
}
/************Contact Us page style************/
.contact-ph a{
   color:#1f1f1f;
   text-decoration:none;
}
.contact-info {
   text-align: center;
}
.contact-info address {
   margin:0 0 1em 0;                                                   /* BASE FONT = 18px  >>> 0px 0px 18px 0px / 18px = 0 0 1em 0 */
}
.gmap {
   text-align:center;
   padding-bottom:1.944444444444444em;                           /* BASE FONT = 18px  >>> 35px / 18px = 1.944444444444444em */
   clear:both;
   }   
.gmap iframe {
   width:100%;                                             /* 100% width of its container */
   max-width:25em;                                          /* BASE FONT = 18px  >>> 450px / 18px = 25em */
   height:19.44444444444444em;                                 /* BASE FONT = 18px  >>> 350px / 18px = 19.44444444444444em */
   border:1px solid #1f4d60;
}
.contact-info .request-info a{
   background-color:#18b6b5;
   font-family: "Source Sans Pro";
    font-size: 1.333333333333333em;                              /* BASE FONT = 18px  >>> 24px / 18px = 1.333333333333333em */                                             
    font-weight: 300;
    line-height: 1.125em;                                    /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
   color:#f1f1f1;
   padding:0.0833333333333333em 1.166666666666667em 0.25em 0.9583333333333333em; /* BASE FONT = 24px  >>> 2px 28px 6px 23px / 24px = 0.0833333333333333em 1.166666666666667em 0.25em 0.9583333333333333em*/
   text-decoration:none;   
   border:2px solid #1ab6b5;
}
.contact-info .request-info a:hover{
   background-color:#1f1f1f;
   border:2px solid #1ab6b5;
   color:#18b6b5;
}
.sales-info{
   text-align:center;
}
.certification-block {
    text-align: center;
   padding-bottom:0.8333333333333333em;                        /* BASE FONT = 18px  >>> 15px / 18px = 0.8333333333333333em */
}
.certification-block span {
    display: block;
}
.certification-block > div {
    padding:0 0 1em 0;                                                /* BASE FONT = 18px  >>> 0px 0px 18px 0px / 18px = 0 0 1em 0 */
}
.certification-pdf {
    clear: both;
    text-align: center;
}
.certification-pdf > p {
    display: block;
}
.pdf-heading {
    display: block;
    font-weight: bold;
   padding-bottom:0.3888888888888889em;                        /* BASE FONT = 18px  >>> 7px / 18px = 0.3888888888888889em */
   padding-top:1.111111111111111em;                           /* BASE FONT = 18px  >>> 20px / 18px = 1.111111111111111em */
}
/************ Tabular Data Style ************/
.specs {
   padding:0 0 0.1111111111111111em 0;                           /* Base Font = 18px >>> 0 0 2px 0/ 18px= 0 0 0.1111111111111111em 0 */
}
.specs dl {
   display:block;
   padding:0;
   margin:0;
   width:100%;                                                      /* 100% width of its container */
}
.specs dl dt, .specs dl dd {
   border: 1px solid #b5b5b5;
   display:block;
   margin:0;
   padding:0.3888888888888889em 0.8888888888888889em 0.3888888888888889em 0.8888888888888889em;   /* Base Font = 18px >>>7px 16px 7px 16px / 18px= 0.3888888888888889em 0.8888888888888889em 0.3888888888888889em 0.8888888888888889em*/
   vertical-align:top;
}
.specs dl dt {
   padding-left: 0.8888888888888889em;                           /* Base Font = 18px >>>16px / 18px= 0.8888888888888889em*/
   text-align:center;
}
.metal-flake-img {
    width: 100%;                                          /* 100% width of its container */
}

img[name="pphLoggerImage"]{
display:none;
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
/* =============Header Area Start============================ */
.top-header{
   padding:0.25em 0 0 0;                                       /* BASE FONT = 16px  >>> 4px 0 0 0 / 16px = 0.25em 0 0 0 */   
}
.logo-container{
   background: url(/images/logo-container-bg.png) repeat-x left top, url(/images/logo-container-bg1.png) no-repeat center top / cover;
   -pie-background: url(/images/logo-container-bg.png) repeat-x left top, url(/images/logo-container-bg1.png) no-repeat center top / cover;
   min-height: 9.6875em;                                       /* BASE FONT = 16px  >>> 155px / 16px = 9.6875em */   
   padding:0;
   behavior:url(/pie/PIE.htc);
    position:relative;
}
/* ============= Logo Container Start=========== */
.header-logo{
   float: left;
    margin: 1.8125em 0 0 0;                                       /* BASE FONT = 16px  >>> 29px 0 0 0 / 16px = 1.8125em 0 0 0 */   
}
.header-logo > img {
   margin: 0.375em 0.5625em 0 1.0625em;                           /* BASE FONT = 16px  >>> 6px 9px 0 17px / 16px = 0.375em 0.5625em 0 1.0625em*/
}
.company-tagline{
   display:inline-block;
   width:13.125em;                                             /* BASE FONT = 16px  >>> 210px / 16px = 13.125em*/
}
/* =============Utility Nav Start here=========== */
.utility_nav{
   float:right;
   padding: 2.625em 0.5625em 0 0.5625em;                           /* BASE FONT = 16px  >>> 42px 9px 0 9px / 16px = 2.625em 0.5625em 0 0.5625em*/
}

/* =============Search Style Start=========================== */
.search-trigger {
   display:none;
}
.search {
    display: inline-block;
    float: right;
   border:none;
   margin:0.0625em 0.6875em 0 0;                                 /* BASE FONT = 16px  >>> 1px 11px 0 0 / 16px = 0.0625em 0.6875em 0 0 */
   padding:0;
}
.search-btn {
    margin: 0 0 0 0.125em;                                       /* BASE FONT = 16px  >>> 0 0 0 2px / 16px = 0 0 0 0.125em*/
    padding: 0.1875em 0.25em 0.25em 0.25em;                           /* BASE FONT = 16px  >>> 3px 4px 4px 4px/ 16px = 0.1875em 0.25em 0.25em 0.25em*/
}
/* =============Content Area Style Start===================== */
#content-area{
   padding:2.666666666666667em 0.5555555555555556em 0.5555555555555556em 0.5555555555555556em;   /* BASE FONT = 18px  >>> 48px 10px 10px 10px / 18px = 2.666666666666667em 0.5555555555555556em 0.5555555555555556em 0.5555555555555556em */
}
/* =============Heading Styles=============================== */
h1{
   color:#18b6b5;
   font-family:"Source Sans Pro";
   font-size:1.66667em;                                    /* Base Font = 18px >>> 30px / 18px= 1.66667em */
   font-weight:300;
   line-height:1.1em;                                       /* Base Font = 30px >>> 33px / 30px= 1.1em  */
   padding:0 0 0.7666666666666667em 0;                           /* Base Font = 30px >>> 0 0 23px 0 / 30px= 0 0 0.7666666666666667em 0 */
   text-transform:uppercase;
   text-align:left;
}
h2{
   text-align:left;
   padding:0 0 0.6363636363636364em 0;                           /* Base Font = 22px >>> 0 0 14px 0 / 22px= 0 0 0.6363636363636364em 0  */
}
h3{
   text-align:left;
}
/* =============Footer Area Start Here======================= */
.footer-wrapper-address {
    padding: 1.928571428571429em 0.6428571428571429em 0 0.5em;   /* BASE FONT = 14px  >>> 27px 9px 0 7px / 14px = 1.928571428571429em 0.6428571428571429em 0 0.5em*/
}
.web-address{
   padding:1.5em 0 0.875em 0;                  /* BASE FONT = 24px  >>> 36px 0 21px 0 / 24px = 1.5em 0 0.875em 0*/
}
.footer-links {
    padding: 0 0 4.5em 0;                              /* BASE FONT = 14px  >>> 0 0 63px 0 / 14px = 0 0 4.5em 0*/
}
.thomas_info_txt {
    padding: 0 5.833333333333333em 0.8333333333333333em 5.833333333333333em;   /* BASE FONT = 12px  >>> 0 70px 10px 70px / 12px = 0 5.833333333333333em 0.8333333333333333em 5.833333333333333em*/
}
.thomas_info_txt span{
   padding:0 4.166666666666667em 0.8333333333333333em 4.166666666666667em;   /* BASE FONT = 12px  >>> 0 50px 10px 50px / 12px = 0 4.166666666666667em 0.8333333333333333em 4.166666666666667em*/
}
/* =============Home page classes Start Here================= */
.home-wrapper{
   background:url(/images/home-wrapper-bg.jpg) no-repeat center 1.9375em;   /* BASE FONT = 16px  >>> 52% 31px / 16px = 52% 1.9375em */
}
.ie8 .home-wrapper{
   background-size:100%;
}
.home-wrapper .logo-container {
    background: url(/images/logo-container-bg.png) repeat-x center top;
}
.home-heading {
    font-family: "Source Sans Pro";
    font-size: 1.75em;                                       /* BASE FONT = 16px  >>>  28px / 16px = 1.75em */
    font-weight: 400;
    line-height: 1.035714285714286em;                           /* BASE FONT = 28px  >>>  29px / 28px = 1.035714285714286em */
   margin:4.714285714285714em 0 0.3214285714285714em 0;            /* BASE FONT = 28px  >>>  132px 0 9px 0 / 28px = 4.714285714285714em 0 0.3214285714285714em 0 */
    padding:0.2857142857142857em 0.2857142857142857em 0.2857142857142857em 0.3214285714285714em; /* BASE FONT = 28px  >>>  8px 8px 8px 9px / 28px = 0.2857142857142857em 0.2857142857142857em 0.2857142857142857em 0.3214285714285714em*/
}
.home-heading span{
   font-size: 0.8571428571428571em;                           /* BASE FONT = 28px  >>>  24px / 28px = 0.8571428571428571em */
    font-weight: 300;
    line-height: 1.125em;                                    /* BASE FONT = 24px  >>>  27px / 24px = 1.125em */
   padding-bottom:0.25em;                                    /* BASE FONT = 24px  >>>  6px / 24px = 0.25em */
}
.bucket-content{
padding-bottom:9.5em;                                       /* BASE FONT = 16px  >>>  152px / 16px = 9.5em */
}
.bucket-content article{
   background:url(/images/bucket-bg-tab.png) repeat-x;
   border:5px solid rgba(24, 182, 181, 0.7);
   width:31.6%;                                          /* 31.6% width of its container */
   margin-right:0.0625em;                                    /* BASE FONT = 16px  >>>  1px / 16px = 0.0625em */
}
.bucket-content article.last-bucket {
    margin-bottom: 0.625em;                                    /* BASE FONT = 16px  >>>  10px / 16px = 0.625em */
   margin-right:0;
}
.bucket-content span{
   font-size:0.681818em;                                    /* BASE FONT = 22px  >>>  15px / 22px = 0.681818em */
   line-height:0.6666666666666667em;                           /* BASE FONT = 15px  >>>  10px / 15px = 0.6666666666666667em */
   padding-bottom:0.8666666666666667em;                        /* BASE FONT = 15px  >>>  13px / 15px = 0.8666666666666667em */
   padding-top:0.0666666666666667em;                           /* BASE FONT = 15px  >>>  1px / 15px = 0.0666666666666667em */
}
.home-content p{
   padding:1.6em 0.8em 0.45em 0.8em;                           /* BASE FONT = 20px  >>>  32px 16px 9px 16px / 20px = 1.6em 0.8em 0.45em 0.8em*/
}
.home-content img{
   margin:3.5625em auto 0 auto;                              /* BASE FONT = 16px  >>>  57px auto 0 auto / 16px = 3.5625em auto 0 auto*/
}
.home-content .ultra-pure-img{
   margin:1.4375em auto 2.25em auto;                           /* BASE FONT = 16px  >>>  23px auto 36px auto / 16px = 1.4375em auto 2.25em auto*/
}
/* =============Inner pages style============================ */
.divide-data > ul {
    display: inline-block;
    padding: 0 0.3333333333333333em 0 0;                        /* BASE FONT = 18px  >>>  0 6px 0 0 / 18px = 0 0.3333333333333333em 0 0*/
    vertical-align: top;
    width: 48%;                                             /* 48% width of its container */
}    
.feature-img{
   float:right;
}  
/* ************   Tabular data Style ************ */
.specs dl{
   display:table;
   border-spacing:2px 2px;
}
.specs dl dt {
   display:table-cell;
   width:50%;                                                        /* 50% width of content area*/
}
.specs dl dt, .specs dl dd {
   display:table-cell;
}
/************** Contact Page Style ********************/
/***Contact Us page style***/
.contact-info address {
   display:inline-block;
   vertical-align:top;
   } 
.contact-info p {
   float:right;
   text-align:right;
}
.contact-info , .general-info , .sales-info{
   text-align: left;
}
.contact-info .request-info{
   clear:both;
}
.sales-info > p{
   display:inline-block;
   vertical-align:top;
   width:48%;                                             /* 48% width of content area*/
   padding-right:0.4444444444444444em;                           /* BASE FONT = 18px  >>>  8px / 18px = 0.4444444444444444em*/                                    
}
.sales-right-info{
   text-align:right;
}
.certification-block > div {
    display: inline-block;
    padding: 0 0.7777777777777778em 1em 0.7777777777777778em;         /* BASE FONT = 18px  >>>  0 14px 18px 14px / 18px = 0 0.7777777777777778em 1em 0.7777777777777778em*/   
}
.certification-pdf > p {
    display: inline-block;
    padding: 0 0.5555555555555556em 0 0;                        /* BASE FONT = 18px  >>>  0 10px 0 0 / 18px = 0 0.5555555555555556em 0 0 */
    text-align: center;
    vertical-align: top;
    width: 48%;                                             /* 48% width of content area*/
}
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 800px/16px = 50em*/
@media only screen and (min-width: 50em) {
/* =============Header Area Start============================ */
.menu-trigger{
   display:none;
}
.header-logo > img{
   margin-left:0;
}
.logo-container{
   background: url(/images/logo-container-bg.png) repeat-x left top, url(/images/logo-container-bg1.png) no-repeat center top / cover; 
}
.company-tagline {
    margin-top: 1.5em;                                    /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
    width: 22.5em;                                       /* BASE FONT = 16px  >>> 360px / 16px = 22.5em */
}
/* =============Utility Nav Start here=========== */
.utility_nav{
   padding: 2.625em 0.1875em 0 0.1875em;                     /* BASE FONT = 16px  >>> 42px 3px 0 3px/ 16px = 2.625em 0.1875em 0 0.1875em*/
}

/* =============Search Style Start=========================== */
.search{
   margin:0.3125em 0.3125em 0 0;                           /* BASE FONT = 16px  >>> 5px 5px 0 0/ 16px = 0.3125em 0.3125em 0 0*/
}
.search-btn{
   margin:0 0 0 0.0625em;                                 /* BASE FONT = 16px  >>> 0 0 0 1px/ 16px = 0 0 0 0.0625em*/
}
/* =============Top Navigation style start=================== */
.top-header{
   padding:0;
}
#top_nav{
   display:block;
   background:none;
   width: 40.1875em;                                    /* BASE FONT = 16px  >>> 643px/ 16px = 40.1875em*/
   float:left;
}
ul.top-nav {
    font-family: "Source Sans Pro";
    font-size: 0.8125em;                                 /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em   */
    line-height: 1.384615384615385em;                        /* BASE FONT = 13px  >>> 18px / 13px = 1.384615384615385em   */
}
#top_nav li {
    border: none;
    display: inline-block;
    position: relative;
   vertical-align:top;
}
#top_nav li a , #top_nav li.first a {
    color: #ffffff;
    display: inline-block;
    padding: 0.3846153846153846em 0.3076923076923077em 0.5384615384615385em 0.3076923076923077em;   /* BASE FONT = 13px  >>> 5px 4px 7px 4px / 13px = 0.3846153846153846em 0.3076923076923077em 0.5384615384615385em 0.3076923076923077em */
}

#top_nav li.has-child > a {
    padding:0.3846153846153846em 1.538461538461538em 0.5384615384615385em 0.4615384615384615em;               /* BASE FONT = 13px  >>> 5px 20px 7px 6px / 13px = 0.3846153846153846em 1.538461538461538em 0.5384615384615385em 0.4615384615384615em  */
}
#top_nav li:hover > a{
   background-color:#18b6b5;
   color:#ffffff;
}
#top_nav li.last > a {
   padding:0.3846153846153846em 0.3846153846153846em 0.3846153846153846em 0.3846153846153846em; /* BASE FONT = 13px  >>> 5px 5px 5px 5px / 13px = 0.3846153846153846em 0.3846153846153846em 0.3846153846153846em 0.3846153846153846em  */

}
.submenu-trigger {
    background: url(/images/drop-down-toggle.png) no-repeat left top;
    height:0.3846153846153846em;                        /* BASE FONT = 13px  >>> 5px / 13px = 0.3846153846153846em  */
    right: 1em;                                       /* BASE FONT = 13px  >>> 13px / 13px = 1em  */
    top: 1em;                                       /* BASE FONT = 13px  >>> 13px / 13px = 1em  */
    width:0.3846153846153846em;                           /* BASE FONT = 13px  >>> 5px / 13px = 0.3846153846153846em  */
}
.top-nav li.has-child ul {
    background-color: #000000;
    left: 0;
    padding: 0;                                       
    position: absolute;
    right: auto;
    text-align: left;
    top: 2.307692307692308em;                           /* BASE FONT = 13px  >>> 30px / 13px = 2.307692307692308em  */                        
    width: 14.07692307692308em;                           /* BASE FONT = 13px  >>> 183px / 13px = 14.07692307692308em  */
   border:1px solid #18b6b5;
}
.top-nav li.has-child:hover > ul{
   display:block;
   z-index:1;
}
.top-nav li.has-child:hover > ul li {
   display:block;
}
.top-nav li.has-child ul li:hover > a{
   background-color:#18b6b5;
}
#top_nav .top-nav li.has-child ul li a {
   color:#f8f8f8;
    display: block;
    padding: 0.3076923076923077em 0 0.0769230769230769em 0.3076923076923077em;   /* BASE FONT = 13px  >>> 4px 0 1px 4px / 13px = 0.3076923076923077em 0 0.0769230769230769em 0.3076923076923077em  */
   width:13.76923076923077em;                           /* BASE FONT = 13px  >>> 179px / 13px = 13.76923076923077em  */
}
#top_nav li ul li a:hover {
   color:#ffffff;
   background:#18b6b5;
}
/* =============Content Area Style Start===================== */
#content-area{
   padding:2.666666666666667em 0.2222222222222222em 0.5555555555555556em 0.2222222222222222em;   /* BASE FONT = 18px  >>>  48px 4px 10px 4px/ 18px = 2.666666666666667em 0.2222222222222222em 0.5555555555555556em 0.2222222222222222em */
}
/* =============Footer Area Start Here======================= */
.footer-wrapper-address{
   float:left;
   text-align:left;
   padding:1.642857142857143em 0.6428571428571429em 0 0;      /* BASE FONT = 14px  >>> 23px 9px 0 0 / 14px = 1.642857142857143em 0.6428571428571429em 0 0 */
}
.web-address{
   text-align:right;
   padding: 0.7083333333333333em 0.25em 0.8333333333333333em 0; /* BASE FONT = 24px  >>> 17px 6px 20px 0 / 24px = 0.7083333333333333em 0.25em 0.8333333333333333em 0 */
}
.footer-links{
   text-align:right;
   padding:0 0.6428571428571429em 3.428571428571429em 0.6428571428571429em; /* BASE FONT = 14px  >>> 0 9px 48px 9px / 14px = 0 0.6428571428571429em 3.428571428571429em 0.6428571428571429em*/
}
.thomas_info_txt {
    padding: 0 1.166666666666667em 1.75em 1.166666666666667em;   /* BASE FONT = 12px  >>>  0 14px 21px 14px / 12px = 0 1.166666666666667em 1.75em 1.166666666666667em*/
}
.thomas_info_txt span{
   display:inline-block;
   padding:0 0 0.8333333333333333em 1em;                  /* BASE FONT = 12px  >>>  0 0 10px 12px / 12px = 0 0 0.8333333333333333em 1em*/
}
/* =============Print Page Styles============================ */
.print_page{
   display:block;
   font-size: 0.9375em;                              /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em   */
    text-align: right;
   line-height: 1.2em;                                 /* BASE FONT = 15px  >>> 18px / 15px = 1.2em   */
    padding: 0 0 3.6em 0;                              /* BASE FONT = 15px  >>> 0 0 54px 0 / 15px = 0 0 3.6em 0  */
}
.print_page > a:first-child{
   margin-right: 0.5333333333333333em;                     /* BASE FONT = 15px  >>> 8px / 15px = 0.5333333333333333em   */
}
.print_page > a img{
   margin-right:0.4em;                                 /* BASE FONT = 15px  >>> 6px / 15px = 0.4em   */
}
/* =============Home page classes Start Here================= */
.home-heading {
    font-family: "Source Sans Pro";
    font-size: 1.875em;                                 /* BASE FONT = 16px  >>> 30px / 16px = 1.875em   */
    font-weight: 400;
    line-height: 0.9666666666666667em;                     /* BASE FONT = 30px  >>> 29px / 30px = 0.9666666666666667em   */
    margin: 3.366666666666667em 0 0.3em 0.0666666666666667em;   /* BASE FONT = 30px  >>> 101px 0 9px 2px / 30px = 3.366666666666667em 0 0.3em 0.0666666666666667em   */
    padding: 0.3666666666666667em 1.6em 0.4666666666666667em 1.6em ; /* BASE FONT = 30px  >>> 11px 48px 14px 48px / 30px = 0.3666666666666667em 1.6em 0.4666666666666667em 1.6em   */
}
.home-heading span {
    font-size: 0.8666666666666667em;                     /* BASE FONT = 30px  >>> 26px / 30px = 0.8666666666666667em   */
    font-weight: 300;
    line-height: 1.038461538461538em;                     /* BASE FONT = 26px  >>> 27px / 26px = 1.038461538461538em   */
    padding-bottom: 0.2692307692307692em;                  /* BASE FONT = 26px  >>> 7px / 26px = 0.2692307692307692em */
}
.bucket-content {
   margin-left: 0.125em;                              /* BASE FONT = 16px  >>> 2px / 16px = 0.125em   */
    padding-bottom: 1em;                              /* BASE FONT = 16px  >>> 168px / 16px = 10.5em   */
}

.bucket-content article {
    margin-right: 0.125em;                              /* BASE FONT = 16px  >>> 2px / 16px = 0.125em   */
    width: 31.9%;                                    /* 31.9% width of its container */
}
.bucket-content span {
    font-size: 1em;                                    /* BASE FONT = 22px  >>> 22px / 22px = 1em   */
    line-height: 0.9090909090909091em;                     /* BASE FONT = 22px  >>> 20px / 22px = 0.9090909090909091em   */
    padding-bottom: 0.8181818181818182em;                  /* BASE FONT = 22px  >>> 18px / 22px = 0.8181818181818182em   */
    padding-top: 0.0909090909090909em;                     /* BASE FONT = 22px  >>> 2px / 22px = 0.0909090909090909em   */
}
.home-content{
   text-align:left;
}
.home-content .inner-wrap div{
   float: left;
    width: 79%;                                       /* 79% width of its container */
   padding: 0 0.5em 0 0.5em;                           /* BASE FONT = 16px  >>> 0 8px 0 8px / 16px = 0 0.5em 0 0.5em  */
}
.home-content p {
    padding: 1.75em 0 0.45em 0;                           /* BASE FONT = 20px  >>> 35px 0 9px 0 / 20px = 1.75em 0 0.45em 0 */
}
.home-content .request-info{
   text-align:left;
   padding:1.05em 0 0.45em 0;                           /* BASE FONT = 20px  >>> 21px 0 9px 0 / 20px = 1.05em 0 0.45em 0 */
}

.home-content img {
    margin: 1.75em 1.875em 0 auto;                        /* BASE FONT = 16px  >>> 28px 30px 0 auto / 16px = 1.75em 1.875em 0 auto */
}

.home-content .ultra-pure-img {
    margin: 1.125em 0.3125em 1.9375em auto;                  /* BASE FONT = 16px  >>> 18px 5px 31px auto / 16px = 1.125em 0.3125em 1.9375em auto */
}
/* =============Inner pages style============================ */
.divide-data > ul{
   width:49%;                                       /* 49% width of content area*/
}
.feature-img {
   float:right;
    padding:0 0 0.7222222222222222em 1.333333333333333em;      /* BASE FONT = 18px  >>> 0 0 13px 24px / 18px = 0 0 0.7222222222222222em 1.333333333333333em  */
}
.divide-data.sub-divide-data ul {
    width: 34%;                                       /* 34% width of content area*/
}

.certification-block > div {
    padding: 0 2.388888888888889em 1em 2.388888888888889em;      /* BASE FONT = 18px  >>> 0 43px 18px 43px / 18px = 0 2.388888888888889em 1em 2.388888888888889em  */
}
.certification-pdf{
    padding-bottom: 1.388888888888889em;                  /* BASE FONT = 18px  >>> 25px / 18px = 1.388888888888889em  */
}
.pdf-heading{
   padding-bottom:0.7222222222222222em;                  /* BASE FONT = 18px  >>> 13px / 18px = 0.7222222222222222em  */
}

}

/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
.inner-wrap {
   width:60em;                                          /* BASE FONT = 16px  >>> 960px / 16px = 60em   */
   margin:0 auto;
}   
/* =============Top Navigation style start=================== */
#top_nav{
   width:49.75em;                                       /* Base Font = 16px >>> 796px/16px = 49.75em */
}
ul.top-nav {
    font-family: "Source Sans Pro";
    font-size: 0.9375em;                                 /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em   */
    line-height: 1.2em;                                    /* BASE FONT = 15px  >>> 18px / 15px = 1.2em   */
}
#top_nav li{
   display:inline;
}
#top_nav li a , #top_nav li.first a {
    padding: 0.3333333333333333em 1.381909547738693% 0.4666666666666667em 0.7537688442211055%; /* BASE FONT = 15px  >>> 5px (11px/796px)*100=1.381909547738693% 7px (6px/796px)=0.7537688442211055% / 15px = 0.3333333333333333em 1.381909547738693% 0.4666666666666667em 0.7537688442211055% */
}
.top-nav li.has-child ul{
   font-size:0.8666666666666667em;                        /* BASE FONT = 15px  >>> 13px / 15px = 0.8666666666666667em  */
    top: 2.307692307692308em;                           /* BASE FONT = 13px  >>> 30px / 13px = 2.307692307692308em  */                        
    width: 14.07692307692308em;                           /* BASE FONT = 13px  >>> 183px / 13px = 14.07692307692308em  */
}
#top_nav li.has-child > a {
    padding:0.3333333333333333em 1.333333333333333em 0.4666666666666667em 0.4em; /* BASE FONT = 13px  >>> 5px 20px 7px 6px / 15px = 0.3333333333333333em 1.333333333333333em 0.4666666666666667em 0.4em  */
}
#top_nav li.last > a {
   padding:0.3333333333333333em 0.4em 0.4666666666666667em 0.4em;      /* BASE FONT = 15px  >>> 5px 6px 7px 6px / 15px = 0.3333333333333333em 0.4em 0.4666666666666667em 0.4em  */
}
.submenu-trigger {
    height: 0.3846153846153846em;                        /* BASE FONT = 15px  >>> 5px / 15px = 0.3846153846153846em  */
    right: 0.8666666666666667em;                        /* BASE FONT = 15px  >>> 13px / 15px = 0.8666666666666667em  */
    top: 0.8666666666666667em;                           /* BASE FONT = 15px  >>> 13px / 15px = 0.8666666666666667em  */
    width: 0.3846153846153846em;                        /* BASE FONT = 15px  >>> 5px / 15px = 0.3846153846153846em  */
}
.top-nav li.has-child ul {                        
    top: 2em;                                       /* BASE FONT = 15px  >>> 30px / 15px = 2em  */                        
    width: 12.2em;                                    /* BASE FONT = 15px  >>> 183px / 15px = 12.2em  */
}
#top_nav .top-nav li.has-child ul li a {
    padding: 0.2666666666666667em 0 0.0666666666666667em 0.2666666666666667em;   /* BASE FONT = 15px  >>>  4px 0 1px 4px / 15px = 0.2666666666666667em 0 0.0666666666666667em 0.2666666666666667em */
   width:11.93333333333333em;                           /* BASE FONT = 15px  >>> 179px / 15px = 11.93333333333333em  */
}

/* =============Home page classes Start Here================= */

.bucket-content article{
   width: 32.1%;                                    /* 32.1% width of its container */
}
.home-content .inner-wrap div{
   padding:0;
}
/* =============Inner pages style============================ */
.certification-block > div {
    padding: 0 3.833333333333333em 1em 3.833333333333333em;      /* BASE FONT = 18px  >>> 0 69px 18px 69px / 18px = 0 3.833333333333333em 1em 3.833333333333333em  */
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 1500px/16px = 93.75em*/
@media only screen and (min-width: 93.75em){
.home-wrapper{
   background-size:100%;                              /* full width of its container*/
}
   
}

/* ============= Embedding Font style============================ */

@font-face {
    font-family: 'copperplate_gothic_boldRg';
    src: url('/fonts/coprgtb.eot');
    src: url('/fonts/coprgtb.eot?#iefix') format('embedded-opentype'),
         url('/fonts/coprgtb.woff2') format('woff2'),
         url('/fonts/coprgtb.woff') format('woff'),
         url('/fonts/coprgtb.ttf') format('truetype'),
         url('/fonts/coprgtb.svg#copperplate_gothic_boldRg') format('svg');
    font-weight: normal;
    font-style: normal;

}span.video-text {
    color: #ffffff;
    display: block;
    font-family: "source Sans Pro";
    font-size: 1em;
    font-weight: 600;
    line-height: 0.9545454545454545em;
    text-decoration: none;
    text-transform: uppercase;
}