@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600,700');
body {
    font-family:'Titillium Web';
   font-size: 100%;                                          /* default font size - 100% = 16px*/
   background-color:#455d82;
}
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: #455d82;
    text-decoration: underline;
}
a:hover {
    color: #e20006;
    text-decoration: none;
}
p {
    padding:0 0 1.05555555555556em 0;   /* BASE FONT = 18px  >>> 0px 0px 19px 0px / 18px = 0em 0em 1.05555555555556em 0em */               
}
ul {
   padding:0 0 0.833333333333333em 0;/* BASE FONT = 18px  >>> 0px 0px 15px 0px / 18px = 0em 0em 0.833333333333333em 0em */               
   list-style:none;
}
ul li{
   list-style:none;
   padding: 0.166666666666667em 0 0.166666666666667em 1.111111111111111em;  /* BASE FONT = 18px  >>> 3px 0px 3px 20px / 18px = 0.166666666666667em 0 0.166666666666667em 1.111111111111111em */
   background: url(/images/bullet.png) no-repeat left 0.7222222222222222em; /* BASE FONT = 18px  >>> 13px/ 18px = 0.7222222222222222em */   
}
ul li li{
    background:url(/images/bullet-inner.png) no-repeat left 0.8333333333333333em;  /* BASE FONT = 18px  >>> 15px/ 18px =  0.8333333333333333em */   
    padding:0.2777777777777778em 0 0.2777777777777778em 0.7777777777777778em;             /* BASE FONT = 18px  >>> 5px 0 5px 14px/ 18px = 0.2777777777777778em 0 0.2777777777777778em 0.7777777777777778em*/
}

.clearfix:before, .clearfix:after, .inner-wrap:before, .inner-wrap:after {
   content:"";
   display:table;
}
.clearfix:after, .inner-wrap:after {
   clear:both;
}
.inner-wrap {
   max-width:68.75em;   /* BASE FONT = 16px  >>> 1100px / 16px = 68.75em  */
   margin:0 auto;
}
/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */
/* =============Header Area Start============================ */
header{
   background:#ffffff;
}
.header-logo {
    display: block;
    margin: 0.75em 0 0.5625em 0; /* BASE FONT = 16px  >>> 12px 0px 9px 0px / 16px = 0.75em 0em 0.5625em 0em */               
   text-align: center;
}
  .header-logo > img {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.company-slogen {
   display:block;
    color: #000000;
    font-size:1.4375em;/* BASE FONT = 16px  >>> 23px / 16px = 1.4375em */         
    font-weight: 400;
    line-height:1.1304347826087em ;/* BASE FONT = 23px  >>> 26px / 23px = 1.1304347826087em */         
   text-align: center;
    text-transform: uppercase;
   padding:0 0 0.478260869565217em 0;/* BASE FONT = 23px  >>> 0px 0px 11px 0px / 23px = 0em 0em 0.478260869565217em 0em */               
}
.company-slogen > span {
    color: #344868;
    display: block;
    font-size: 0.739130434782609em;/* BASE FONT = 23px  >>> 17px / 23px = 0.739130434782609em */         
   font-style: italic;
    font-weight: 300;
    line-height:  1em;/* BASE FONT = 17px  >>> 17px / 17px = 1em */         
   padding:0 0 0.294117647058824em 0;/* BASE FONT = 17px  >>> 0px 0px 5px 0px / 17px = 0em 0em 0.294117647058824em 0em */               
   text-transform: capitalize;
}
/* =============Right Header (Utility) Start here=========== */
.utility-nav {
    color: #455d82;
    font-size:1.75em;/* BASE FONT = 16px  >>> 28px / 16px = 1.75em */         
   font-weight: 300;
    line-height:0.857142857142857em;/* BASE FONT = 28px  >>> 24px / 28px = 0.857142857142857em */            
   padding:0 0 0.785714285714286em 0;/* BASE FONT = 28px  >>> 0px 0px 22px 0px / 28px = 0em 0em 0.785714285714286em 0em */               
   text-align: center;
}
.utility-nav a {
    display: inline-block;
    margin: 0 0 0 0.714285714285714em;      /* BASE FONT = 28px  >>> 0px 0px 0px 20px / 28px = 0em 0em 0em 0.714285714285714em */               
   vertical-align:top;
}
.utility-nav img {
    margin:0.107142857142857em 0 0 0;   /* BASE FONT = 28px  >>> 3px 0px 0px 0px / 28px = 0.107142857142857em 0em 0em 0em */               
   vertical-align: top;
}
/* =============Menu trigger style start=================== */
.menu-trigger {
   display:block;
    text-align: center;
   background:#455d82;
}
.menu-trigger a {
    color: #ffffff;
    display: inline-block;
    font-size:1em; /* BASE FONT = 16px  >>> 16px / 16px = 1em */         
   font-weight: 300;
    line-height:1.8125em;/* BASE FONT = 16px  >>> 29px / 16px = 1.8125em */         
   margin: 1em 0 0.9375em 0;/* BASE FONT = 16px  >>> 16px 0px 15px 0px / 16px = 1em 0em 0.9375em 0em */               
   padding: 0 2.3125em 0 0;/* BASE FONT = 16px  >>> 0px 37px 0px 0px / 16px = 0em 2.3125em 0em 0em */               
   position: relative;
    text-decoration: none;
    text-transform: uppercase;
   vertical-align:top;
   background:url(/images/bg-menu-trigger.jpg) no-repeat right 0.375em ;   /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */         
}
.menu-trigger a:hover{
    color: #ffffff;
}
.menu-trigger a.active{
   color:#e20006;
   background:url(/images/bg-menu-trigger-hover.jpg) no-repeat right  0.375em ;   /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */      
}

/* =============Top Navigation style start=================== */
#top-nav {
    display: none;
   padding:1.375em 0 0.4375em 0;       /* BASE FONT = 16px  >>> 22px 0px 7px 0px / 16px = 1.375em 0em 0.4375em 0em */               
   background:#e7e7e7;
}
.top-nav-links > li{
   padding:0 0 0 0.625em;    /* BASE FONT = 16px  >>> 0px 0px 0px 10px / 16px = 0em 0em 0em 0.625em */
   background:none;            
}
.top-nav-links > li > a {
    color: #455d82;
    font-size: 1em;         /* BASE FONT = 16px  >>> 16px / 16px = 1em */         
   font-weight: 400;
    line-height: 2em;         /* BASE FONT = 16px  >>> 32px / 16px = 2em */      
    text-decoration: none;
    text-transform: uppercase;
}
.top-nav-links > li> a:hover, .top-nav > li:hover > a {
   color:#e20006;
}
.top-nav-links > li.has_child > a {
   background: url(/images/haschild-link-bg.png ) no-repeat right 0.5625em;      /* BASE FONT = 16px  >>> 32px / 16px = 0.5625em */
   padding:0 1em 0 0;                                                /* BASE FONT = 16px  >>> 0 16px 0 0 / 16px = 0 1em 0 0 */                                 
}
.top-nav-links > li.has_child.active > a{
   background: url(/images/haschild-link-bg-down.png) no-repeat right 0.5625em;      /* BASE FONT = 16px  >>> 32px / 16px = 0.5625em */
   color:#e20006;
}
.top-nav-links > li.has_child > a:hover{
   background: url(/images/haschild-link-bg-hover.png) no-repeat right 0.5625em;      /* BASE FONT = 16px  >>> 32px / 16px = 0.5625em */
   color:#e20006;
}
.top-nav-links > li.has_child li{
   background:none;
}
.has_child li a{
   text-decoration:none;
}
.top-nav-links > li.has_child > li > a:hover {
    background: none;
    color:#e20006;
}
.has_child ul {
   display:none;
   padding:0.25em 0 0.25em 0;            /* BASE FONT = 16px  >>> 4px 0 4px 0/ 16px = 0.25em 0 0.25em 0*/                              
}
/* =============Main Style Start===================== */
main{
   background:#ffffff;
}
/* =============Content Area Style Start===================== */

#content-area {
   font-size:1.125em;                                 /* BASE FONT = 16px  >>> 18px/16px =1.125em*/   
   line-height:1.388888888888889em;                                 /* BASE FONT = 18px  >>> 25px/18px =1.388888888888889em*/   
   color:#727272;
   padding:0.833333333333333em 0.555555555555556em 1.33333333333333em 0.555555555555556em;                        /* BASE FONT = 18px  >>> 15px 10px 24px 10px / 18px = 0.833333333333333em 0.555555555555556em 1.33333333333333em 0.555555555555556em */               
   font-weight:400;
}
/* =============Heading Styles=============================== */
h1 {
   color:#455d82;
   font-size:1.77777777777778em ;   /* BASE FONT = 18px  >>> 32px / 18px = 1.77777777777778em */         
   line-height:1.09375em;         /* BASE FONT = 18px  >>> 35px / 32px = 1.09375em */                              
   padding:0 0 0.6875em 0;         /* BASE FONT = 32px  >>> 0px 0px 22px 0px / 32px = 0em 0em 0.6875em 0em */               
   text-transform:uppercase;
   font-weight:600;
}
h2 {
   color:#727272;
   font-size:1.333333333333333em;            /* BASE FONT = 18px  >>> 24px / 18px = 1.333333333333333em */               
   line-height:1.083333333333333em;/* BASE FONT = 24px  >>> 26px / 24px =1.083333333333333em */         
   padding:0 0 0.875em 0;         /* BASE FONT = 24px  >>> 0 0 21px 0 / 24px =0 0 0.875em 0*/                  
   text-transform:uppercase;
   font-weight:400;
}
h3 {
   color:#727272;
   font-size:1.111111111111111em;   /* BASE FONT = 18px  >>> 20px / 18px = 1.111111111111111em */            
   line-height:1.33333333333333em;   /* BASE FONT = 18px  >>> 24px / 18px = 1.33333333333333em */
   padding:0 0 0.5em 0;         /* BASE FONT = 20px  >>> 0px 0px 10px 0px / 20px = 0 0 0.5em 0 */
   text-transform:uppercase;
   font-weight:400;
}
img[name="pphLoggerImage"] {
   display:none;
}
/* =============Print Page Styles=========================== */
.print-page {
   display:none;
   clear:both;
   font-size:0.9375em;                  /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em */                                                      
   line-height:1em;                  /* BASE FONT = 16px  >>> 16px / 16px = 1em */                                                                  
   padding:0 0.625em 3.125em 0;               /* BASE FONT = 16px  >>> 0 10px 50px 0 / 16px = 0 0.625em 3.125em 0*/                                 
   text-align:right;
}
.print_img {
   cursor: pointer;
   margin: 0 0.3333333333333333em 0 0;             /* BASE FONT = 15px  >>> 0 5px 0 0 / 15px =0 0.3333333333333333em 0 0*/                                                   
   vertical-align: middle;
}
.email_img {
   cursor: pointer;
   margin: 0 0.4666666666666667em 0 1.333333333333333em;                     /* BASE FONT = 15px  >>> 0 7px 0 20px/ 15px =0 0.4666666666666667em 0 1.333333333333333em*/                           
   vertical-align: middle;
}
.send_email_table {
   width:80%;                                                             /*80% width of content area*/
   margin:0 auto;
   border-spacing:6px 8px;
}
.input-btn {
    background-color: #e20006;
    color: #eaeaea;
    display: inline-block;
    font-size: 1.388888888888889em ;                        /* BASE FONT = 18px  >>> 25px / 18px = 1.388888888888889em */
    font-weight: 300;
    line-height: 0.68em;                     /* BASE FONT = 25px  >>> 17px / 25px = 0.68em */
    margin: 0.6em 0.2em 0 0;                     /* BASE FONT = 25px  >>> 15px 5px 0 0 / 25px = 0.6em 0.2em 0 0*/
    padding:0.6em 0.6em 0.6em 0.6em;   /* BASE FONT = 25px  >>> 15px 15px 15px 15px  / 25px = 0.5357142857142857em 0.8928571428571429em 0.6785714285714286em 0.9285714285714286em */
    text-decoration: none;
    vertical-align: top;
   border:1px solid transparent;
   cursor:pointer;
}
.input-btn:hover{
   background-color:#e7e7e7;
   color:#e20006;
   border:1px solid #e20006;
}
/* ====================== Return to Top Styles ============================ */
#return-to-top {
   background: #e20006;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius:15px;
   bottom:0.75em;                                       /* BASE FONT = 16px  >>> 12px / 16px = 0.75em  */
   color: #ffffff;
   display: none;
   font-size:1em;                                              /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   height:2.1875em;                                              /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   position: fixed;
   right:0.25em;                                                 /* BASE FONT = 16px  >>> 4px / 16px = 0.25em  */
   text-decoration: none;
   width:2.1875em;                                              /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
#return-to-top:hover {
   background: #455d82;
   color: #ffffff;
}
#return-to-top span {
   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;
}
/* =============Footer Area Start Here======================= */
footer {
   text-align:center;
   padding:3.125em 0 0.8125em 0;                                 /* BASE FONT = 16px  >>> 50px 0 13px 0 / 16px = 3.125em 0 0.8125em 0*/
}
.footer-address {
    color: #eaeaea;
    font-size:1.0625em;                                          /* BASE FONT = 16px  >>> 17px/ 16px = 1.0625em*/
    font-weight: 400;
    line-height:1.411764705882353em;                              /* BASE FONT = 17px  >>> 24px/ 17px = 1.411764705882353em*/
}
.footer-address a{
   color:#eaeaea;
   text-decoration:underline;
}
.footer-address a:hover{
   text-decoration:none;
   color:#eaeaea;
}
.footer-address .company-name {         
    text-transform: uppercase;
}
.footer-right {
    padding:2.6875em 0 0 0;                                 /* BASE FONT = 16px  >>> 43px 0 0 0/16px = 2.6875em*/
}
.website-link {
    color: #fff;
    font-size:1.25em;                                       /* BASE FONT = 16px  >>> 20px/16px = 1.25em*/
   line-height:1em;                                       /* BASE FONT = 20px  >>> 20px/20px = 1em*/
    vertical-align: top;
   margin:0.65em 0.2em 0 0;                                 /* BASE FONT = 20px  >>> 13px 4px 0 0/20px = 0.65em 0.2em 0 0*/
   display:inline-block;
}
.website-link > span {
    text-transform: uppercase;
}
.footer-logo-img {
    display: inline-block;
    vertical-align: middle;
   margin:0.0625em 0 0 0;                                       /* BASE FONT = 16px  >>> 1px 0 0 0/16px = 0.0625em 0 0 0*/
}
.footer-links {
   padding:1.5em 0 0 0;                                          /* BASE FONT = 16px  >>> 24px 0 0 0/16px = 1.375em 0 0 0*/
   display:block;
   font-size:1em;                                                /* BASE FONT = 16px  >>> 16px/16px = 1em*/
   line-height:1em;                                             /* BASE FONT = 16px  >>> 16px/16px = 1em*/
}
.footer-links a{
   color:#eaeaea;
   text-decoration:underline;
   margin:0 0.5em 0 0.5em;                                          /* BASE FONT = 16px  >>> 0 8px 0 8px/16px = 0 0.5em 0 0.5em*/
}
.footer-links a:hover{
   text-decoration:none;
}
/* =============Thomas info Area Start Here======================= */
.thomas_info_txt {
    color: #ffffff;
    font-size:0.875em;            /* BASE FONT = 16px  >>> 14px/16px = 0.875em*/
    font-weight:300;
    line-height:1.214285714285714em;            /* BASE FONT = 14px  >>> 17px/14px = 1.142857142857143em*/
    margin: 5.928571428571429em 0 0 0;            /* BASE FONT = 14px  >>>  83px 0 0 0/14px =  5.928571428571429em 0 0 0*/
    text-align: center;
}
.thomas_info_txt > a {
   color: #ffffff;
   text-decoration:underline;
}
.thomas_info_txt > a:hover {
   color:#ffffff;
   text-decoration:none;
}
.thomas_info_txt .copyright {
    display: block;
    padding: 0 0.2857142857142857em 0.9285714285714286em 0.2857142857142857em;         /* BASE FONT = 14px  >>>  0 4px 13px 4px/14px =  0 0.2857142857142857em 0.9285714285714286em 0.2857142857142857em*/
}
/* =============Home Page style start=================== */
#home-content-area{
   background-color: #e7e7e7;
    color: #455d82;
   padding:3.1875em 0 0 0;                              /* BASE FONT = 16px  >>> 51px 0 0 0 / 16px = 3.1875em 0 0 0 */          
}
#home-content-area h1 {
    font-size: 1.875em;                                 /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
    font-weight: 600;                                 
    line-height:0.866666666666667em;                     /* BASE FONT = 30px  >>> 26px / 30px = 0.866666666666667em */   
    padding:0 0 1.6em 0;                                  /* BASE FONT = 30px  >>> 0 0 48px 0 / 30px = 0 0 1.6em 0 */
    text-align: center;
    text-transform: uppercase;
}
#home-content-area h1 span {
    display: block;
    font-size: 0.733333333333333em;                        /* BASE FONT = 30px  >>> 22px / 30px = 0.733333333333333em */
    font-weight: 400;
    line-height: 1.090909090909091em;                     /* BASE FONT = 22px  >>> 24px / 22px = 1.090909090909091em */
    text-transform: none;
}
.home-bucket-links {
    padding: 0 0 1.875em 0;                                     /* BASE FONT = 16px  >>> 0 0 30px 0 / 16px = 0 0 1.875em 0 */
}
article a {
    display: block;
    font-size: 1.1875em;                              /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    font-weight: 300;
    line-height: 1em;                                 /* BASE FONT = 19px  >>> 19px / 19px = 1em */
    margin:0 0 0.7894736842105263em 0 ;                     /* BASE FONT = 19px  >>> 0 0 15px 0 / 19px = 0 0 0.7894736842105263em 0 */;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
article img{
    display: none;
}
.bottom-text {
    background-color: #ffffff;
    color: #727272;
    font-size: 1.4375em;                              /* BASE FONT = 16px  >>> 23px / 16px = 1.4375em */   
    font-weight: 300;
    line-height: 1.47826086956522em;                     /* BASE FONT = 23px  >>> 34px / 23px = 1.47826086956522em */
    padding:1.869565217391304em 0.652173913043478em 2.217391304347826em 0.652173913043478em;   /* BASE FONT = 23px  >>> 43px 15px 51px 15px / 23px = 1.869565217391304em 0.652173913043478em 2.217391304347826em 0.652173913043478em */
}
article br{
   display:none;
}
.bottom-text p > span {
    text-transform: uppercase;
}

.left-text > p {
    padding:0 0 1.47826086956522em 0;                     /* BASE FONT = 23px  >>> 0px 0px 34px 0px / 23px = 0 0 1.47826086956522em 0 */
}
.contact-btn{
   text-align:center;
}
.contact-btn > a {
    background-color: #e20006;
    color: #eaeaea;
    display: inline-block;
    font-size: 1.21739130434783em ;                        /* BASE FONT = 23px  >>> 28px / 23px = 1.21739130434783em */
    font-weight: 300;
    line-height: 0.6071428571428571em;                     /* BASE FONT = 28px  >>> 17px / 28px = 0.6071428571428571em */
    margin: 0.535714285714286em 0 0 0;                     /* BASE FONT = 28px  >>> 15px 0 0 0 / 28px = 0.535714285714286em 0 0 0 */;
    padding:0.5357142857142857em 0.8928571428571429em 0.6785714285714286em 0.9285714285714286em;   /* BASE FONT = 28px  >>> 15px 25px 19px 26px / 28px = 0.5357142857142857em 0.8928571428571429em 0.6785714285714286em 0.9285714285714286em */
    text-decoration: none;
    vertical-align: top;
   border:1px solid transparent;
}
.contact-btn > a:hover{
   background-color:#e7e7e7;
   color:#e20006;
   border:1px solid #e20006;
}
#banner{
   position:relative;
}
.tabular_data ul li {
   background:url(/images/tabular_bullet.jpg) no-repeat left 0.3125em;/* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
   line-height:1em;/* BASE FONT = 16px  >>> 16px / 16px = 1em */
   padding:0 0 0.1875em 0.875em;   /* BASE FONT = 16px  >>> 0px 0px 3px 14px / 16px = 0 0 0.1875em 0.875em */
}
/* ==========INNER PAGE STYLES STARTS ========== */
/** Contact Us Button **/
.page_cta {
   text-align:center;
}
.page_cta a {
    background-color: #e20006;
    color:#eaeaea;
    display: inline-block;
    font-size:  1.38888888888889em;                        /* BASE FONT = 18px  >>> 25px / 18px = 1.38888888888889em */
    font-weight: 300;
    line-height: 0.76em;                              /* BASE FONT = 25px  >>> 19px / 25px = 0.76em */
    margin: 0.6em 0 0 0;                              /* BASE FONT = 25px  >>> 15px 0 0 0 / 25px = 0.6em 0 0 0 */
    padding:0.68em 1.08em 0.68em 1.08em;                  /* BASE FONT = 25px  >>> 17px 27px 17px 27px / 25px = 0.68em 1.08em 0.68em 1.08em */
    text-decoration: none;
    vertical-align: top;
   border:1px solid transparent;
}
.page_cta a:hover{
   background-color:#e7e7e7;
   color:#e20006;
   border:1px solid #e20006;
}
.five-columns, .three-columns,.four_columns_one, .four_columns_two, .four_columns_three, .four_columns_four {
    font-size: 0.888888888888889em;                        /* BASE FONT = 18px  >>> 16px / 18px = 0.888888888888889em */
}

.ten-columns {
font-size: 0.888888888888889em;                        /* BASE FONT = 18px  >>> 16px / 18px = 0.888888888888889em */
}
 /* Feature Image Style */
.feature_img {
    text-align: center;
   margin:0 0 0.833333333333333em 0;                     /* BASE FONT = 18px  >>> 0 0 15px 0 / 18px = 0 0 0.833333333333333em 0 */               
}
.mpif_logo {
    text-align: center;
   display:block;
}
.mpif_logo > img {
    max-width: 4.44444444444444em;                        /* BASE FONT = 18px  >>> 80px / 18px = 4.44444444444444em */
    width: 100%;                                    /*100% width of its container*/
}
/**** Tabular Data Style ****/
.tabular-data {
    font-size:0.888888888888889em;                           /* BASE FONT = 18px  >>> 16px / 18px = 0.888888888888889em */
    line-height:1.25em;                                    /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
}
.tabular-data dl {
    background-color: #e7e7e7;
   margin: 0 0 0.625em 0;                                 /* BASE FONT = 16px  >>> 0 0 10px 0 / 16px = 0 0 0.625em 0 */
}
.tabular-data dt {
    border-bottom: 1px solid #ccc;
}
.tabular-data dt, .tabular-data dd {
    display:block;
    margin: 0;
    padding: 1.0625em 0.75em 1.0625em 0.75em;                  /* BASE FONT = 16px  >>> 17px 12px 17px 12px / 16px = 1.0625em 0.75em 1.0625em 0.75em */
  }
.tabular-data dd dl {
    margin: 0;
}
.tabular-data dd dt, .tabular-data dd dd {
    border: none;
    padding: 0;
}


/***RFQ Page***/
div.fieldwrapper:before, div.fieldwrapper:after {
   content:"";
   display:block;
}
div.fieldwrapper:after {
   clear:both;
}
div.fieldwrapper label.styled {
   float: left;
   margin:0 1em 0 0;                                          /* BASE FONT = 18px  >>> 0 18px 0 0 / 18px = 0 1em 0 0 */
   width:100%;                                                /*full width of its container */
}
.feedbackform div.fieldwrapper div.thefield {
   float:left;
   margin:0 0 0.555555555555556em 0;                           /* BASE FONT = 18px  >>> 0 0 10px 0 / 18px = 0 0 0.555555555555556em 0 */
   width:100%;                                                /*full width of its container*/
}
div.fieldwrapper div.thefield input[type=text], div.fieldwrapper div.thefield select, .thefield textarea {
   border:1px solid #bdbdbd;
   width:100%;                                                      /* width:100%; of div.fieldwrapper div.thefield:45.454545%  */
   padding:0.166666666666667em;                                       /* BASE FONT = 18px  >>> 3px / 18px = 0.166666666666667em  */
   margin:0;
   font-family:'Titillium Web';
   font-size:1em;                                                    /* BASE FONT = 18px  >>> 18px / 18px = 1em */
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   position:relative;
}
.fieldwrapper input[type=text] {
   height:1.555555555555556em;                                          /* BASE FONT = 18px  >>> 28px / 18px = 1.555555555555556em  */
}
div.fieldwrapper div.thefield textarea {      
   height:5.55555555555556em;                                          /* BASE FONT = 18px  >>> 100px / 18px = 5.55555555555556em  */
}
.feedbackform {
   margin: 0 auto;
   width:90%;                                                         /*90% width of its container*/
   max-width:47.2222222222222em;                                    /* BASE FONT = 18px  >>> 850px / 18px = 47.2222222222222em  */
}
.feedbackform .thefield p {
   padding:0 0 0.277777777777778em 0;                                    /* BASE FONT = 18px  >>> 0 0 5px 0 / 18px = 0 0 0.277777777777778em 0  */ 
   }
.feedbackform .thefield p input[type="checkbox"] {
    float: left;
    margin-bottom:0.555555555555556em;                                   /* BASE FONT = 18px  >>> 10px / 18px = 0.555555555555556em  */
    margin-right:0.5em;                                                /* BASE FONT = 18px  >>> 9px / 18px = 0.5em  */
}   
.feedbackform .thefield div {
   float: left;
   width: 50%;                                                          /* width: 50%; Of div.fieldwrapper div.thefield:45.454545%  */
}
div.buttonsdiv {
   margin:1em 0 0 0;                                                   /* BASE FONT = 18px  >>> 18px 0 0 0 / 18px = 1em 0 0 0 */
}
.form_error, .form_success {
   clear:both;
}
/***Contact Us page style***/
.contact-box {
   text-align:center;
}
.contact-box div{
   margin:0 0 1em 0;                                                 /* BASE FONT = 18px  >>> 0 0 18px 0 / 18px = 0 0 1em 0 */
}
.gmap{
   padding:0.666667em 0 0.666667em 0;                                 /* BASE FONT = 18px  >>> 12px 0 12px 0 / 18px = 0.666667em 0 0.666667em 0 */
   text-align:center;
}
.gmap iframe{
   max-width:25em;                                                     /* BASE FONT = 18px  >>> 450px / 18px = 25em */
   height:19.44444444444444em;                                          /* BASE FONT = 18px  >>> 350px / 18px = 19.44444444444444em */
   width:100%;                                                         /*full width of its container */
   border:1px solid #d3d3d3;
}

.five-columns > table, .four_columns_one  > table, .four_columns_two > table, .four_columns_three > table, .four_columns_four > table, .three-columns > table, .ten-columns > table {
   margin:0 0 0.9375em 0;                                    /* BASE FONT = 16px  >>> 0 0 15px 0 / 16px = 0 0 0.9375em 0 */                                                      
}

/******** 639px/16px = 39.9375em*/
@media only screen and (max-width: 39.9375em) {
   
/*---------------Table Style---------------*/
/* Force table to not be like tables anymore */
.five-columns table, .five-columns thead, .five-columns tbody, .five-columns th, .five-columns td, .five-columns tr { 
   display: block; 
}
/* Hide table headers (but not display: none;, for accessibility) */
.five-columns thead tr { 
   position: absolute;
   top:-624.9375em;                                             /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                                 
   left:-624.9375em;                                                       /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */  
}
.five-columns tr {
   border: 1px solid #c1c1c1;
}
.five-columns td { 
   border: none;
   border-bottom: 1px solid #c1c1c1; 
   position: relative;
   padding: 0.3125em 0.3125em 0.3125em 50%;                                    /* Base Font = 16px >>> 5px 5px 5px 50%/16px = 0.3125em 0.3125em 0.3125em 50% */ 
}
.five-columns td:before {                                           /* Now like a table header */
   position: absolute;                                             /* Top/left values mimic padding */
   top:0.375em;                                                               /* Base Font = 16px >>> 6px/16px = 0.375em */ 
   left:0.375em;                                                              /* Base Font = 16px >>> 6px/16px = 0.375em */
   width: 45%;                                                               /* 45% width of its container */
   padding-right:0.625em;                                                       /* Base Font = 16px >>> 10px/16px = 0.625em */
   white-space: nowrap;
}

/*Label the data*/
.five-columns td:nth-of-type(1):before { content: "Belt Name"; }
.five-columns td:nth-of-type(2):before { content: "Sizes (inches)"; }
.five-columns td:nth-of-type(3):before { content: "Material"; }
.five-columns td:nth-of-type(4):before { content: "Benefits"; }
.five-columns td:nth-of-type(5):before { content: "Few Applications"; }




/*tenth column start here*/


.ten-columns table, .ten-columns thead, .ten-columns tbody, .ten-columns th, .ten-columns td, .ten-columns tr { 
   display: block; 
}
/* Hide table headers (but not display: none;, for accessibility) */
.ten-columns thead tr { 
   position: absolute;
   top:-624.9375em;                                             /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                                 
   left:-624.9375em;                                                       /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */  
}
.ten-columns tr {
   border: 1px solid #c1c1c1;
}
.ten-columns td { 
   border: none;
   border-bottom: 1px solid #c1c1c1; 
   position: relative;
   padding: 0.3125em 0.3125em 0.3125em 60%;                                    /* Base Font = 16px >>> 5px 5px 5px 50%/16px = 0.3125em 0.3125em 0.3125em 60% */ 
}
.ten-columns td:before {                                           /* Now like a table header */
   position: absolute;                                             /* Top/left values mimic padding */
   top:0.375em;                                                               /* Base Font = 16px >>> 6px/16px = 0.375em */ 
   left:0.375em;                                                              /* Base Font = 16px >>> 6px/16px = 0.375em */
   width: 45%;                                                               /* 45% width of its container */
   padding-right:0.625em;                                                       /* Base Font = 16px >>> 10px/16px = 0.625em */
   white-space: nowrap;
}

/*Label the data*/
.ten-columns td:nth-of-type(1):before { content: "Sprocket Designation"; }
.ten-columns td:nth-of-type(2):before { content: "Nominal Diameter"; }
.ten-columns td:nth-of-type(3):before { content: "Number of Teeth"; }
.ten-columns td:nth-of-type(4):before { content: "Material"; }
.ten-columns td:nth-of-type(5):before { content: "Pitch Diameter (in)"; }
.ten-columns td:nth-of-type(6):before { content: "Hub Diameter (in)"; }
.ten-columns td:nth-of-type(7):before { content: "Hub Length (in)"; }
.ten-columns td:nth-of-type(8):before { content: "Flange Diameter (in)"; }
.ten-columns td:nth-of-type(9):before { content: "Flange Width (in)"; }
.ten-columns td:nth-of-type(10):before { content: "Maximum Bore (in)"; }
.ten-columns td:nth-of-type(11):before { content: "Approximate Weight"; }


/*tenth column end here*/



 .three-columns table, .three-columns thead, .three-columns tbody, .three-columns th, .three-columns td, .three-columns tr { 
   display: block; 
}
/* Hide table headers (but not display: none;, for accessibility) */
.three-columns thead tr { 
   position: absolute;
   top:624.9375em;                                                 /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                                          
   left: 624.9375em;                                                /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                                
}
.three-columns tr {
   border: 1px solid #c1c1c1;
}
.three-columns td { 
   border: none;
   border-bottom: 1px solid #c1c1c1; 
   position: relative;
   padding: 0.3125em 0.3125em 0.3125em 50%;                                    /* Base Font = 16px >>> 5px 5px 5px 50%/16px = 0.3125em 0.3125em 0.3125em 50% */ 
}
.three-columns td:before {                                           /* Now like a table header */
   position: absolute;                                               /* Top/left values mimic padding */
   top:0.375em;                                                               /* Base Font = 16px >>> 6px/16px = 0.375em */ 
   left:0.375em;                                                             /* Base Font = 16px >>> 6px/16px = 0.375em */
   width: 45%;                                                                /* 45% width of its container */
   padding-right:0.625em;                                                     /* Base Font = 16px >>> 10px/16px = 0.625em */
   white-space: nowrap;
}

/*Label the data*/
.three-columns td:nth-of-type(1):before { content: "Sizes Available"; }
.three-columns td:nth-of-type(2):before { content: "Keyways"; }
.three-columns td:nth-of-type(3):before { content: "Materials Available"; }

/***For Four Columns One Table**/
.four_columns_one table, .four_columns_one thead, .four_columns_one tbody, .four_columns_one th, .four_columns_one td, .four_columns_one tr { 
   display: block; 
}
/* Hide table headers (but not display: none;, for accessibility) */
.four_columns_one thead tr { 
   position: absolute;
   top:624.9375em;                                                    /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                                          
   left: 624.9375em;                                                   /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                               
}
.four_columns_one tr {
   border: 1px solid #c1c1c1;
}
.four_columns_one td { 
   border: none;
   border-bottom: 1px solid #c1c1c1; 
   position: relative;
   padding: 0.3125em 0.3125em 0.3125em 50%;                                          /* Base Font = 16px >>> 5px 5px 5px 50%/16px = 0.3125em 0.3125em 0.3125em 50% */ 
}
.four_columns_one td:before {                                            /* Now like a table header */
   position: absolute;                                                 /* Top/left values mimic padding */
   top:0.375em;                                                                 /* Base Font = 16px >>> 6px/16px = 0.375em */ 
   left:0.375em;                                                                /* Base Font = 16px >>> 6px/16px = 0.375em */
   width: 45%;                                                                  /* 45% width of its container */
   padding-right:0.625em;                                                        /* Base Font = 16px >>> 10px/16px = 0.625em */
   white-space: nowrap;
   font-weight: bold;
}

/*Label the data*/
.four_columns_one td:nth-of-type(1):before { content: "Pattern"; }
.four_columns_one td:nth-of-type(2):before { content: "Materials"; }
.four_columns_one td:nth-of-type(3):before { content: "Sheet Gauges"; }
.four_columns_one td:nth-of-type(4):before { content: "Sizes"; }

/***For Four Columns Two Table**/
.four_columns_two table, .four_columns_two thead, .four_columns_two tbody, .four_columns_two th, .four_columns_two td, .four_columns_two tr { 
   display: block; 
}
/* Hide table headers (but not display: none;, for accessibility) */
.four_columns_two thead tr { 
   position: absolute;
   top:624.9375em;                                                 /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                                          
   left: 624.9375em;                                                /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                                
}
.four_columns_two tr {
   border: 1px solid #c1c1c1;
}
.four_columns_two td { 
   border: none;
   border-bottom: 1px solid #c1c1c1; 
   position: relative;
   padding: 0.3125em 0.3125em 0.3125em 50%;                                    /* Base Font = 16px >>> 5px 5px 5px 50%/16px = 0.3125em 0.3125em 0.3125em 50% */ 
}
.four_columns_two td:before {                                          /* Now like a table header */
   position: absolute;                                              /* Top/left values mimic padding */
   top:0.375em;                                                             /* Base Font = 16px >>> 6px/16px = 0.375em */ 
   left:0.375em;                                                             /* Base Font = 16px >>> 6px/16px = 0.375em */
   width: 45%;                                                              /* 45% width of its container */
   padding-right:0.625em;                                                    /* Base Font = 16px >>> 10px/16px = 0.625em */
   white-space: nowrap;
   font-weight: bold;
}

/*Label the data*/
.four_columns_two td:nth-of-type(1):before { content: "Type"; }
.four_columns_two td:nth-of-type(2):before { content: "Mesh Styles"; }
.four_columns_two td:nth-of-type(3):before { content: "Materials"; }
.four_columns_two td:nth-of-type(4):before { content: "Wire Diameters"; }

/** Table Four Columns Three**/

.four_columns_three table, .four_columns_three thead, .four_columns_three tbody, .four_columns_three th, .four_columns_three td, .four_columns_three tr { 
   display: block; 
}
/* Hide table headers (but not display: none;, for accessibility) */
.four_columns_three thead tr { 
   position: absolute;
   top:624.9375em;                                                 /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                                          
   left: 624.9375em;                                                /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                    
}
.four_columns_three tr {
   border: 1px solid #c1c1c1;
}
.four_columns_three td { 
   border: none;
   border-bottom: 1px solid #c1c1c1; 
   position: relative;
   padding: 0.3125em 0.3125em 0.3125em 50%;                                    /* Base Font = 16px >>> 5px 5px 5px 50%/16px = 0.3125em 0.3125em 0.3125em 50% */
}
.four_columns_three td:before {                                     /* Now like a table header */
   position: absolute;                                              /* Top/left values mimic padding */
   top:0.375em;                                                              /* Base Font = 16px >>> 6px/16px = 0.375em */ 
   left:0.375em;                                                             /* Base Font = 16px >>> 6px/16px = 0.375em */
   width: 45%;                                                               /* 45% width of its container */
   padding-right:0.625em;                                                    /* Base Font = 16px >>> 10px/16px = 0.625em */
   white-space: nowrap;
   font-weight: bold;
}

/*Label the data*/
.four_columns_three td:nth-of-type(1):before { content: "Type"; }
.four_columns_three td:nth-of-type(2):before { content: "Materials"; }
.four_columns_three td:nth-of-type(3):before { content: "Wire Diameter"; }
.four_columns_three td:nth-of-type(4):before { content: "PVC Coating"; }

/*---------- Table Four Columns Four-------------------*/

.four_columns_four table, .four_columns_four thead, .four_columns_four tbody, .four_columns_four th, .four_columns_four td, .four_columns_four tr { 
   display: block; 
}
/* Hide table headers (but not display: none;, for accessibility) */
.four_columns_four thead tr { 
  position: absolute;
   top:624.9375em;                                                 /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */                                                          
   left: 624.9375em;                                                /* BASE FONT = 16px  >>> 9999px / 16px = 624.9375em */   
}
.four_columns_four tr {
   border: 1px solid #c1c1c1;
}
.four_columns_four td { 
   border: none;
   border-bottom: 1px solid #c1c1c1; 
   position: relative;
   padding: 0.3125em 0.3125em 0.3125em 50%;                                    /* Base Font = 16px >>> 5px 5px 5px 50%/16px = 0.3125em 0.3125em 0.3125em 50% */ 
}
.four_columns_four td:before {                                        /* Now like a table header */
   position: absolute;                                             /* Top/left values mimic padding */
   top:0.375em;                                                               /* Base Font = 16px >>> 6px/16px = 0.375em */ 
   left:0.375em;                                                               /* Base Font = 16px >>> 6px/16px = 0.375em */
   width: 45%;                                                                /* 45% width of its container */
   padding-right:0.625em;                                                       /* Base Font = 16px >>> 10px/16px = 0.625em */
   white-space: nowrap;
   font-weight:bold;
}

/*Label the data*/
.four_columns_four td:nth-of-type(1):before { content: "Expanded Metal Type"; }
.four_columns_four td:nth-of-type(2):before { content: "Materials"; }
.four_columns_four td:nth-of-type(3):before { content: "Opening Size (SWOxLWO)"; }
.four_columns_four td:nth-of-type(4):before { content: "Thickness"; }
}

/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em){
/* =============Header Area Start============================ */
.logo {
    display: block;
    padding:0.6875em 0 0 0;     /* BASE FONT = 16px  >>>11px 0 0 0/16px = 0.6875em 0 0 0*/
    text-align: center;
}
.header-logo {
    display: inline-block;
   margin:0;
}
.header-logo > img {
    margin: 0 0.125em 0 0;                  /* BASE FONT = 16px  >>>0 2px 0 0/16px =0 0.125em 0 0*/
}
.company-slogen {
    font-size:1.75em;                     /* BASE FONT = 16px  >>>28px/16px =1.75em*/
    line-height:1.071428571428571em;       /* BASE FONT = 28px  >>>30px/28px =1.071428571428571em*/
    padding:1.107142857142857em 0 0.3928571428571429em 0.75em;      /* BASE FONT = 28px  >>>31px 0 11px 21px/28px =1.107142857142857em 0 0.3928571428571429em 0.75em*/                  
   display:inline-block;
   vertical-align:top;
}
.company-slogen > span {
    font-size:0.7857142857142857em;                  /* BASE FONT = 28px  >>>22px/28px =0.7857142857142857em*/
    line-height:0.9090909090909091em;               /* BASE FONT = 22px  >>>20px/22px =0.9090909090909091em*/
}
.utility-nav {
    padding:0.25em 0 0.7857142857142857em 0;         /* BASE FONT = 28px  >>>7px 0 22px 0/28px =0.25em 0 0.7857142857142857em 0*/
}
.menu-trigger a {
  margin:0.875em 0 1.125em 0;                           /* BASE FONT = 16px  >>>14px 0 18px 0/16px =0.875em 0 1.125em 0*/
}
/* ============Footer Area Start============================ */
footer {
    padding:2.8125em 0.875em 1.0625em 1em;            /* BASE FONT = 16px  >>> 45px 14px 17px 16px / 16px = 2.8125em 0.875em 1.0625em 1em */
    text-align: left;
}
.footer-address {
    display: inline-block;
}
.footer-right {
    float: right;
    padding:0.3125em 0 0 0;                           /* BASE FONT = 16px  >>> 5px 0 0 0/16px =0.3125em 0 0 0*/
}
.website-link {
    margin:0.7em 0.25em 0 0;                           /* BASE FONT = 20px  >>>14px 5px 0 0/20px =0.7em 0.25em 0 0*/
}
.footer-links {
    padding: 1em 0 0 0;                              /* BASE FONT = 16px  >>>16px 0 0 0/16px =1em 0 0 0*/
    text-align: right;
}
.footer-links a {
    margin: 0 0 0 1.0625em;                              /* BASE FONT = 16px  >>>16px 0 0 0/16px =0 0 0 1.0625em*/
}
/* =============Thomas info Area Start============================ */

.thomas_info_txt {
    margin:3.428571428571429em 0 0 0;                              /* BASE FONT = 14px  >>>48px 0 0 0/14px =3.428571428571429em 0 0 0*/
}   
.thomas_info_txt .copyright {
    display: inline-block;
    padding: 0 1.785714285714286em 0 0;                                    /* BASE FONT = 14px  >>>0 25px 0 0/14px =0 1.785714285714286em 0 0*/
}
/* =============Home Area Start============================ */
#home-content-area{
   padding:3.0625em 0 0 0;                        /* BASE FONT = 16px  >>> 49px / 16px = 3.0625em */
}
#home-content-area h1 {
    font-size: 2.125em;                        /* BASE FONT = 16px  >>> 34px / 16px = 2.125em */
    line-height:  0.882352941176471em;                        /* BASE FONT = 34px  >>> 30px / 34px = 0.882352941176471em */
   padding:0 0 1.05882352941176em 0;            /* BASE FONT = 34px  >>> 0 0 36px 0 / 34px = 0 0 1.05882352941176em 0 */
}
#home-content-area h1 span {
    font-size: 0.764705882352941em;                           /* BASE FONT = 34px  >>> 26px / 34px = 0.764705882352941em */
    line-height: 0.9230769230769231em;                        /* BASE FONT = 26px  >>> 24px / 26px = 0.9230769230769231em */
}
.home-bucket-links {
   text-align: center;
   padding:0 0 2.125em 0;                                 /* BASE FONT = 16px  >>> 0px 0px 34px 0px / 16px = 0 0 2.125em 0 */
}   
.home-bucket-links article {
    display: inline-block;
    vertical-align: top;
    width: 28.5%;                                       /*28.5% of its container*/
   margin:0 0.125em 0.625em 0.125em;                        /* BASE FONT = 16px  >>> 0 2px 10px 2 / 16px = 0 0.125em 0.625em 0.125em */
   max-width:11.25em;                                    /* BASE FONT = 16px  >>> 180px / 16px = 11.25em */
}
article br{
   display:inline;
}
.home-bucket-links article a > span {
    display: block;
   padding:0.526315789473684em 0 0 0;                        /* BASE FONT = 19px  >>> 10px 0 0 0 / 19px = 0.526315789473684em 0 0 0 */
}
.home-bucket-links article img{
   border:1px solid #455d82;
   display:block;
   box-sizing:border-box;
}
.home-bucket-links article a:hover img {
    border: 1px solid #e20006;
}

.left-text > .contact-btn{
   padding-bottom:0;
}
.contact-btn > a {
   margin:0;   
}
.bottom-text {
   padding:1.78260869565217em 0.91304347826087em 1.869565217391304em 0.91304347826087em;      /* BASE FONT = 23px  >>> 41px 21px 43px 21px / 23px = 1.78260869565217em 0.91304347826087em 1.869565217391304em 0.91304347826087em */   
}
/* ==========INNER PAGE STYLES STARTS ========== */
.ten-columns td, .ten-columns th, .five-columns td, .five-columns th, .three-columns td, .three-columns th, .four_columns_one td, .four_columns_one th, .four_columns_two td, .four_columns_two th, .four_columns_three td, .four_columns_threeth, .four_columns_four td, .four_columns_fourth  { 
   border: 1px solid #c1c1c1;                                     
   text-align: center;
width: 10%;  
}
.five-columns > table, .three-columns > table, .four_columns_one > table, .four_columns_two > table, .four_columns_three > table, .four_columns_four > table, .ten-columns > table {
    border-collapse: collapse;
}
.mpif_logo {
    float: right;
    padding:0 0 0.833333333333333em 1.11111111111111em;                  /* BASE FONT = 18px  >>> 0 0 15px 20px / 18px = 0 0 0.833333333333333em 1.11111111111111em */
}
/***RFQ Page***/
div.fieldwrapper label.styled {
   width: 45%;                                                             /* 250px*100/550px = 45% */
}
.feedbackform div.fieldwrapper div.thefield {
   width: 49%;                                                             /* 250px*100/550px = 49% */
} 
/***Contact Us page style***/
.contact-box address {
   display:inline-block;
   vertical-align:top;
   } 
.contact-box p {
   float:right;
   text-align:right;
}
.contact-box {
    margin: 0 auto;
    width: 100%;                                             /*100% width of its container*/
   text-align:left;
}
/***Sitemap page style***/
ul.sitemap li {
   background-image: none;
   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  */
}

/* ---------------------- Tabular Data Style ---------------------------------- */
.tabular-data dl {
   display: table;
   width: 100%;                                                          /* 100% width of it's contaner*/
   margin:0;
}
.tabular-data dt, .tabular-data dd {
   display: table-cell;
   vertical-align:top;
   margin:0;
}
.tabular-data dt {
   width:35%;                                                          /*35% width of its container*/
   border-right:1px solid #ffffff;
}
.add-info {
   padding:0.444444444444444em 0 1.05555555555556em 0;                   /* BASE FONT = 18px  >>> 8px 0 19px 0 / 18px = 0.444444444444444em 0 1.05555555555556em 0  */
}
.tabular-data dt{
   border-bottom:none;
}
.tabular-data dd dt, .tabular-data dd dd {
    width: 50%;                                                /*50% of its parent container */
}
.feature_img {
   float:right;
   width:40%;                                                /*40% of its container */
   margin:0 0 0.833333333333333em 1.11111111111111em;                  /* BASE FONT = 18px  >>> 0 0 15px 20px / 18px = 0 0 0.833333333333333em 1.11111111111111em */
   max-width:17.3333333333333em;                                 /* BASE FONT = 18px  >>> 312px / 18px = 17.3333333333333em */
} 
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 800px/16px = 50em*/
@media only screen and (min-width: 50em) {
/* =============Header Area Start============================ */
.logo {
    display: inline-block;
    vertical-align: top;
   padding:0.6875em 0.625em 0 0;     /* BASE FONT = 16px  >>>11px 10px 0/16px = 0.6875em 0.625em 0 0*/
}
.utility-nav {
    float: right;
    padding:1.857142857142857em 0.3571428571428571em 0.7857142857142857em 0;        /* BASE FONT = 28px  >>>52px 10px 22px 0/28px = 1.857142857142857em 0.3571428571428571em 0.7857142857142857em 0*/
}
footer {
    padding:2.75em 0.625em 1.3125em 0.625em;                        /* BASE FONT = 16px  >>>44px 10px 21px 10px/16px =2.75em 0.625em 1.3125em 0.625em*/
    text-align: left;
}
.home-bucket-links article{
   width:15.5%;                                       /*15.5% width of its container*/
}
.home-bucket-links article a > span {
    display: block;
   padding:0.5789473684210526em 0 0 0;                        /* BASE FONT = 19px  >>> 11px 0 0 0 / 19px = 0.5789473684210526em 0 0 0 */
}
/* ==========INNER PAGE STYLES STARTS ========== */
.five-columns td, .five-columns th, .three-columns td, .three-columns th, .four_columns_four td, .four_columns_four th, .ten-columns td, .ten-columns th { 
   border: 1px solid #c1c1c1;                                    
   text-align: center; 
}
.five-columns > table, .three-columns > table, .four_columns_one > table,  .four_columns_two > table, .four_columns_three > table, .four_columns_four > table, .ten-columns > table {
    border-collapse: collapse;
}
.four_columns_one td, .four_columns_one th, .four_columns_two td, .four_columns_two th, .four_columns_three td, .four_columns_three th{ 
   border: 1px solid #c1c1c1;                                    
   text-align: center;
   padding: 0.3125em;                                                /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
   
}
.mpif_logo {
    float: right;
    padding: 0 0 0.833333333333333em 1.11111111111111em;                     /* BASE FONT = 18px  >>> 0 0 15px 20px / 18px = 0 0 0.833333333333333em 1.11111111111111em */
}
.page_cta {
   text-align:left;   
}



}

/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em){
/* =============Header Area Start============================ */
.logo {
   padding:0.6875em 0 0 0;     /* BASE FONT = 16px  >>>11px 0 0/16px = 0.6875em 0 0 0*/
}
.header-logo {
     display: inline-block;
     margin: 0 0.125em 0.5625em 0.1875em;                /* BASE FONT = 16px  >>>0 2px 9px 3px/16px =  0 0.125em 0.5625em 0.1875em*/
     vertical-align: top;
}
.header-logo > img {
    margin: 0;
   display:block;
}
.company-slogen {
   padding: 1.107142857142857em 0 0.3928571428571429em 0.7142857142857143em;                            /* BASE FONT = 28px  >>>31px 0 11px 20px/28px =  1.107142857142857em 0 0.3928571428571429em 0.7142857142857143em*/
}
.utility-nav span{
   margin:0 0.7142857142857143em 0 0;                                                                   /* BASE FONT = 28px  >>>0 20px 0 0/28px =  0 0.7142857142857143em 0 0*/
}
.menu-trigger {
   display:none;
}
#top-nav {
   display:block;
   clear:both;
   background:#455d82;
   width:100%;               /* 100% of it's container*/
   position:relative;
   padding:0;                     
   margin: 0;                     
}
.top-nav-links {
   display: block;
   text-align:center;
   padding: 0;
}
.top-nav-links > li {
    display: inline;
    margin:0;
    padding:1em 0 1.125em 0;   /* BASE FONT = 16px  >>>16px 0 18px 0/16px =  1em 0 1.125em 0*/
    position: relative;
   border-right: 1px solid #50698f;
   background:none;
}
.top-nav-links >li > a {
    color: #ffffff;
    font-size: 1em;         /* BASE FONT = 16px  >>>16px /16px =  1em*/
   line-height:1em;         /* BASE FONT = 16px  >>>16px /16px =  1em*/
    font-weight:400;
    padding:1.3125em 1.25% 1.4375em 1.145833333333333%;            /* BASE FONT = 16px  >>>21px 12px*100/960 23px 11px/16px = 1.3125em 1.25% 1.4375em 1.145833333333333%*/
   background:none;
   display:inline-block;
   text-transform:capitalize;
}
.top-nav-links > li:first-child{
   border-left: 1px solid #50698f;
}
.top-nav-links li.has_child > a {
    padding:1.3125em 2.8125% 1.4375em 1.354166666666667%;    /* BASE FONT = 16px  >>>21px 27px*100/960 23px 18px/16px = 1.3125em 2.8125% 1.4375em 1.354166666666667%*/
}
.top-nav-links li.has_child > a:after{
   content:"";
   background:url(/images/top-nav-arrow.png) no-repeat;
   position:absolute;
   width:0.75em;         /* BASE FONT = 16px  >>>12px/16px = 0.75em*/
   height:0.5625em;      /* BASE FONT = 16px  >>>9px/16px = 0.5625em*/
   right:0.8125em;          /* BASE FONT = 16px  >>>13px/16px = 0.8125em*/
    top: 1.5625em;            /* BASE FONT = 16px  >>>25px/16px = 1.5625em*/
}
.top-nav-links > li > a:hover ,.top-nav-links > li:hover > a{
   color:#e7e7e7;
   background:#e20006;
}
.top-nav-links > li.has_child:hover > a{
   color:#e7e7e7;
}
.top-nav-links > li.has_child:hover{
   color:#e7e7e7;
   background:#e20006;
}
.has_child ul {
   left:-0.0625em;   /* BASE FONT = 16px  >>>-1px /16px =  -0.0625em*/                             
   margin:auto;
   position: absolute;
   top:100%;
   z-index: 9999;
   padding:0;
   width:18.875em;       /* BASE FONT = 16px  >>>302px /16px =  18.875em*/                                      
   text-align:left;
   background: #e9e9e9;
   padding:0.625em 0 0.4375em 0;    /* BASE FONT = 16px  >>>10px 0 7px 0 /16px =0.625em 0 0.4375em 0*/     
}
.has_child:hover ul {
    display: block;
}
.top-nav-links li ul li {
    display: block;
    margin:0 0 0.25em 0;         /* BASE FONT = 16px  >>> 0 0 4px 0 /16px =0 0 0.25em 0*/     
    padding: 0;
}
.top-nav-links > li > ul > li > a {
    color: #455d82;
    display: inline-block;
    font-size:1.0625em;      /* BASE FONT = 16px  >>> 17px /16px =1.0625em*/   
   line-height:1.176470588235294em;      /* BASE FONT = 17px  >>> 20px /17px =1.176470588235294em*/     
    font-weight: 400;
      padding: 0 0 0 1em;     /* BASE FONT = 16px  >>> 0 0 0 16px /16px = 0 0 0 1em*/   
    text-transform: none;
}
.top-nav-links > li > ul > li a:hover {
   color:#e20006;
   background:none;
}
/* =============Header Area Start============================ */
#content-area{
    padding:3.277777777777778em 0.5555555555555556em 1.333333333333333em 0.5555555555555556em;    /* BASE FONT = 18px  >>> 59px 10px 24px 10px /18px = 3.277777777777778em 0.5555555555555556em 1.333333333333333em 0.5555555555555556em*/   
}
.print-page {
   display:block;
}
.footer-address {
   padding: 0 0 0 0.2352941176470588em;    /* BASE FONT = 17px  >>> 0 0 0 4px /17px = 0 0 0 0.2352941176470588em*/   
}
.footer-right {
   padding:0.375em 0 0 0;    /* BASE FONT = 16px  >>> 6px 0 0 0 /16px = 0.375em 0 0 0*/
}
.website-link {
   display: inline-block;
   padding:0;
   vertical-align: top;
}
.footer-links {
   padding:1em 0 0 0;     /* BASE FONT = 16px  >>>  16px 0 0 0 /16px = 1em 0 0 0*/
}
.footer-links a {
   margin: 0 0 0 1.125em;   /* BASE FONT = 16px  >>>   0 0 0 18px /16px = 0 0 0 1.125em*/
}
#home-content-area {
    padding: 3.1875em 0 0 0;                                        /* BASE FONT = 16px  >>> 51px 0 0 0 / 16px = 3.1875em 0 0 0 */
}

#home-content-area h1 {
    line-height: 0.882352941176471em;                        /* BASE FONT = 34px  >>> 30px / 34px = 0.882352941176471em */
    padding: 0 0 0.882352941176471em 0;                        /* BASE FONT = 34px  >>> 0 0 30px 0 / 34px = 0 0 0.882352941176471em 0 */
}
.bottom-text {
   background:url(/images/bottom-image.jpg) no-repeat right 0;
    padding:0;
   background-color:#ffffff;
}
.left-text{
   width:59%;                                          /*59% width of its container*/
}
.left-text > p {
    padding: 0 0 0.826086956521739em 0;                        /* BASE FONT = 23px  >>> 0 0 19px 0 / 23px = 0 0 0.826086956521739em 0 */
}
.contact-btn{
   text-align:left;
}
.home-inner-wrap {
    margin: 0 auto;
    max-width: 47.8261em;
    padding: 3.47826086956522em 0 2.26086956521739em 0.652173913043478em;/* BASE FONT = 23px  >>> 80px 0 52px 15px / 23px = 3.47826086956522em 0 2.26086956521739em 0.652173913043478em */
}
#home-content-area {
    padding: 3.1875em 0 0 0;   /* BASE FONT = 16px  >>> 51px 0 0 0 / 16px = 3.1875em 0 0 0*/
}
/* ==========INNER PAGE STYLES STARTS ========== */
/*** Five Column Table Style */
.ten-columns > table, .five-columns > table, .three-columns > table, .four_columns_one > table, .four_columns_two > table, .four_columns_three > table, .four_columns_four > table {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    border-spacing: 0;
   width: 100%;                                                         /*100% of its container*/
}
.five-columns > table td, .five-columns > table th, .three-columns > table td, .three-columns > table th, .four_columns_one > table td, .four_columns_one > table th, .four_columns_two > table td, .four_columns_two> table th, .four_columns_three > table td, .four_columns_three > table th, .four_columns_four > table td, .four_columns_four > table th, .ten-columns > table td, .ten-columns > table th {
    border: 1px solid #cccccc;
    padding: 0.625em;                                                      /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
    vertical-align: top;
width: 10%;  
}
.five-columns tr th, .three-columns tr th, .four_columns_one tr th, .four_columns_two tr th, .four_columns_three tr th, .four_columns_four tr th, .ten-columns tr th {
    text-align: center;
}
.mpif_logo {
    float: right;
    padding: 0 0 0.833333333333333em 1.11111111111111em;                           /* BASE FONT = 18px  >>> 0 0 15px 20px / 18px = 0 0 0.833333333333333em 1.11111111111111em */
}
.left_thumb .feature_img {
   float:left;
   margin:0 1.11111111111111em 0.833333333333333em 0;                              /* BASE FONT = 18px  >>> 0 20px 15px 0 / 18px = 0 1.11111111111111em 0.833333333333333em 0 */   
}
.list-left{
   display:inline-block;
}
.list-right {
    float: right;
}
}
/******** 1100px/16px = 68.75em*/
@media only screen and (min-width: 68.75em){
#content-area {
    padding:3.277777777777778em 0 1.333333333333333em 0;     /* BASE FONT = 18px  >>> 59px 0 24px 0 /18px = 3.277777777777778em 0 1.333333333333333em 0*/
}
.utility-nav {
    padding:1.857142857142857em 0 0.7857142857142857em 0;      /* BASE FONT = 16px  >>>   52px 0 22px 0 /28px = 1.857142857142857em 0 0.7857142857142857em 0*/
}
.top-nav-links > li > a {
    padding:1.3125em 1.090909090909091% 1.4375em 1%;    /* BASE FONT = 16px  >>>21px 12px*100/1100 23px 11px*100/1100/16px = 1.3125em 1.090909090909091% 1.4375em 1%*/
   text-transform: uppercase;
}
.top-nav-links li.has_child > a {
    padding:1.3125em 2.454545454545455% 1.4375em 1.181818181818182%;    /* BASE FONT = 16px  >>>21px 27px*100/1100 23px 13px*100/1100/16px = 1.3125em 1.636363636363636% 1.4375em 1.636363636363636%*/
}

footer {
   padding:2.8125em 0 1.3125em 0;   /* BASE FONT = 16px  >>>   45px 0 21px 0 /16px = 2.8125em 0 1.3125em 0*/
}
#home-content-area h1 {
    padding: 0 0 0.941176470588235em;                           /* BASE FONT = 34px  >>> 32px / 34px = 0.941176470588235em */
}
.home-bucket-links {
    padding:0 0 0.8125em 0;                                       /* BASE FONT = 16px  >>> 0 0 13px 0 / 16px = 0 0 0.8125em 0 */
}
.home-bucket-links article {
    width: 11.1875em;                                       /* BASE FONT = 16px  >>> 179px / 16px = 11.1875em */
}
.home-bucket-links article a {
   line-height: 1.05263157894737em;                           /* BASE FONT = 19px  >>> 20px / 19px = 1.05263157894737em */
}
.left-text > p {
    padding: 0 0 1.52173913043478em 0;                           /* BASE FONT = 23px  >>> 0 0 35px 0 / 23px = 0 0 1.52173913043478em 0 */
}
.contact-btn > a {
   margin: 0.25em 0 0 0;                                    /* BASE FONT = 28px  >>> 7px 0 0 0 / 28px = 0.25em 0 0 0 */
}
.home-inner-wrap {
    padding: 3.47826086956522em 0 4.21739130434783em 0.1304347826086957em;/* BASE FONT = 23px  >>> 80px 0 97px 3px / 23px = 3.47826086956522em 0 4.21739130434783em 0.1304347826086957em */
}
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  padding:0;
  background: none;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
 }
 /* =============loader start=================== */
#loading {
    position:absolute;
    height: 100%;                                          /* 100% height of its container */
    left: 0;
    text-align:center;
    top:0;
    width:100%;                                             /* 100% width of its container */
    z-index: 999999;
	background-color:#ffffff;
}
#loading > img {
    position: absolute;
    top: 50%;                                             /* 30% top position of its container */
    left:0;
    right:0;
    margin:auto;
}