@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
body {
    font-family: 'Open Sans';
    font-size: 100%;                                          /* default font size - 100% = 16px*/
    background:#000000;
}
form, body {
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
    max-width: 100%;                                          /*to optimize full width of its parent element*/
}
main {
    display:block;
}
address {
    font-style: normal;                                          /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, p, ol {
    margin: 0;
}
.ctr {
    text-align:center;
}
.clear {
    clear:both;
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
    color: #58b947;
    text-decoration: none;
}
a:hover {
    color: #58b947;
    text-decoration: underline;
}
p {
    padding:0 0 1.681818181818182em 0;                                              /* BASE FONT = 22px  >>> 37px / 22px = 1.681818181818182em */
}
strong {
    color:#000000;
}
.content-ph a {
    color:#666666;
    text-decoration:none;
}
ul {
    padding:0 0 1.81818181818182em 0;                                               /* BASE FONT = 22px  >>> 40px / 22px = 1.81818181818182em */
    list-style:none;
}
ul li {
    background:url(/images/bullet.jpg) no-repeat 0.136363636363636em 0.454545454545455em; /* BASE FONT = 22px  >>> 3px 10px / 22px = 0.136363636363636em 0.454545454545455em */
    padding:0 0 0 1.72727272727273em;                                               /* BASE FONT = 22px  >>> 38px / 22px = 1.72727272727273em */
}
ul li ul {
    padding:0;
}
ol {
    padding:0 0 0.636363636363636em 1em;                                            /* BASE FONT = 22px  >>> 0 0 14px 22px / 22px = 0 0 0.636363636363636em 1em */
}
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.inner_wrap {
    padding:0 0.875em 0 0.875em; /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
}
/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */
/* ============= Language Selector Start============================ */
#language_selector {
    background:#f9f9f9;
    text-align:right;
}
#language_selector img {
    border: 1px solid #f1f0f0;
    cursor:pointer;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display: inline-block;
    margin:0.75em 0.4375em 0 0;                                                  /* BASE FONT = 16px  >>> 12px 7px 0 0 / 16px = 0.75em 0.4375em 0 0 */
    vertical-align: top;
}
#language_selector span {
    background: url(/images/language-selector-select-bg.jpg) no-repeat right top;
    border-left: 1px solid #666666;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display: inline-block;
    max-width: 11.1875em;                                                       /* BASE FONT = 16px  >>> 179px / 16px = 11.1875em */
    overflow: hidden;
    vertical-align: top;
    width: 100%;                                                                /*100% of it's container*/
}
#language_selector span select {
    background: transparent;
    border: none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    color: #666666;
    font-family: 'Open Sans';
    font-size: 1em;                                                             /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    height: 2.75em;                                                             /* BASE FONT = 16px  >>> 44px / 16px = 2.75em */
    line-height:1em;                                                            /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    padding: 0 0 0 0.375em;                                                     /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
    text-align: left;
    width: 12.5em;                                                              /* BASE FONT = 16px  >>> 200px / 16px = 12.5em */
    outline:none;
}
/* =============Header Area Start============================ */
header {
    background:#333333;
    text-align:right;
    padding: 0.625em 0 0 0;                                                     /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
}
header .inner_wrap {
    padding:0;
}
.header_logo {
    display:block;
    margin:0 auto 1.3125em auto;                                                /* BASE FONT = 16px  >>> 21px / 16px = 1.3125em */
    max-width:25.0625em;                                                        /* BASE FONT = 16px  >>> 401px / 16px = 25.0625em */
    width:89%;                                                                  /*89% of it's container*/
}
.header_logo > img {
    display: block;
}
/* =============Top Navigation style start=================== */
a.menu_trigger {
    line-height:1em;                                                            /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    text-decoration:none;
    position:relative;
    height:1.125em;                                                                 /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    width:2.3125em;                                                                 /* BASE FONT = 16px  >>> 37px / 16px = 2.3125em */
    display:inline-block;
    vertical-align:top;
    margin:0 0.9375em 1.4375em 0;                                               /* BASE FONT = 16px  >>> 0 15px 23px 0 / 16px = 0 0.9375em 1.4375em 0 */
}
a.menu_trigger span, a.menu_trigger span:before, a.menu_trigger span:after {
    cursor: pointer;
    height:0.125em;                                                                 /* BASE FONT = 16px  >>> 2px / 16px = 0.125em */
    background: #ffffff;
    position: absolute;
    display: block;
    content: '';
    right:0;
    top:0.5em;                                                                  /* BASE FONT = 16px  >>> 8px / 16px = 0.5em */
    width:100%;                                                                 /*100% of it's container*/
}
a.menu_trigger span:before {
    top: -0.5em;                                                                /* BASE FONT = 16px  >>> -8px / 16px = -0.5em */
}
a.menu_trigger span:after {
    top:auto;
    bottom:-0.5em;                                                              /* BASE FONT = 16px  >>> -8px / 16px = -0.5em */
}
a.menu_trigger span, a.menu_trigger span:before, a.menu_trigger span:after, a:hover.menu_trigger span {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
a.menu_trigger.active span {
    background-color: transparent;
}
a.menu_trigger.active span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 0;
}
a.menu_trigger.active span:after {
    top: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
a:hover.menu_trigger span {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    background:#ffffff;
}
a:hover.menu_trigger span:after {
    width:50%;                                                              /*50% of it's container*/
    bottom:0;
    -webkit-transform:translateX(0)translateY(0)rotate(-45deg);
    -ms-transform:translateX(0)translateY(0)rotate(-45deg);
    transform:translateX(0)translateY(0)rotate(-45deg);
    -webkit-transform-origin:bottom right;
    -ms-transform-origin:bottom right;
    transform-origin:bottom right;
    -webkit-transition:-webkit-transform .3s, width .3s, bottom .3s;
    transition:transform .3s, width .3s, bottom .3s;
}
a:hover.menu_trigger span:before {
    width:50%;                                                              /*50% of it's container*/
    top:0;
    -webkit-transform:translateX(0)translateY(0)rotate(45deg);
    -ms-transform:translateX(0)translateY(0)rotate(45deg);
    transform:translateX(0)translateY(0)rotate(45deg);
    -webkit-transform-origin:top right;
    -ms-transform-origin:top right;
    transform-origin:top right;
    -webkit-transition:-webkit-transform .3s, width .3s, top .3s;
    transition:transform .3s, width .3s, top .3s;
}
#top_nav {
    background:#f1f1f1;
    display:none;
    text-align:left;
    clear:both;
}
#top_nav ul {
    padding:0;
}
#top_nav ul li {
    padding:1.125em 0 0.5em 0;                                              /* BASE FONT = 16px  >>> 18px 0 8px 0 / 16px = 1.125em 0 0.5em 0 */
    border-top: 1px solid #8d8c8c;
    background:none;
}
#top_nav > ul > li:first-child {
    border: none;
    padding:0.9375em 0 0.5em 0;                                             /* BASE FONT = 16px  >>> 15px 0 8px 0 / 16px = 0.9375em 0 0.5em 0 */
}
#top_nav ul li a {
    color: #333333;
    display: inline-block;
    font-size: 1em;                                                         /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1em;                                                       /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    margin: 0 1.1875em 0 1.1875em;                                          /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
}
#top_nav ul > li.has_child.active {
    padding: 1.125em 0 0 0;                                                 /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
}
#top_nav ul > li.has_child > a {
    padding: 0 1.125em 0 0;                                             /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    position:relative;
}
#top_nav ul > li.has_child > a:after {
    content:"";
    background:url(/images/has-child-after-bg.png) no-repeat right top;
    position:absolute;
    right:0;
    top:0.1875em;                                                           /* BASE FONT = 16px  >>> 3px / 16px = 0.1875em */
    width:0.5625em;                                                         /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
    height:0.5625em;                                                        /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#top_nav ul > li.has_child > a:hover:after, #top_nav ul > li.has_child.active > a:after, #top_nav ul > li.has_child:hover > a:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
#top_nav ul > li > ul {
    display:none;
    background: #c2d52e;
    margin: 0.5em 0 0 0;                                                    /* BASE FONT = 16px  >>> 8px / 16px = 0.5em */
}
#top_nav ul > li > ul > li > a {
    text-transform: none;
}
/* ============= Content Area + Main Style Start===================== */
#content_area {
    font-size:1.375em;                                                      /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    color:#666666;
    line-height:1.20454545454545em;                                         /* BASE FONT = 22px  >>> 26.5px / 22px = 1.20454545454545em */
    padding:0 0 1.81818181818182em 0;                                       /* BASE FONT = 22px  >>> 40px / 22px = 1.81818181818182em */
}
#content_area .inner_wrap {
    padding: 0 0.636363636363636em 0 0.636363636363636em;                   /* BASE FONT = 22px  >>> 14px / 22px = 0.636363636363636em */
}
main {
    background:#f9f9f9;
}
/* ============= Banner Style Start===================== */
#banner {
    min-height:11.7727272727273em;                                          /* BASE FONT = 22px  >>> 259px / 22px = 11.7727272727273em */
    margin:0 0 2.27272727272727em 0;                                        /* BASE FONT = 22px  >>> 50px / 22px = 2.27272727272727em */
}
.about_banner {
    background:url(/images/about-bg.jpg) no-repeat center bottom;
}
.dynamic_ecatalog_banner {
    background:url(/images/dynamic-ecatalog-bg.jpg) no-repeat center bottom;
}
.parametric_cad_banner {
    background:url(/images/parametric-cad-bg.jpg) no-repeat center bottom;
}
.product_configurator_banner {
    background:url(/images/product-configurator-bg.jpg) no-repeat center bottom;
}
.bim_engine_banner {
    background:url(/images/bim-engine-bg.jpg) no-repeat center bottom;
}
.intergraph_ready_banner {
    background:url(/images/intergraph-ready-product-bg.jpg) no-repeat center bottom;
}
.data_syndication_banner {
    background:url(/images/data-syndication-bg.jpg) no-repeat center bottom;
}
.career_banner {
    background:url(/images/career-bg.jpg) no-repeat center bottom;
}
.contact_banner {
    background:url(/images/contact-bg.jpg) no-repeat center bottom;
}
/* =============Heading Styles=============================== */
h1 {
    color:#000000;
    font-size:1.36363636363636em;                                           /* BASE FONT = 22px  >>> 30px / 22px = 1.36363636363636em */
    line-height:1.06666666666667em;                                         /* BASE FONT = 30px  >>> 32px / 30px = 1.06666666666667em */
    padding:0 0 1.16666666666667em 0;                                       /* BASE FONT = 30px  >>> 35px / 30px = 1.16666666666667em */
    font-weight:normal;
}
h2 {
    color:#000000;
    font-size:1.36363636363636em;                                           /* BASE FONT = 22px  >>> 30px / 22px = 1.36363636363636em */
    line-height:1.06666666666667em;                                         /* BASE FONT = 30px  >>> 32px / 30px = 1.06666666666667em */
    padding:0 0 0.666666666666667em 0;                                      /* BASE FONT = 30px  >>> 20px / 30px = 0.666666666666667em */
    font-weight:normal;
}
h3 {
    color:#000000;
    font-size:1.09090909090909em;                                           /* BASE FONT = 22px  >>> 24px / 22px = 1.09090909090909em */
    line-height:1.08333333333333em;                                         /* BASE FONT = 24px  >>> 26px / 24px = 1.08333333333333em */
    padding:0 0 1.25em 0;                                                   /* BASE FONT = 24px  >>> 30px / 24px = 1.25em */
    font-weight:normal;
}
/* =============Footer Area Start Here======================= */
footer {
    background:#333333;
    padding:3.875em 0 1.3125em 0;                                           /* BASE FONT = 16px  >>> 62px 0 21px 0 / 16px = 3.875em 0 1.3125em 0 */
}
footer address {
    color: #ffffff;
    font-size: 1em;                                                         /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.1875em;                                                  /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    padding:0 0 3em 0.3125em;                                               /* BASE FONT = 16px  >>> 0 0 48px 5px / 16px = 0 0 3em 0.3125em */
}
footer address:first-child {
    padding:0 0 3.375em 0.3125em;                                           /* BASE FONT = 16px  >>> 0 0 54px 5px / 16px = 0 0 3.375em 0.3125em */
}
footer address img {
    display: block;
}
footer address:first-child > a {
    margin: 0 0 1.625em 0;                                                  /* BASE FONT = 16px  >>> 26px / 16px = 1.625em */
}
footer address > a {
    display: block;
    margin: 0 0 2.6875em 0;                                                 /* BASE FONT = 16px  >>> 43px / 16px = 2.6875em */
    max-width: 15.25em;                                                     /* BASE FONT = 16px  >>> 244px / 16px = 15.25em */
}
footer address a {
    color: #ffffff;
    text-decoration:none;
}
footer address a:hover {
    color: #ffffff;
    text-decoration:underline;
}
.address_divide {
    display: block;
    padding: 1.25em 0 0 0;                                                  /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
}
.footer_links {
    padding:0 0 2.5625em 0.375em;                                           /* BASE FONT = 16px  >>> 0 0 41px 6px / 16px = 0 0 2.5625em 0.375em */
}
.footer_links > a {
    display: inline-block;
    margin: 0 0 2.4375em 0;                                                 /* BASE FONT = 16px  >>> 39px / 16px = 2.4375em */
    vertical-align: top;
}
.footer_links > a > img {
    display: block;
}
.footer_links > ul {
    padding: 0;
}
.footer_links > ul > li {
    background: none;
    line-height: 1em;                                                       /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    padding: 0;
}
.footer_links ul li a {
    color: #ffffff;
    font-size: 1em;                                                         /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.5em;                                                     /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
    text-decoration: none;
}
.footer_links ul li a:hover {
    text-decoration:underline;
}
img[name="pphLoggerImage"] {
    display:none;
}
/* =============Print Page Styles=========================== */
.send_email_table {
    width:80%;                                                              /*80% width of content area*/
    margin:0 auto;
    border-spacing:6px 8px;
    max-width:22.7272727272727em;                                           /* BASE FONT = 22px  >>> 500px / 22px = 22.7272727272727em */
}
.print_page {
    display:none;
    clear: both;
    padding: 0 0 2.5em 0;                                                   /* BASE FONT = 16px  >>> 40px / 16px = 2.5em */
    text-align: center;
}
.print_page a {
    font-size: 1em;                                                         /* BASE FONT = 16px  >>> 16px / 16px = 1.25em */
    line-height: 1em;                                                       /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    color: #58b947;
    text-decoration:underline;
}
.print_page a:hover {
    color:#58b947;
    text-decoration:none;
}
.print_img {
    display: inline-block;
    margin: 0 0.4375em 0 0;                                                 /* BASE FONT = 16px  >>> 7px / 16px = 0.4375em */
    vertical-align: middle;
}
.email_img {
    display: inline-block;
    margin:0 0.5em 0 1.6875em;                                              /* BASE FONT = 16px  >>> 0 8px 0 27px / 16px = 0 0.5em 0 1.6875em */
    vertical-align: middle;
}
/* ============= Return to Top Start =========================== */
#return-to-top {
    border:2px solid #58b947;
    background: #333333;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius:50%;
    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.75em;                                                           /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
    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 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;
}
/* =============Inner pages style============================ */
.twocolumn_content {
    border-top: 1px solid #58b947;
    padding:1.36363636363636em 0 1.04545454545455em 0;                      /* BASE FONT = 22px  >>> 30px 0 23px 0 / 22px = 1.36363636363636em 0 1.04545454545455em 0 */
}
.twocolumn_content a {
    display:inline-block;
    vertical-align:top;
    padding:0 0.909090909090909em 0 0;                                      /* BASE FONT = 22px  >>> 20px / 22px = 0.909090909090909em */
    background:url(/images/link-arrow.jpg) no-repeat right 0.454545454545455em; /* BASE FONT = 22px  >>> 10px / 22px = 0.454545454545455em */
}
.twocolumn_content p {
    padding:0 0 1.18181818181818em 0;                                               /* BASE FONT = 22px  >>> 26px / 22px = 1.18181818181818em */
}
.two_images_gallery > img {
    border: 1px solid #666666;
    display: block;
    margin: 0 auto 0.636363636363636em auto;                                /* BASE FONT = 22px  >>> 14px / 22px = 0.636363636363636em */
    width: 100%;                                                            /*100% of it's container*/
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.image_gallery > img {
    border: 1px solid #666666;
    display: block;
    margin: 0 auto 0.681818181818182em;                                     /* BASE FONT = 22px  >>> 15px / 22px = 0.681818181818182em */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.page_btn > a {
    border: 2px solid #58b947;
    color: #58b947;
    display: inline-block;
    font-size: 1.09090909090909em;                                          /* BASE FONT = 22px  >>> 24px / 22px = 1.09090909090909em */
    line-height: 1.125em;                                                   /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
    padding:0.541666666666667em 1.91666666666667em 0.625em 1.91666666666667em; /* BASE FONT = 24px  >>> 13px 46px 15px 46px / 24px = 0.541666666666667em 1.91666666666667em 0.625em 1.91666666666667em */
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
}
.page_btn > a:hover {
    border: 2px solid #c4d82e;
    color: #ffffff;
    background:#58b947;
}
.page_content {
    padding: 3em 0 0 0;                                                     /* BASE FONT = 22px  >>> 66px / 22px = 3em */
}
ul.career_bullet li {
    background: url(/images/bullet_career.jpg) no-repeat 0.136363636363636em 0.409090909090909em; /* BASE FONT = 22px  >>> 3px 9px / 22px = 0.136363636363636em 0.409090909090909em */
    padding: 0 0 0 1.22727272727273em;                                      /* BASE FONT = 22px  >>> 27px / 22px = 1.22727272727273em */
}
.career_bullet a {
    font-weight:500;
}
/**** Sitemap Styles ****/
ul.sitemap li {
    background-image: none;
    padding:0.227272727272727em 0 0.227272727272727em 0;                        /* BASE FONT = 22px  >>> 5px 0 5px 0 / 22px = 0.227272727272727em 0 0.227272727272727em 0 */
}
ul.sitemap ul {
    padding:0.227272727272727em 0 0 0.681818181818182em;                        /* BASE FONT = 22px  >>> 5px 0 0 15px / 22px = 0.227272727272727em 0 0 0.681818181818182em */
}
/**** Contact Page Styles ****/
.contact_box {
    text-align:center;
}
.contact_box address {
    margin:0 0 0.909090909090909em 0;                                       /* BASE FONT = 22px  >>> 20px / 22px = 0.909090909090909em */
}
.gmap iframe {
    border:1px solid #d7d8da;
    height:22.7272727272727em;                                                  /* BASE FONT = 22px  >>> 500px / 22px = 22.7272727272727em */
    width:100%;                                                             /* 100% width of its container */
}
/**** Request Quote Form Styles ****/
div.fieldwrapper {
    width: 100%;                                                            /* 100% width of its contianer */
}
div.fieldwrapper:before, div.fieldwrapper:after {
    content:"";
    display:block;
}
div.fieldwrapper:after {
    clear:both;
}
div.fieldwrapper label.styled {
    width: 100%;                                                            /* width 100% of div.fieldwrapper */
    margin: 0 auto;
}
div.fieldwrapper div.thefield {
    margin: 0 0 0.454545454545455em 0;                                          /* BASE FONT = 22px  >>> 10px / 22px = 0.454545454545455em */
    width: 100%;                                                            /* width 100% of div.fieldwrapper */
}
div.fieldwrapper input[type="text"], div.fieldwrapper div.thefield select, .thefield textarea, .send_email_table input[type="text"], .send_email_table input[type="textbox"], .send_email_table textarea {
    border: 1px solid #666666;
    padding:0.136363636363636em;                                            /* BASE FONT = 22px  >>> 3px / 22px = 0.136363636363636em */
    margin:0;
    font-family: 'Open Sans';
    font-size:1em;                                                              /* BASE FONT = 22px  >>> 22px / 22px = 1em */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    color:#666666;
}
div.fieldwrapper div.thefield input[type="text"] {
    width:100%;                                                             /* width:100%; of div.fieldwrapper div.thefield:45.454545%  */
}
div.fieldwrapper div.thefield p {
    padding:0 0 0.227272727272727em 0;                                      /* BASE FONT = 22px  >>> 5px / 22px = 0.227272727272727em */
}
div.fieldwrapper div.thefield select {
    width: 100%;                                                            /* width: 100%; Of div.fieldwrapper */
}
div.fieldwrapper div.thefield textarea {
    height:10.7272727272727em;                                              /* BASE FONT = 22px  >>> 236px / 22px = 10.7272727272727em */
    width: 100%;                                                            /* width: 100%; Of div.fieldwrapper  */
}
.feedbackform {
    width: 100%;                                                            /* 100% width of its container */
    margin:0 auto;
    max-width:46.5454545454545em;                                           /* BASE FONT = 22px  >>> 1024px / 22px = 46.5454545454545em */
}
.thefield div {
    float: left;
    width: 50%;                                                             /* width: 50%; Of div.fieldwrapper */
}
.fieldwrapper.topspacing {
    margin: 0.727272727272727em 0 0 0;                                      /* BASE FONT = 22px  >>> 16px / 22px = 0.727272727272727em */
}
div.buttonsdiv {
    margin:1.81818181818182em 0 0 0;                                        /* BASE FONT = 22px  >>> 40px / 22px = 1.81818181818182em */
}
div.fieldwrapper.topspacing div.thefield input[type="text"] {
    max-width:11.1818181818182em;                                           /* BASE FONT = 22px  >>> 246px / 22px = 11.1818181818182em */
    margin:0.227272727272727em 0 0.227272727272727em 0;                     /* BASE FONT = 22px  >>> 5px 0 5px 0 / 22px = 0.227272727272727em 0 0.227272727272727em 0 */
}
.thefield a {
    font-size:0.818181818181818em;                                          /* BASE FONT = 22px  >>> 18px / 22px = 0.818181818181818em */
    text-decoration:underline;
}
.thefield a:hover {
    text-decoration:none;
}
.form_error, .form_success {
    clear:both;
}
.input_btn {
    background: none;
    border: 2px solid #58b947;
    color: #58b947;
    cursor: pointer;
    font-family: 'Open Sans';
    font-size: 1.09090909090909em;                                          /* BASE FONT = 22px  >>> 24px / 22px = 1.09090909090909em */
    line-height:1em;                                                        /* BASE FONT = 24px  >>> 24px / 24px = 1em */
    padding:0.625em 0.208333333333333em 0.583333333333333em 0.208333333333333em; /* BASE FONT = 24px  >>> 15px 5px 14px 5px / 24px = 0.625em 0.208333333333333em 0.583333333333333em 0.208333333333333em */
    width: 7.75em;                                                          /* BASE FONT = 24px  >>> 186px / 24px = 7.75em */
    margin:0 0.458333333333333em 0.416666666666667em 0.458333333333333em;   /* BASE FONT = 24px  >>> 0 11px 10px 11px / 24px = 0 0.458333333333333em 0.416666666666667em 0.458333333333333em */
    text-transform:uppercase;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.input_btn:hover {
    border: 2px solid #c4d82e;
    color: #ffffff;
    background:#58b947;
}
/* =============== Home page style Start ============================ */
/**** Home top content section style Start ****/
#home_top_content_container {
    background-color: #f9f9f9;
    padding: 1.4375em 0 3.6875em 0;                                         /* BASE FONT = 16px  >>> 23px 0 59px 0 / 16px = 1.4375em 0 3.6875em 0 */
}
#home_top_content_container img {
    display: block;
    margin: 0 auto;
    width: 86%;                                                             /* 86% width of it's parent container */
    max-width: 39.4375em;                                                   /* BASE FONT = 16px  >>> 631px / 16px = 39.4375em */
}
#home_top_content_container h1 {
    color: #000000;
    font-weight: normal;
    font-size: 1.875em;                                                     /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
    line-height: 1.2em;                                                     /* BASE FONT = 30px  >>> 36px / 30px = 1.2em */
    padding: 1.2em 0.2em 1.16666666666667em 0.2em;                          /* BASE FONT = 30px  >>> 36px 6px 35px 6px / 30px = 1.2em 0.2em 1.16666666666667em 0.2em */
}
#home_top_content_container p {
    color: #666666;
    font-weight: normal;
    font-size: 1.375em;                                                     /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    line-height: 1.20454545454545em;                                        /* BASE FONT = 22px  >>> 26.5px / 22px = 1.20454545454545em */
    padding: 0 0.272727272727273em 2.13636363636364em 0.272727272727273em;  /* BASE FONT = 22px  >>> 0 6px 47px 6px / 22px = 0 0.272727272727273em 2.13636363636364em 0.272727272727273em */
}
.home_cta_btn {
    display: block;
}
.home_cta_btn > a {
    border: 2px solid #58b947;
    color: #58b947;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    display: inline-block;
    font-size: 1.5em;                                                       /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
    line-height: 1.125em;                                                   /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
    margin: 0 0.1666666666666667em 0 0.1666666666666667em;                  /* BASE FONT = 24px  >>> 0 4px 0 4px / 24px = 0 0.1666666666666667em 0 0.1666666666666667em */
    padding: 0.583333333333333em 1.58333333333333em 0.583333333333333em 1.58333333333333em;     /* BASE FONT = 24px  >>> 14px 38px 14px 38px / 24px = 0.583333333333333em 1.58333333333333em 0.583333333333333em 1.58333333333333em */
}
.home_cta_btn > a:hover {
    border: 2px solid #c4d82e;
    color: #ffffff;
    background:#58b947;
}
/**** Home buckets section style Start ****/
#home_buckets {
    background-color: #f1f1f1;
    border-top: 1px solid #cccccc;
    text-align: center;
    padding: 4.3125em 0 0.25em 0;                                           /* BASE FONT = 16px  >>> 69px 0 4px 0 / 16px = 4.3125em 0 0.25em 0 */
}
#home_buckets article {
    display: inline-block;
    vertical-align: top;
    width: 100%;                                                            /* 100% width of it's parent container */
    max-width: 16.5em;                                                      /* BASE FONT = 16px  >>> 264px / 16px = 16.5em */
    margin: 0 0 1.8125em 0;                                                 /* BASE FONT = 16px  >>> 0 0 29px 0 / 16px = 0 0 1.8125em 0 */
}
#home_buckets article a {
    display: block;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.875em;                                                     /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
    line-height: 1.2em;                                                     /* BASE FONT = 30px  >>> 36px / 30px = 1.2em */
}
#home_buckets article a:hover {
    background: url(/images/home-buckets-hover-img.jpg) no-repeat center bottom;
}
#home_buckets article a img {
    display: block;
    margin: 0 auto 0.3em auto;                                              /* BASE FONT = 30px  >>> 0 auto 9px auto / 30px = 0 auto 0.3em auto */
}
#home_buckets article a span {
    display: block;
    visibility: visible;
    color: #8d8c8c;
    font-size: 0.533333333333333em;                                         /* BASE FONT = 30px  >>> 16px / 30px = 0.533333333333333em */
    line-height: 1.1875em;                                                  /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    padding: 0.8125em 0.25em 0.8125em 0;                                    /* BASE FONT = 16px  >>> 13px 4px 13px 0 / 16px = 0.8125em 0.25em 0.8125em 0 */
}
#home_buckets article:nth-child(4) a span, #home_buckets article:nth-child(5) a span, #home_buckets article:last-child a span {
    padding: 0.8125em 0.25em 2em 0;                                         /* BASE FONT = 16px  >>> 13px 4px 32px 0 / 16px = 0.8125em 0.25em 2em 0 */
}
#home_buckets article a:hover span {
    visibility: hidden;
}
/**** Home Global eCatalog Solutions section style Start ****/
#global_ecatalog_solutions_container {
    background: url(/images/home-global-ecatalog-solutions-bg.jpg) no-repeat center top;
    text-align: center;
    padding: 1.9375em 0 2.25em 0;                                           /* BASE FONT = 16px  >>> 31px 0 36px 0 / 16px = 1.9375em 0 2.25em 0 */
}
#global_ecatalog_solutions_container p {
    font-weight:700;
    color: #7c7c7c;
    text-transform: uppercase;
    font-size: 1.875em;                                                     /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
    line-height: 1.2em;                                                     /* BASE FONT = 30px  >>> 36px / 30px = 1.2em */
    padding-bottom: 1.466666666666667em;                                    /* BASE FONT = 30px  >>> 44px / 30px = 1.466666666666667em */
}
#global_ecatalog_solutions_container p span {
    text-transform: none;
}
#global_ecatalog_solutions_container img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.375em 0 1.6875em;                                           /* BASE FONT = 16px  >>> 0 22px 0 27px / 16px = 0 1.375em 0 1.6875em */
    max-width: 18.3125em;                                                   /* BASE FONT = 16px  >>> 293px / 16px = 18.3125em */
    width: 34%;                                                             /* 34% width of it's parent container */
}
#global_ecatalog_solutions_container img:nth-child(2) {
    margin: 0;
    max-width: 10.3125em;                                                   /* BASE FONT = 16px  >>> 165px / 16px = 10.3125em */
    width: 19%;                                                             /* 19% width of it's parent container */
}
#global_ecatalog_solutions_container img:last-child {
    margin: 0;
    max-width: 13.4375em;                                                   /* BASE FONT = 16px  >>> 215px / 16px = 13.4375em */
    width: 26%;                                                             /* 26% width of it's parent container */
}
/**** Home bottom content section style Start ****/
#home_bottom_content_container {
    background-color: #f9f9f9;
    padding: 0.75em 0 2.25em 0;                                             /* BASE FONT = 16px  >>> 12px 0 36px 0 / 16px = 0.75em 0 2.25em 0 */
}
#home_bottom_left_content h2 {
    color: #000000;
    font-weight: normal;
    font-size: 1.875em;                                                     /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
    line-height: 1.2em;                                                     /* BASE FONT = 30px  >>> 36px / 30px = 1.2em */
    padding: 1.2em 0.133333333333333em 1.4em 0.133333333333333em;           /* BASE FONT = 30px  >>> 36px 4px 42px 4px / 30px = 1.2em 0.133333333333333em 1.4em 0.133333333333333em */
}
#home_bottom_left_content p {
    color: #666666;
    font-weight: normal;
    font-size: 1.375em;                                                     /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    line-height: 1.20454545454545em;                                        /* BASE FONT = 22px  >>> 26.5px / 22px = 1.20454545454545em */
    padding: 0 0.181818181818182em 1.18181818181818em 0.181818181818182em;  /* BASE FONT = 22px  >>> 0 4px 26px 4px / 22px = 0 0.181818181818182em 1.18181818181818em 0.181818181818182em */
}
#home_bottom_left_content p sup {
    font-size: 0.590909090909091em;                                         /* BASE FONT = 22px  >>> 13px / 22px = 0.590909090909091em */
}
#home_bottom_left_content > span {
    display: block;
    text-align: center;
}
#home_bottom_content_container span img {
    display: inline-block;
    vertical-align: top;
    margin: 0.6875em 0 0.6875em 3.125em;                                    /* BASE FONT = 16px  >>> 11px 0 11px 50px / 16px = 0.6875em 0 0.6875em 3.125em */
    max-width: 10.625em;                                                    /* BASE FONT = 16px  >>> 170px / 16px = 10.625em */
    width: 40%;                                                             /* 40% width of it's parent container */
}
#home_bottom_content_container span img:first-child {
    margin-left: 0.125em;                                                   /* BASE FONT = 16px  >>> 2px / 16px = 0.125em */
}
#home_bottom_content_container img {
    display: block;
    width: 98%;                                                             /* 98% width of it's parent container */
    max-width: 43.5em;                                                      /* BASE FONT = 16px  >>> 696px / 16px = 43.5em */
    margin: 2.8125em auto 2.625em auto;                                     /* BASE FONT = 16px  >>> 45px auto 42px auto / 16px = 2.8125em auto 2.625em auto */
}

/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
.inner_wrap {
    padding: 0 1.6875em 0 1.6875em;                                     /* BASE FONT = 16px  >>> 27px / 16px = 1.6875em */
}
/* =============Header Area Start============================ */
.header_logo {
    float: left;
    margin: 0 0 0.625em 1.5625em;                                           /* BASE FONT = 16px  >>> 0 0 10px 25px / 16px = 0 0 0.625em 1.5625em */
}
/* =============Top Navigation style start=================== */
a.menu_trigger {
    margin:2.0625em 1.6875em 0 0;                                           /* BASE FONT = 16px  >>> 33px 27px 0 0 / 16px = 2.0625em 1.6875em 0 0 */
}
/* =============Footer Area Start Here======================= */
footer {
    padding: 3.3125em 0 0 0;                                                /* BASE FONT = 16px  >>> 53px / 16px = 3.3125em */
}
footer address {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display: inline-block;
    padding: 0 0 0 1.875em;                                                 /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
    vertical-align: top;
}
footer address:first-child {
    margin:0.5625em 0 1.5625em 0;                                               /* BASE FONT = 16px  >>> 9px 0 25px 0 / 16px = 0.5625em 0 1.5625em 0 */
    padding: 0 0 1.75em 0;                                                  /* BASE FONT = 16px  >>> 28px / 16px = 1.75em */
}
.footer_links {
    padding: 0 0 3.25em 0;                                                  /* BASE FONT = 16px  >>> 52px / 16px = 3.25em */
}
.footer_links > a {
    margin: 0 0 2.75em 0;                                                   /* BASE FONT = 16px  >>> 44px / 16px = 2.75em */
}
/* =============Print Page Styles=========================== */
.print_page {
    display:block;
}
/* ============= Content Area + Main Style Start===================== */
#content_area .inner_wrap {
    padding: 0 1.22727272727273em 0 1.22727272727273em;                     /* BASE FONT = 22px  >>> 27px / 22px = 1.22727272727273em */
}
/* =============Heading Styles=============================== */
h1 {
    padding:0 0 1.2em 0;                                                    /* BASE FONT = 30px  >>> 36px / 30px = 1.2em */
}
h2 {
    padding: 0 0 0.8em 0;                                                   /* BASE FONT = 30px  >>> 24px / 30px = 0.8em */
}
/* ============= Banner Style Start===================== */
#banner {
    background-size: cover;
    margin: 0 0 2.22727272727273em;                                         /* BASE FONT = 22px  >>> 49px / 22px = 2.22727272727273em */
    min-height: 13.0909090909091em;                                         /* BASE FONT = 22px  >>> 288px / 22px = 13.0909090909091em */
    background-position:center top;
}
/* =============Inner pages style============================ */
.twocolumn_content {
    padding:1.36363636363636em 0 2em 0;                                     /* BASE FONT = 22px  >>> 30px 0 44px 0 / 22px = 1.36363636363636em 0 2em 0 */
}
.two_images_gallery > img {
    margin:0 auto 1.22727272727273em auto;                                  /* BASE FONT = 22px  >>> 27px / 22px = 1.22727272727273em */
}
.image_gallery > img {
    float: left;
    margin: 0 0 1.31818181818182em 0;                                       /* BASE FONT = 22px  >>> 29px / 22px = 1.31818181818182em */
    width: 48.6%;                                                           /*48.6% of it's container*/
}
.image_gallery > img:nth-of-type(2n) {
    margin: 0 0 1.31818181818182em 2.8%;                                    /*2.8% of it's container*//* BASE FONT = 22px  >>> 29px / 22px = 1.31818181818182em */
}
/**** Contact Page Styles ****/
.contact_box {
    text-align:left;
}
.contact_box address {
    float:left;
}
.gmap iframe {
    float:right;
    width:50%;                                                              /* 50% width of its container */
}
/**** Request Quote Form Styles ****/
div.fieldwrapper label.styled {
    float: left;
    margin: 0 1.04545454545455em 0 0;                                       /* BASE FONT = 22px  >>> 23px / 22px = 1.04545454545455em */
    width: 47%;                                                                 /* width 47% of div.fieldwrapper */
    text-align:right;
}
div.fieldwrapper div.thefield {
    float: left;
    margin: 0 0 0.0909090909090909em 0;                                         /* BASE FONT = 22px  >>> 2px / 22px = 0.0909090909090909em */
    width: 47%;                                                                 /* width 47% of div.fieldwrapper */
}
/* ============= Home page style Start ======================= */
/**** Home top content section style Start ****/
#home_top_content_container {
    padding: 2.3125em 0 3.4375em 0;                                         /* BASE FONT = 16px  >>> 37px 0 55px 0 / 16px = 2.3125em 0 3.4375em 0 */
}
#home_top_content_container img {
    margin: 0 7.25em 0 7.25em;                                              /* BASE FONT = 16px  >>> 0 116px 0 116px / 16px =  0 7.25em 0 7.25em */
    width: 54%;                                                             /* 54% width of it's parent container */
}
#home_top_content_container h1 {
    padding: 0.7333333333333333em 0.0333333333333333em 1.16666666666667em 0.0333333333333333em; /* BASE FONT = 30px  >>> 22px 1px 35px 1px / 30px = 0.7333333333333333em 0.0333333333333333em 1.16666666666667em 0.0333333333333333em */
}
#home_top_content_container p {
    padding: 0 0.0454545454545455em 2.272727272727273em 0.0454545454545455em;   /* BASE FONT = 22px  >>> 0 1px 50px 1px / 22px = 0 0.0454545454545455em 2.272727272727273em 0.0454545454545455em */
}
.home_cta_btn > a {
    margin: 0;
}
/**** Home buckets section style Start ****/
#home_buckets {
    padding: 4.5em 0 0.75em 0;                                              /* BASE FONT = 16px  >>> 72px 0 13px 0 / 16px = 4.5em 0 0.75em 0 */
}
#home_buckets article {
    margin: 0 1.5625em 2.4375em 0;                                          /* BASE FONT = 16px  >>> 0 25px 39px 0 / 16px = 0 1.5625em 2.4375em 0 */
}
#home_buckets article:nth-of-type(2n-2) {
    border-left: 1px solid #cccccc;
    margin-right: 0;
    padding-left: 1.75em;                                                   /* BASE FONT = 16px  >>> 28px / 16px = 1.75em */
}
#home_buckets article a img {
    margin: 0 auto 0.6em auto;                                              /* BASE FONT = 30px  >>> 0 auto 18px auto / 30px = 0 auto 0.6em auto */
}
/**** Home Global eCatalog Solutions section style Start ****/
#global_ecatalog_solutions_container {
    padding: 2.75em 0 3.3125em 0;                                           /* BASE FONT = 16px  >>> 44px 0 53px 0 / 16px = 2.75em 0 3.3125em 0 */
}
#global_ecatalog_solutions_container p {
    padding-bottom: 1.966666666666667em;                                    /* BASE FONT = 30px  >>> 59px / 30px = 1.966666666666667em */
}
#global_ecatalog_solutions_container img {
    margin: 0 2.875em 0 3.125em;                                            /* BASE FONT = 16px  >>> 0 46px 0 50px / 16px = 0 2.875em 0 3.125em */
    width: 32%;                                                             /* 32% width of it's parent container */
}
#global_ecatalog_solutions_container img:nth-child(2) {
    width: 18%;                                                             /* 18% width of it's parent container */
}
#global_ecatalog_solutions_container img:last-child {
    width: 24%;                                                             /* 24% width of it's parent container */
}
/**** Home bottom content section style Start ****/
#home_bottom_content_container {
    padding: 1.1875em 0 1.1875em 0;                                         /* BASE FONT = 16px  >>> 19px 0 19px 0 / 16px = 1.1875em 0 1.1875em 0 */
}
#home_bottom_left_content h2 {
    padding: 1.2em 0 1.366666666666667em 0;                                 /* BASE FONT = 30px  >>> 36px 0 41px 0 / 30px = 1.2em 0 1.366666666666667em 0 */
}
#home_bottom_left_content p {
    padding: 0 0 1.181818181818182em 0;                                     /* BASE FONT = 22px  >>> 0 0 26px 0 / 22px = 0 0 1.181818181818182em 0 */
}
#home_bottom_content_container span {
    padding-top: 0.875em;                                                   /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
}
#home_bottom_content_container span img {
    margin: 0.6875em 0 0.6875em 4.5625em;                                   /* BASE FONT = 16px  >>> 11px 0 11px 73px / 16px = 0.6875em 0 0.6875em 4.5625em */
}
#home_bottom_content_container span img:first-child {
    margin-left: 0;
}
#home_bottom_content_container img {
    width: 99%;                                                             /* 99% width of it's parent container */
    margin: 2.75em auto 3.4375em auto;                                      /* BASE FONT = 16px  >>> 44px auto 55px auto / 16px = 2.75em auto 3.4375em auto */
}
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 800px/16px = 50em*/
@media only screen and (min-width: 50em) {
/* ============= Language Selector Start============================ */
#language_selector span {
    margin: 0 0.3125em 0 0;                                             /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
}
#language_selector img {
    margin:0.75em 0.1875em 0 0;                                         /* BASE FONT = 16px  >>> 12px 3px 0 0 / 16px = 0.75em 0.1875em 0 0 */
}
/* =============Header Area Start============================ */
header .inner_wrap {
    padding: 0 1.6875em 0 1.6875em;                                     /* BASE FONT = 16px  >>> 27px / 16px = 1.6875em */
}
.header_logo {
    margin:0 0 0.625em 0;                                       /* BASE FONT = 16px  >>> 0 0 10px 0 / 16px = 0 0 0.625em 0 */
}
/* =============Top Navigation style start=================== */
#top_nav {
    background: none;
    padding:2.6875em 0.3125em 0 0;                                      /* BASE FONT = 16px  >>> 43px 5px 0 0 / 16px = 2.6875em 0.3125em 0 0 */
    text-align: right;
}
#top_nav ul li, #top_nav > ul > li:first-child {
    border: none;
    display: inline-block;
    margin: 0 0 0 1.5%;                                                 /*1.5% of it's container*/
    padding: 0 0 1.9375em 0;                                            /* BASE FONT = 16px  >>> 31px / 16px = 1.9375em */
    vertical-align: top;
    position:relative;
}
#top_nav ul li a {
    color: #ffffff;
    display: block;
    margin: 0;
}
#top_nav ul li a:hover, #top_nav ul > li.has_child:hover > a {
    color:#c2d52e;
}
#top_nav ul > li.has_child > a {
    padding: 0 1em 0 0;                                                 /* BASE FONT = 16px  >>> 16px / 16px = 1em */
}
#top_nav ul > li.has_child > a:after {
    background:url(/images/has-child-after-desktop-bg.png) no-repeat right top;
    height: 0.75em;                                                     /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
    top: 0.125em;                                                       /* BASE FONT = 16px  >>> 2px / 16px = 0.125em */
    width:0.75em;                                                       /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
    right: -0.1875em;                                                   /* BASE FONT = 16px  >>> 3px / 16px = 0.1875em */
}
#top_nav ul > li.has_child:hover > a:after, #top_nav ul > li.has_child > a:hover:after {
    background:url(/images/has-child-after-desktop-hover-bg.png) no-repeat right top;
}
#top_nav ul > li > ul {
    width:18.4375em;                                                    /* BASE FONT = 16px  >>> 295px / 16px = 18.4375em */
    position:absolute;
    top:2.9375em;                                                       /* BASE FONT = 16px  >>> 47px / 16px = 2.9375em */
    left:-0.625em;                                                      /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
    border-left:1px solid #8d8c8c;
    border-right:1px solid #8d8c8c;
    background:#f1f1f1;
    margin: 0;
    text-align: left;
}
#top_nav ul > li:hover > ul {
    display:block;
}
#top_nav ul > li > ul > li {
    display:block;
    border-bottom:1px solid #8d8c8c;
    padding:0;
    margin: 0;
}
#top_nav ul > li > ul > li > a {
    color: #333333;
    line-height:1.1875em;                                               /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    padding:1.0625em 0.3125em 0.875em 0.6875em;                         /* BASE FONT = 16px  >>> 17px 5px 14px 11px / 16px = 1.0625em 0.3125em 0.875em 0.6875em */
}
#top_nav ul > li > ul > li:first-child > a {
    padding:1.25em 0.3125em 0.875em 0.6875em;                           /* BASE FONT = 16px  >>> 20px 5px 14px 11px / 16px = 1.25em 0.3125em 0.875em 0.6875em */
}
#top_nav ul > li > ul > li:last-child > a {
    padding:1.0625em 0.3125em 1.125em 0.6875em;                         /* BASE FONT = 16px  >>> 17px 5px 18px 11px / 16px = 1.0625em 0.3125em 1.125em 0.6875em */
}
#top_nav ul > li > ul > li > a:hover {
    background:#c2d52e;
    color: #333333;
}
/* =============Print Page Styles=========================== */
.print_page {
    text-align:right;
}
/* =============Footer Area Start Here======================= */
footer {
    padding:3.3125em 0 3.25em 0;                                                    /* BASE FONT = 16px  >>> 53px 0 52px 0 / 16px = 3.3125em 0 3.25em 0 */
}
.footer_links {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display: inline-block;
    padding: 0 0 0 1.875em;                                                         /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
    vertical-align: top;
    width: 48%;                                                                     /*48% of it's container*/
}
.footer_links:nth-of-type(1) {
    border-right: 1px solid #000000;
    padding: 0 1.125em 0 0;                                                         /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
    width: 50.1%;                                                                   /*50.1% of it's container*/
}
/* ============= Banner Style Start===================== */
#banner {
    margin: 0 0 3em 0;                                                              /* BASE FONT = 22px  >>> 66px / 22px = 3em */
}
/* =============Heading Styles=============================== */
h1 {
    font-size: 1.63636363636364em;                                                  /* BASE FONT = 22px  >>> 36px / 22px = 1.63636363636364em */
    padding: 0 0 1em 0;                                                             /* BASE FONT = 36px  >>> 36px / 36px = 1em */
}
h2 {
    padding: 0 0 1.133333333333333em 0;                                                 /* BASE FONT = 30px  >>> 34px / 30px = 1.133333333333333em */
}
/* =============Inner pages style============================ */
.twocolumn_content {
    border: none;
    padding: 0.0909090909090909em 0 0 0;                                            /* BASE FONT = 22px  >>> 2px / 22px = 0.0909090909090909em */
}
.twocolumn_content > div {
    border-top: 1px solid #58b947;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:1.86363636363636em 0.136363636363636em 1.90909090909091em 0;            /* BASE FONT = 22px  >>> 41px 3px 42px 0 / 22px = 1.86363636363636em 0.136363636363636em 1.90909090909091em 0 */
    float: left;
    width: 49.3%;                                                                   /*49.3% of it's container*/
}
.twocolumn_content > div:first-child {
    margin: 0 1.4% 0 0;                                                             /*1.4% of it's container*/
}
.two_images_gallery {
    padding: 0.318181818181818em 0 0 0;                                             /* BASE FONT = 22px  >>> 7px / 22px = 0.318181818181818em */
}
.two_images_gallery > img {
    float: left;
    margin: 0 0 1.04545454545455em 0;                                               /* BASE FONT = 22px  >>> 23px / 22px = 1.04545454545455em */
    width: 49.3%;                                                                   /*49.3% of it's container*/
}
.two_images_gallery > img:nth-of-type(2n) {
    margin: 0 0 1.04545454545455em 1.4%;                                            /*1.4% of it's container*//* BASE FONT = 22px  >>> 23px / 22px = 1.04545454545455em */
}
.image_gallery > img, .image_gallery > img:nth-of-type(2n) {
    margin: 0 0 1.31818181818182em 1.33%;                                           /*1.33% of it's container*//* BASE FONT = 22px  >>> 29px / 22px = 1.31818181818182em */
    width: 24%;                                                                     /*24% of it's container*/
}
.image_gallery > img:nth-child(4n+1) {
    margin: 0 0 1.31818181818182em 0;                                               /* BASE FONT = 22px  >>> 29px / 22px = 1.31818181818182em */
}
/* ============= Home page style Start ======================= */
/**** Home top content section style Start *****/
#home_top_content_container {
    padding: 2em 0 2.4375em 0;                                              /* BASE FONT = 16px  >>> 32px 0 39px 0 / 16px = 2em 0 2.4375em 0 */
}
#home_top_content_container img {
    width: 43%;                                                             /* 43% width of it's parent container */
    margin: 0 auto;
}
/*** Home buckets section style Start ***/
#home_buckets {
    padding: 2.3125em 0 0 0;                                                /* BASE FONT = 16px  >>> 37px 0 0 0 / 16px = 2.3125em 0 0 0 */
}
#home_buckets article {
    border-left: 1px solid #cccccc;
    max-width: none;
    margin: 0 0 2.0625em 0;                                                 /* BASE FONT = 16px  >>> 0 0 33px 0 / 16px = 0 0 2.0625em 0 */
    width: 32.3%;                                                           /* 32.3% width of it's parent container */
}
#home_buckets article:nth-of-type(2n-2) {
    border-left: 1px solid #cccccc;
    margin-right: 0;
    padding-left: 0;
}
#home_buckets article:first-child, #home_buckets article:nth-child(4) {
    border-left: none;
}
#home_buckets article a img {
    margin: 1.066666666666667em auto 2em auto;                              /* BASE FONT = 30px  >>> 32px auto 60px auto / 30px = 1.066666666666667em auto 2em auto */
}
#home_buckets article a span {
    padding:2.6875em 0 0.625em 0;                                           /* BASE FONT = 16px  >>> 43px 0 10px 0 / 16px = 2.6875em 0 0.625em 0 */
}
#home_buckets article:nth-child(4) a span, #home_buckets article:last-child a span {
    padding:2.6875em 0 1.8125em 0;                                          /* BASE FONT = 16px  >>> 43px 0 29px 0 / 16px = 2.6875em 0 1.8125em 0 */
}
#home_buckets article:nth-child(5) a span{
    padding:1.1875em 0 1.5em 0;                                             /* BASE FONT = 16px  >>> 19px 0 24px 0 / 16px = 1.1875em 0 1.5em 0 */
}
/**** Home Global eCatalog Solutions section style Start ****/
#global_ecatalog_solutions_container {
    background-size: cover;
    padding: 5em 0 5.25em 0;                                                /* BASE FONT = 16px  >>> 80px 0 84px 0 / 16px = 5em 0 5.25em 0 */
}
#global_ecatalog_solutions_container p {
    font-size: 3em;                                                         /* BASE FONT = 16px  >>> 48px / 16px = 3em */
    line-height: 1.20833333333333em;                                        /* BASE FONT = 48px  >>> 58px / 48px = 1.20833333333333em */
    padding-bottom: 1.8125em;                                               /* BASE FONT = 48px  >>> 87px / 48px = 1.8125em */
}
/*** Home bottom content section style Start ***/
#home_bottom_left_content h2 {
    font-size: 2.25em;                                                      /* BASE FONT = 16px  >>> 36px / 16px = 2.25em */
    line-height: 1.19444444444444em;                                        /* BASE FONT = 36px  >>> 43px / 36px = 1.19444444444444em */
    padding: 0 0 1.08333333333333em 0;                                      /* BASE FONT = 36px  >>> 0 0 39px 0 / 36px = 0 0 1.08333333333333em 0 */
}
#home_bottom_left_content p {
    padding: 0 3.636363636363636em 1.227272727272727em 0;                   /* BASE FONT = 22px  >>> 0 80px 27px 0 / 22px = 0 3.636363636363636em 1.227272727272727em 0 */
}
#home_bottom_content_container span {
    text-align: left;
    padding-top: 2.9375em;                                                  /* BASE FONT = 16px  >>> 47px / 16px = 2.9375em */
}
#home_bottom_content_container span img {
    margin: 0.6875em 0 0.6875em 4.5em;                                      /* BASE FONT = 16px  >>> 11px 0 11px 72px / 16px = 0.6875em 0 0.6875em 4.5em */
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
.header_logo {
    width:40%;                                                  /*40% of it's container*/
}
/* =============Top Navigation style start=================== */
a.menu_trigger {
    display: none;
}
#top_nav {
    clear: none;
    display: block;
}
/**** Home top content section style Start *****/
#home_top_content_container img {
    margin: 0 5em 0 3.1875em;                                               /* BASE FONT = 16px  >>> 0 80px 0 51px / 16px =  0 5em 0 3.1875em */
    float: left;
}
#home_top_content_container h1 {
    font-size: 2.25em;                                                      /* BASE FONT = 16px  >>> 36px / 16px = 2.25em */
    line-height: 1.19444444444444em;                                        /* BASE FONT = 36px  >>> 43px / 36px = 1.19444444444444em */
    padding: 0 0 1.111111111111111em 0;                                     /* BASE FONT = 36px  >>> 0 0 40px 0 / 36px = 0 0 1.111111111111111em 0 */
}
#home_top_content_container p {
    padding: 0 1.363636363636364em 1.636363636363636em 0;                   /* BASE FONT = 22px  >>> 0 30px 36px 0 / 22px = 0 1.363636363636364em 1.636363636363636em 0 */
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 1207px/16px = 75.4375em*/
@media only screen and (min-width: 75.4375em) {
/* =============Footer Area Start Here======================= */
footer {
    padding:3.3125em 0 3.0625em 0;                                  /* BASE FONT = 16px  >>> 53px 0 49px 0 / 16px = 3.3125em 0 3.0625em 0 */
}
footer address {
    float: left;
    padding: 0 2.125em 0 2.125em;                                   /* BASE FONT = 16px  >>> 34px / 16px = 2.125em */
}
footer address:first-child {
    margin: 0.5625em 0 0 0;                                         /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
    padding: 0 0.9375em 1.75em 0;                                   /* BASE FONT = 16px  >>> 0 15px 28px 0 / 16px = 0 0.9375em 1.75em 0 */
}
.footer_links {
    float: left;
    margin: 0.5625em 0 0 0;                                         /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
    padding: 0 0 0 2.375em;                                         /* BASE FONT = 16px  >>> 38px / 16px = 2.375em */
    width: 26.4%;                                                   /*26.4% of it's container*/
}
.footer_links:nth-of-type(1) {
    border-left: 1px solid #000000;
    padding:0 2em 1em 2.3125em;                                     /* BASE FONT = 16px  >>> 0 32px 16px 37px / 16px = 0 2em 1em 2.3125em */
    width: 32.66%;                                                  /*32.66% of it's container*/
}
footer address:first-child > a {
    margin:0 0 1.625em 0.1875em;                                    /* BASE FONT = 16px  >>> 0 0 26px 3px / 16px = 0 0 1.625em 0.1875em */
}
/* ============= Home page style Start ======================= */
/**** Home top content section style Start ****/
#home_top_content_container h1 {
    padding: 4.055555555555556em 0 1.111111111111111em 0;                   /* BASE FONT = 36px  >>> 146px 0 40px 0 / 36px = 4.055555555555556em 0 1.111111111111111em 0 */
}
/**** Home buckets section style Start ****/
#home_buckets article {
    width: 16.2%;                                                           /* 16.2% width of it's parent container */
}
#home_buckets article:nth-child(4) {
    border-left: 1px solid #cccccc;
}
#home_buckets article a {
    font-size: 1.875vw;                                                     /*  30px / 16px = 1.875em */
}
/**** Home Global eCatalog Solutions section style Start ****/
#global_ecatalog_solutions_container img {
    margin: 0 4.5625em 0 0;                                                 /* BASE FONT = 16px  >>> 0 73px 0 0 / 16px = 0 4.5625em 0 0 */
    width: 40%;                                                             /* 40% width of it's parent container */
}
#global_ecatalog_solutions_container img:nth-child(2) {
    margin: 0 5.0625em 0 0.4375em;                                          /* BASE FONT = 16px  >>> 0 81px 0 7px / 16px = 0 5.0625em 0 0.4375em */
    width: 22%;                                                             /* 22% width of it's parent container */
}
#global_ecatalog_solutions_container img:last-child {
    width: 29%;                                                             /* 29% width of it's parent container */
}
/**** Home bottom content section style Start ****/
#home_bottom_content_container {
    padding: 4.0625em 0 3.75em 0;                                           /* BASE FONT = 16px  >>> 65px 0 60px 0 / 16px = 4.0625em 0 3.75em 0 */
}
#home_bottom_left_content {
    float: left;
    width: 50.1%;                                                           /* 50.1% width of it's parent container */
    padding-left: 0.5625em;                                                 /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
}
#home_bottom_content_container img {
    width: 47%;                                                             /* 47% width of it's parent container */
    margin: 0.5em auto 0.5em auto;                                          /* BASE FONT = 16px  >>> 8px auto 8px auto / 16px = 0.5em auto 0.5em auto */
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 1494px/16px = 93.375em*/
@media only screen and (min-width: 93.375em) {
header .inner_wrap, .inner_wrap {
    padding:0 7.5em 0 7.5em;                                        /* BASE FONT = 16px  >>> 120px / 16px = 7.5em */
}
/* ============= Content Area + Main Style Start===================== */
#content_area .inner_wrap {
    padding: 0 5.45454545454545em 0 5.45454545454545em;             /* BASE FONT = 22px  >>> 120px / 22px = 5.45454545454545em */
}
/* ============= Home page style Start ======================= */
/**** Home buckets section style Start ***/
#home_buckets article {
    width: 16.3%;                                                           /* 16.3% width of it's parent container */
}
#home_buckets article a {
    font-size:1.5em;                                                        /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
}
#home_buckets article a span {
    font-size:0.6666666666666667em;                                         /* BASE FONT = 24px  >>> 16px / 24px = 0.6666666666666667em */
}
}