/* =============================================================================
   Basic Styles
* ============================================================================= */
article, aside, footer, header, nav, section, main {
   display: block;
}
img {
   border: 0;
   max-width: 100%;
}
.ie8 img {
   max-width: none;
}
address {
   font-style:normal;                                                               /* To Neutralize Default Italic Style To Normal Style */
}
p, ul, h1, h2, h3, dl, body {
   margin: 0;
}
ul {
   padding: 0 0 1.25em 0;                                                         /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
}
ul li {
   background:url(../images/bullet.jpg) no-repeat left 0.3125em;         /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
   list-style:none;
   padding:0 0 0 1em;                                       /* BASE FONT = 16px  >>> 0 0 0 16px / 16px = 0 0 0 1em */
}
/* =============================================================================
   Bellow default style
* ============================================================================= */
a {
   color:#817c00;
   text-decoration:underline;
}
a:hover {
   color:#817c00;
   text-decoration:none;
}
p {
   padding-bottom:1.4375em;                                                      /* Base Font = 14px >>> 23px /14px = 1.4375em */
}
/* =============================================================================
  Comman Style
   ============================================================================= */
.clear {
   clear: both;
}
.clearfix:before, .clearfix:after {
   content:"";
   display:block;
}
.clearfix:after {
   clear:both;
}
.ctr {
   text-align:center;
}
/* ================================================================================
                  INITIAL STYLES [MOBILE VIEW] START
   ================================================================================ */

/* ================================ Body Styles ================================= */
html, body {
   height:100%;                                                          /*full width of its container */
}
body {
   background:#dadadc;
   padding:0;
   font-size:100%;                                                    /* Base Font = 16px >>> 16px = 1em = 100% */
   font-family:arial;
}
#wrapper {
   position: relative;
}
/* ================================ Header Start  ================================= */
header {
   background-color: #dadadc;
   text-align: center;
}
.company_logo {
   display: inline-block;
   margin: 1.3125em auto 0 auto;                                         /* BASE FONT = 16px  >>> 21px / 16px = 1.3125em */
   max-width:33.875em;                                                   /* BASE FONT = 16px  >>> 542px / 16px = 33.875em */
   width: 92%;                                                           /* 92% of parent container */
}
.home_header {
   text-align: center;
}
/* ================================ Top Nav Styles ================================= */

#topnav {
   text-align: center;
}
.top_nav_trigger {
   background:url(../images/menu_tigger.jpg) no-repeat left 0.3125em;     /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
   color: #666666;
   cursor: pointer;
   display: inline-block;
   font-size:1em;                                                      /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   font-weight: bold;
   margin-bottom:1.125em;                                             /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
   padding-left:2.0625em;                                              /* BASE FONT = 16px  >>> 33px / 16px = 2.0625em */
   padding-top:0.25em;                                                 /* BASE FONT = 16px  >>> 4px / 16px = 0.25em */
   text-transform: uppercase;
}
.top_nav_links ul {
   padding-bottom:0;
}
.top_nav_links ul li {
   background-color: #817e00;
   padding-left: 0;
   background-image:none;
   border-bottom:2px solid #c0b971;
}
.top_nav_links .topnav_last {
    border-bottom: medium none;
    padding-bottom: 0.3125em;                 /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
}
.top_nav_links {
   display: none;
   text-align: center;
}
.top_nav_links a {
   color: #ffffff;
   display: block;
   font-size:1em;                                                  /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   font-weight: bold;
   padding:0.625em 0 0.3125em 0.6875em;                             /* BASE FONT = 16px  >>> 10px 0px 5px 11px / 16px = 0.625em 0em 0.3125em 0.6875em  */
   text-decoration: none;
   text-transform: uppercase;
   line-height: 1.25em;                /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
}
.top_nav_links a:hover {
   color: #000000;
}
.top_nav_links li:hover > a, .has_child.submenu_open > a {
   color:#ffffff;
}
.top_nav_links li ul {
   background-color: #c0b971;
   border-top: 2px solid #c0b971;
   display: none;
   margin-top: 0;
   padding: 0;
}
.top_nav_links li ul li {
    background-color: #c0b971;
}
.top_nav_links li ul li:hover {
    background-color: #817e00;
}
.top_nav_links .submenu_open {
    border-bottom: medium none;
}
.top_nav_links ul li ul li a {
   line-height:1.4375em;                                        /* BASE FONT = 16px  >>> 23px / 16px = 1.4375em */
   padding:0.3125em 0 0.3125em 0.6875em;                          /* BASE FONT = 16px  >>> 5px 0 5px 11px / 16px = 0.3125em 0 0.3125em 0.6875em */
   text-transform: none;
   font-weight:normal;
   color:#5c5a01;
}
li .submenu-trigger {
   background: url(../images/plus.png) no-repeat left 0.375em;               /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
   cursor: pointer;
   display: inline-block;
   height:0.9375em;                                                       /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em */
   margin-left:0.3125em;                                                  /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
   vertical-align: top;
   width:0.375em;                                                         /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
}
li.submenu_open .submenu-trigger {
   background: url(../images/minus.png) no-repeat left 0.375em;            /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
   cursor: pointer;
   display: inline-block;
   height:0.9375em;                                                       /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em */
   margin-left:0.3125em;                                                  /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
   vertical-align: top;
   width:0.375em;                                                         /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
}
/* ================================ Content Area style ================================= */
#content_area {
   font-size:1em;                                                                                  /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   color: #333333;
   line-height:1.1875em;                                                                           /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em  */
   padding:2.0625em 0.625em 0.625em 0.625em;                                                       /* BASE FONT = 16px  >>> 33px 10px 10px 10px / 16px = 2.0625em 0.625em 0.625em 0.625em  */
   background:#ffffff;
}
/* ================================ Footer Style  ================================= */

footer {
   background-color: #dadadc;
   position:relative;
   z-index:1000;
}
.footr_right {
   padding-bottom:1.25em;                                         /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   padding-left:0.75em;                                           /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
}
.footer_left {
   padding:1.25em 0 1.5em 0.875em;                               /* BASE FONT = 16px  >>> 20px 0px 24px 14px / 16px = 1.25em 0em 1.5em 0.875em */
}
footer address {
   line-height:1.21428571428571em;                              /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
}
.footer_address {
   color: #666666;
   font-size:0.875em;                                             /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
}
.footer_address a {
   color: #666666;
   font-size:1em;                                                /* BASE FONT = 14px  >>> 14px / 14px = 1em */
}
.footer_address a:hover {
   color: #000000;
}
.footer_address span a {
   color: #666666;
   text-decoration:none;
}
.inter_bulk_canada {
   display: block;
   padding-bottom:1.21428571428571em;                           /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
   padding-top:1.14285714285714em;                              /* BASE FONT = 14px  >>> 16px / 14px = 1.14285714285714em */
}
.footer_link.footer_address {
   display: block;
   padding-top:1.21428571428571em;                              /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
}
.footer_divider {
   display: none;
}
.website {
   display:block;
}
.copyright_txt {
   display: block;
}
img[name="pphLoggerImage"] {
   display: none;
}
/* ================================ Footer Social Media Styles  ================================= */
.social_media {
   padding-bottom:1.125em;                                      /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
}
.social_media > a {
   display: inline-block;
   margin-right:0.1875em;                                       /* BASE FONT = 16px  >>> 3px / 16px = 0.1875em */
   vertical-align: middle;
}
/* ================================ Heading Styles  ================================= */

h1 {
   padding:0 0 0.9375em 0;                                                                  /* BASE FONT = 32px  >>> 30px / 32px = 0.9375em  */
   font-size:2em;                                                                       /* BASE FONT = 16px  >>> 32px / 16px = 2em  */
   color:#817c00;
   line-height:1.09375em;                                                                    /* BASE FONT = 24px  >>> 35px / 32px = 1.09375em  */
   clear:both;
   font-family:Impact;
   text-align:center;
   font-weight: normal;
   text-transform: uppercase;
}
h2 {
   padding:0 0 1.25em 0;                                                              /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   font-size:1em;                                                                      /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   color:#000000;
   line-height:1.25em;                                                                 /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   text-transform: uppercase;
   clear:both;
}
h3 {
   padding:0 0 1.25em 0;                                                              /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   font-size:1em;                                                                      /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   color:#000000;
   line-height:1.25em;                                                                 /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
}
/* ================================ Print Page Styles  ================================= */
 .printable_page {
   display: none;
   font-size:0.5625em;                                                                 /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
   padding-bottom:3.55555555555556em;                                                  /* BASE FONT = 9px  >>> 32px / 9px = 3.55555555555556em */
   padding-right:1.44444444444444em;                                                   /* BASE FONT = 9px  >>> 13px / 9px = 1.44444444444444em */
   text-align: right;
   clear:both;
}
.printable_page a {
   color: #000000;
}
img[alt="Print This Page"] {
   cursor: pointer;
   margin:0 0.555555555555556em 0 0;                                                 /* BASE FONT = 9px  >>> 5px / 9px = 0.555555555555556em */
   vertical-align: middle;
}
img[alt="Email This Page"] {
   cursor: pointer;
   margin:0 0.777777777777778em 0 2.55555555555556em;                                /* BASE FONT = 9px  >>> 0px 7px 0px 23px / 9px = 0em 0.777777777777778em 0em 2.55555555555556em  */
   vertical-align: middle;
}
/* ================================ Page Scroll Styles  ================================= */

.page-scroll {
   display:none;
   width:1.875em;                                           /* Base Font = 16px  >>> 30px / 16px = 1.875em */
   height:2em;                                              /* Base Font = 16px  >>> 32px / 16px = 2em */
   background:url(../images/scroll-up.png) no-repeat left top;
   position:fixed;
   bottom:0.625em;                                          /* Base Font = 16px  >>> 10px / 16px = 0.625em */
   right:0.3125em;                                          /* Base Font = 16px  >>> 5px / 16px = 0.3125em */
   cursor:pointer;
   z-index:10000;
}
/* ================================ Destination Banner Styles  ================================= */

.dest_banner {
   display: none;
}
/*================================= home-main Styles ==================================== */
.slider_main{
   display:none;
}
.home_main {
    background-color: #ffffff;
    display: block;
    padding: 1.25em 0 0.0625em 0;                 /* Base Font = 16px  >>> 20px 0 1px / 16px = 1.25em 0 0.0625em 0 */
    text-align: center;
}
.home_txt > a {
    color: #000000;
    font-family: Impact;
    font-size: 1.8125em;                         /* Base Font = 16px  >>> 29px / 16px = 1.8125em */
    line-height: 1.206896551724138em;            /* Base Font = 29px  >>> 35px / 29px = 1.206896551724138em */
    text-decoration: none;
    text-transform: uppercase;
}
.home_main > h1 {
    font-family: arial;
    font-size: 1em;                     /* Base Font = 16px  >>> 16px / 16px = 1em */
    font-weight: bold;
    line-height: 1.1875em;                    /* Base Font = 16px  >>> 19px / 16px = 1.1875em */
    margin: 0 auto;
    max-width: 92%;
    padding: 0.75em 0 1.3125em;                  /* Base Font = 16px  >>> 12px 0 21px / 16px = 0.75em 0 1.3125em */
    text-transform: none;
    width: 18.75em;                         /* Base Font = 16px  >>> 300px / 16px = 18.75em */
}
.home_main .company_name {
    color: #817b00;
    display: block;
    line-height: 1.25em;                           /* Base Font = 16px  >>> 300px / 16px = 1.25em */
}
.home_main .company_name > a {
    text-decoration: none;
    text-transform: none;
}
.home_main .company_name span {
    color: #000000;
}
.home_main h1 > a {
    color: #333333;
    text-decoration: none;
}
.home_buttons > span {
    display: block;
    margin-bottom: 0.125em;                  /* Base Font = 16px  >>> 2px / 16px = 0.125em */     
}
.home_buttons span a {
    text-decoration: none;
   background: -moz-linear-gradient(top, #f0d07b 0%, #ebcd77 8%, #dbc164 24%, #9b901d 73%, #898309 90%, #827e01 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0d07b), color-stop(8%,#ebcd77), color-stop(24%,#dbc164), color-stop(73%,#9b901d), color-stop(90%,#898309), color-stop(100%,#827e01)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #f0d07b 0%,#ebcd77 8%,#dbc164 24%,#9b901d 73%,#898309 90%,#827e01 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #f0d07b 0%,#ebcd77 8%,#dbc164 24%,#9b901d 73%,#898309 90%,#827e01 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #f0d07b 0%,#ebcd77 8%,#dbc164 24%,#9b901d 73%,#898309 90%,#827e01 100%); /* IE10+ */
   background: linear-gradient(top, #f0d07b 0%,#ebcd77 8%,#dbc164 24%,#9b901d 73%,#898309 90%,#827e01 100%); /* W3C */
   -pie-background: linear-gradient(top, #f0d07b 0%,#ebcd77 8%,#dbc164 24%,#9b901d 73%,#898309 90%,#827e01 100%);
   behavior: url(../pie/PIE.htc);
   position: relative;
   font-family:Arial;
   color:#000000;
   border-bottom: 2px solid #6c613d;
    border-top: 2px solid #6c613d;
   display: block;
    font-family: "Arial Black";
   font-size: 1em;                       /* Base Font = 16px  >>> 16px / 16px = 1em */
    line-height: 1.1875em;                        /* Base Font = 16px  >>> 19px / 16px = 1.1875em */
   padding: 1em 0 0.9375em;                        /* Base Font = 16px  >>> 16px 0 15px / 16px = 1em 0 0.9375em */
   text-transform: uppercase;
}
.home_buttons span a:hover{
    background: -moz-linear-gradient(top, #817b00 0%, #878107 10%, #928912 20%, #9d921f 31%, #b1a036 45%, #b2a137 47%, #bbaa42 53%, #c4ae49 59%, #ccb555 65%, #dac165 78%, #f0d07b 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#817b00), color-stop(10%,#878107), color-stop(20%,#928912), color-stop(31%,#9d921f), color-stop(45%,#b1a036), color-stop(47%,#b2a137), color-stop(53%,#bbaa42), color-stop(59%,#c4ae49), color-stop(65%,#ccb555), color-stop(78%,#dac165), color-stop(100%,#f0d07b)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%); /* IE10+ */
   background: linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%); /* W3C */
   -pie-background: linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%); /* W3C */
}
/* =============================================================================
   Inner Page Style
*  ============================================================================= */

.h2_color {
   color:#817c00;
}
.list {
    padding: 0 0 0.3125em 1.0625em;                     /* BASE FONT = 16px  >>> 2px 0 0 0 / 16px = 0 0 0.3125em 1.0625em */
}
.list > li {
    background: url("../images/large_bullet.jpg") no-repeat left 0.375em;          /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
    padding: 0 0 1em 1.125em;                                                    /* BASE FONT = 16px  >>> 0 0 16px 18px / 16px = 0 0 0.3125em 1.125em */
}
.content_ph a {
   color:#333333;
   text-decoration:none;
}
.pdf_icon {
   padding:0.125em 0 0 0;                                    /* BASE FONT = 16px  >>> 2px 0 0 0 / 16px = 0.125em 0 0 0 */
   vertical-align:top;
}
.rfq-btn {
   text-align:center;
}
.image_border {
   padding:0 0 2.3125em 0;                                    /* BASE FONT = 16px  >>> 0 0 37px 0 / 16px = 0 0 2.3125em 0 */
}
.image_border img {
   border:1px solid #232122;
   display:block;
}
.inner_banner {
   display:none;
}
.img_container {
   padding:0 0 0.9375em 0;                                    /* BASE FONT = 16px  >>> 0 0 15px 0 / 16px = 0 0 0.9375em 0 */
   text-align:center;
}
.img_container > img {
   border: 1px solid #232122;
   display: block;
   margin:0 auto;
}
.read_more {
    color: #817e00;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;                       /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    font-weight: bold;
    padding-bottom: 1.5625em;             /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
}
.read_more > span {
    background: url("../images/read_more_close.png") no-repeat 0 0;
    display: inline-block;
    height: 0.5625em;                         /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
    margin-left: 0.25em;                     /* BASE FONT = 16px  >>> 4px / 16px = 0.25em */
    width: 0.625em;                           /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
   vertical-align:middle;
}
.hidden_text{
    display:none;
}
/* ================================ Tabular Data Start  ================================= */
.hidden_content{
    display:none;
}
.specs .hidden_content {
   padding:0 0 1.875em 0;                                    /* BASE FONT = 16px  >>> 0 0 30px 0 / 16px = 0 0 1.875em 0 */
}
.content_box .hidden_content{
   padding-bottom:0;
}
.specs dl {
   margin:0 0 0.375em 0;                                    /* BASE FONT = 16px  >>> 0 0 6px 0 / 16px = 0 0 0.375em 0 */
}
.specs dt, .specs dd {
   background-color:#f5f7f7;
   display:block;
   margin:0;
   padding:0.1875em 0.25em 0.5625em 0.375em;                     /* BASE FONT = 16px  >>> 3px 4px 9px 6px / 16px = 0.1875em 0.25em 0.5625em 0.375em */
}
.specs dt {
   border-left:6px solid #817c00;
   font-weight:bold;
   margin:0 0 0.1875em 0;                                    /* BASE FONT = 16px  >>> 0 0 3px 0 / 16px = 0 0 0.1875em 0 */
}
.specs dd {
   border-left:6px solid #dadadc;
}
.specs dd dl {
   margin:0;
}
.specs dd dl dt, .specs dd dl dd {
   border:none;
   font-weight:normal;
   margin:0;
   padding:0;
}
.add_info {
   font-weight: bold;
   padding:0 0 0.9375em 0;                                    /* BASE FONT = 16px  >>> 0 0 15px 0 / 16px = 0 0 0.9375em 0 */
}
.table_heading {
   background-color: #817e00;
   clear:both;
   color:#ffffff;
   font-size:1em;                                          /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   font-weight:bold;
   line-height:1.25em;                                       /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   margin-bottom: 1em;                              /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   padding:0.5em 0.9375em 0.5em 0.5em;                      /* BASE FONT = 16px  >>> 8px 15px 8px 8px / 16px = 0.5em 0.9375em 0.5em 0.5em */
   text-transform: uppercase;
   text-align:left;
   cursor:pointer;
}
.sign_trigger {
    background: url("../images/plus.png") no-repeat 0 0;
    float: right;
    height: 0.375em;                         /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
    margin-top: 0.4375em;                     /* BASE FONT = 16px  >>> 7px / 16px = 0.4375em */
    width: 0.375em;                          /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
}
.specs_open .sign_trigger{
    background: url("../images/minus.png") no-repeat 0 0;
}
.divide_data {
   font-weight:bold;
   padding:0 0 0.9375em 0;                                    /* BASE FONT = 16px  >>> 0 0 15px 0 / 16px = 0 0 0.9375em 0 */
}
.divide_data > ul {
   display:block;
   padding:0;
}
.divide_data li {
   background:none;
   padding:0 0 0.3125em 0;                                    /* BASE FONT = 16px  >>> 0 0 5px 0 / 16px = 0 0 0.3125em 0 */
}
/* ================================ Contact Us page Start  ================================= */
.contact_box, .view_map {
   text-align:center;
}
.contact_box address {
   margin:0 0 0.9375em 0;                                    /* BASE FONT = 16px  >>> 0 0 15px 0 / 16px = 0 0 0.9375em 0 */
}
/* ================================ Contact Us page Form Start  ================================= */
div.fieldwrapper:before, div.fieldwrapper:after {
   content:"";
   display:block;
}
div.fieldwrapper:after {
   clear:both;
}
div.fieldwrapper label.styled {
   float: left;
   margin:0 0.9375em 0 0;                                    /* BASE FONT = 16px  >>> 0 15px 0 0 / 16px = 0 0.9375em 0 0 */
   width:100%;                                             /*full width of its container */
}
#content_area div.fieldwrapper div.thefield {
   float:left;
   margin:0 0 0.714285714285714em 0;                           /* BASE FONT = 14px  >>> 0px 0px 10px 0px / 14px = 0 0 0.714285714285714em 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;
   font-family:Arial;
   font-size:1em;                                          /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-box-shadow:0 0 2px #cccccc inset;
   -moz-box-shadow:0 0 2px #cccccc inset;
   box-shadow:0 0 2px #cccccc inset;
   -pie-box-shadow:0 0 2px #cccccc inset;
   behavior:url(../pie/PIE.htc);
   margin:0;
   padding:0.1875em;                                       /* BASE FONT = 16px  >>> 3px / 16px = 0.1875em */
   position:relative;
   width:100%;                                             /* width:100%; of div.fieldwrapper div.thefield:45.454545%  */
}
.fieldwrapper input[type=text] {
   height:1.5625em;                                       /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
}
div.fieldwrapper div.thefield textarea {
   height:6.25em;                                          /* BASE FONT = 16px  >>> 100px / 16px = 6.25em */
}
.feedbackform {
   margin: 0 auto;
   width:90%;                                             /*90% width of its container*/
}
.feedbackform .thefield p {
   padding:0 0 0.3125em 0;                                    /* BASE FONT = 16px  >>> 0 0 5px 0 / 16px = 0 0 0.3125em 0 */
}
.feedbackform .thefield p input[type="checkbox"] {
   float: left;
   margin-bottom:0.625em;                                    /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
   margin-right:0.5625em;                                    /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em */
}
.feedbackform .thefield div {
   float: left;
   width: 50%;                                             /* width: 50%; Of div.fieldwrapper div.thefield:45.454545%  */
}
div.buttonsdiv {
   margin:0.875em 0 0 0;                                    /* BASE FONT = 16px  >>> 14px 0 0 0 / 16px = 0.875em 0 0 0 */
}
.form_error, .form_success {
   clear:both;
}
.input-btn, .rfq-btn a {
   background: -moz-linear-gradient(top, #f1d17c 0%, #ecce76 8%, #ddc267 22%, #b7a43d 53%, #9d921f 71%, #898309 90%, #827c02 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1d17c), color-stop(8%, #ecce76), color-stop(22%, #ddc267), color-stop(53%, #b7a43d), color-stop(71%, #9d921f), color-stop(90%, #898309), color-stop(100%, #827c02)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #f1d17c 0%, #ecce76 8%, #ddc267 22%, #b7a43d 53%, #9d921f 71%, #898309 90%, #827c02 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #f1d17c 0%, #ecce76 8%, #ddc267 22%, #b7a43d 53%, #9d921f 71%, #898309 90%, #827c02 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #f1d17c 0%, #ecce76 8%, #ddc267 22%, #b7a43d 53%, #9d921f 71%, #898309 90%, #827c02 100%); /* IE10+ */
   background:linear-gradient(top, #f1d17c 0%, #ecce76 8%, #ddc267 22%, #b7a43d 53%, #9d921f 71%, #898309 90%, #827c02 100%); /* W3C */
   -pie-background:linear-gradient(top, #f1d17c 0%, #ecce76 8%, #ddc267 22%, #b7a43d 53%, #9d921f 71%, #898309 90%, #827c02 100%);
   behavior: url(../pie/PIE.htc);
   border:2px solid #6c613d;
   color: #000000;
   cursor: pointer;
   display:inline-block;
   font-family:Arial;
   font-size:1em;                                          /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   font-weight:bold;
   line-height:1.125em;                                    /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
   margin:0 0 0.625em 0;                           /* BASE FONT = 16px  >>> 0 0 10px 0 / 16px = 0 0 0.625em 0 */
   max-width:100%;                                          /* 100% max-width of its container */
   padding:1.0625em 0 0.9375em 0;                              /* BASE FONT = 16px  >>> 17px 0 15px 0 / 16px = 1.0625em 0 0.9375em 0 */
   -webkit-border-radius:5px;
   border-radius:5px;
   position: relative;
   text-align:center;
   text-decoration:none;
   width:8.75em;                                          /* BASE FONT = 16px  >>> 140px / 16px = 8.75em */
}
.rfq-btn a {
   padding:1.0625em 0.5em 0.9375em 0.5em;   /* BASE FONT = 16px  >>> 17px 8px 15px 8px / 16px = 1.0625em 0.5em 0.9375em 0.5em */
   width:100%;
   box-sizing:border-box;
   margin-bottom:0.375em;                    /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
}
.input-btn:hover, .rfq-btn a:hover {
background: -moz-linear-gradient(top, #817b00 0%, #878107 10%, #928912 20%, #9d921f 31%, #b1a036 45%, #b2a137 47%, #bbaa42 53%, #c4ae49 59%, #ccb555 65%, #dac165 78%, #f0d07b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#817b00), color-stop(10%,#878107), color-stop(20%,#928912), color-stop(31%,#9d921f), color-stop(45%,#b1a036), color-stop(47%,#b2a137), color-stop(53%,#bbaa42), color-stop(59%,#c4ae49), color-stop(65%,#ccb555), color-stop(78%,#dac165), color-stop(100%,#f0d07b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%); /* IE10+ */
background: linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%); /* W3C */
-pie-background: linear-gradient(top, #817b00 0%,#878107 10%,#928912 20%,#9d921f 31%,#b1a036 45%,#b2a137 47%,#bbaa42 53%,#c4ae49 59%,#ccb555 65%,#dac165 78%,#f0d07b 100%);
}
/* ================================ Project Gallery page Start  ================================= */

.project_gallery {
   color:#7a7503;
   font-size:0.875em;                                       /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
   font-weight:bold;
   line-height:1.214285714285714em;                           /* BASE FONT = 14px  >>> 17px / 14px = 1.214285714285714em */
   text-align:center;
}
.project_gallery div {
   border:1px solid #232122;
   display:inline-block;
   margin:0 0.3571428571428571em 1.785714285714286em 0.3571428571428571em;   /* BASE FONT = 14px  >>> 0 5px 25px 5px / 14px = 0 0.3571428571428571em 1.785714285714286em 0.3571428571428571em */
   max-width:9.642857142857143em;                              /* BASE FONT = 14px  >>> 135px / 14px = 9.642857142857143em */
   text-align:center;
   text-transform:uppercase;
   vertical-align:top;
   width:100%;                                             /* 100% width of its container */
}
.project_gallery div a {
   color:#7a7503;
   text-decoration:none;
}
.project_gallery div a img {
   display:block;
}
.project_gallery div a span {
   background-color:#dbd48e;
   display:block;
   min-height:2.428571428571429em;                              /* BASE FONT = 14px  >>> 34px / 14px = 2.428571428571429em */
   padding:0.7142857142857143em 0.3571428571428571em 0.7142857142857143em 0.3571428571428571em;   /* BASE FONT = 14px  >>> 10px 5px 10px 5px / 14px = 0.7142857142857143em 0.3571428571428571em 0.7142857142857143em 0.3571428571428571em */
}
.project_gallery div a:hover span {
   background-color:#817c00;
   color:#dbd48e;
}
.product_gallery{
   margin-bottom: 4.285714285714286em;                                    /* Base Font = 14px  >>> 60px / 14px = 4.285714285714286em */
}
.separator {
    background-color: #dbd48e;
    border: medium none;
    float: left;
    height: 0.125em;                          /* Base Font = 16px  >>> 2px / 16px = 0.125em */
    margin: 0.3125em 0 1.125em;               /* Base Font = 16px  >>> 60px / 16px = 0.3125em 0 1.125em */
    width: 100%;
}
/* ================================ Sitemap page Start  ================================= */
ul.sitemap li {
   background-image: none;
   padding:0.3125em 0 0.3125em 0;                              /* Base Font = 16px  >>> 5px 0 5px 0 / 16px = 0.3125em 0 0.3125em 0 */
}
ul.sitemap ul {
   padding:0.3125em 0 0 0.9375em;                              /* Base Font = 16px  >>>  5px 0 0 15px / 16px = 0.3125em 0 0 0.9375em */
}
/******** 321px/16px = 20.0625em*/

@media only screen and (min-width: 20.0625em) {
.rfq-btn a {
   padding:1.0625em 2.25em 0.9375em 2.25em;   /* BASE FONT = 16px  >>> 17px 36px 15px 36px / 16px = 1.0625em 2.25em 0.9375em 2.25em */
   width:auto;
}
}
/* =============================================================================
        MEDIUM SCREEN STYLES [Smart Phone(Landscap)/Tablet(Potrait)] START
*  ============================================================================= */
/******** 480px/16px = 30em*/

@media only screen and (min-width: 30em) {
/* ================================ Header Styles  ================================= */
.company_logo {
   float: left;
   margin:1.5em 0 1.625em 0.75em;                                           /* BASE FONT = 16px  >>> 24px 0px 26px 12px / 16px = 1.5em 0em 1.625em 0.75em */
   width: 62%;                                                             /* 62% of parent containert */
}
/* ================================ Top Nav Styles  ================================= */
.top_nav_trigger {
   background-position:left 0.375em;                                       /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
   float: right;
   margin:2.1875em 0.5625em 1.0625em 0;                                        /* BASE FONT = 16px  >>> 35px 9px 17px 0px / 16px = 2.1875em 0.5625em 1.0625em 0em */
}
.top_nav_links {
   clear: both;
}
.top_nav_links ul {
   margin-top:0;
}
/* ================================ Destination Banner Styles  ================================= */
.dest_banner div {
   background-size:9.357142857142857em;                              /* BASE FONT = 14px  >>> 131px / 14px = 9.357142857142857em */
   color: #ada342;
   display: inline-block;
   font-family: impact;
   font-size:0.875em;                                                /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
   line-height:1.14285714285714em;                                   /* BASE FONT = 14px  >>> 16px / 14px = 1.14285714285714em */
   margin-left:0.214285714285714em;                                  /* BASE FONT = 14px  >>> 3px / 14px = 0.214285714285714em  */
   margin-right:0.214285714285714em;                                 /* BASE FONT = 14px  >>> 3px / 14px = 0.214285714285714em */
   min-height:12.2142857142857em;                                    /* BASE FONT = 14px  >>> 171px / 14px = 12.2142857142857em */
   padding-top:0.714285714285714em;                                  /* BASE FONT = 14px  >>> 10px / 14px = 0.714285714285714em */
   vertical-align: top;
   width:17.8%;                                                      /* 17.8% of parent container */
   position: relative;
   z-index: 10;
}
.dest_banner div a {
    color: #ada342;
    text-decoration: none;
}
.dest_banner div a:hover{
    color: #817e00;
} 
.dest_banner {
   text-align: center;
   display:block;
   position: relative;
}
.dest_banner:before, .dest_banner:after {
   content: "";
   height:80.5%;                                                     /* 80.5% of parent container */
   position: absolute;
   width: 50%;                                                         /*full width of its container */
   z-index: 0;
   top:0;
   background:url(../images/dest_banner_bg.jpg) left top;
}
.dest_banner:before {
   left:0
}
.dest_banner:after {
   right:0;
}
.maximize_storage_space {
   background:url(../images/maximize_storage_space.jpg) no-repeat center bottom #dbd48e;
}
.eliminate_spillage {
   background:url(../images/eliminate_spillage.jpg) no-repeat center bottom #dbd48e;
}
.improve_product_flow_control {
   background:url(../images/improve_product_flow_control.jpg) no-repeat center bottom #dbd48e;
}
.cost_reduction {
   background:url(../images/cost_reduction.jpg) no-repeat center bottom #dbd48e;
}
.food_grade_aib {
   background:url(../images/food_grade_aib.jpg) no-repeat center bottom #dbd48e;
}
/* ================================ Content Area Styles  ================================= */

#content_area {
   padding:0;
}
#inner_content_area {
   padding:1.5em 0.625em 0.625em 0.625em;                                      /* BASE FONT = 16px  >>> 24px 10px 10px 10px / 16px = 1.5em 0.625em 0.625em 0.625em */
}
/* ================================ Heading Styles  ================================= */

h1 {
   font-size:2.25em;                                                          /* BASE FONT = 16px  >>> 36px / 16px = 2.25em */
   line-height:1.25em;                                                        /* BASE FONT = 36px  >>> 45px / 36px = 1.25em  */
   padding: 0 0 0.694444444444444em 0;                                        /* BASE FONT = 36px  >>> 25px / 36px = 0.694444444444444em */
}
/* ================================ Tabular Data Start  ================================= */

.specs dl {
   display:table;
   margin:0 0 0.3125em 0;                                    /* Base Font = 16px  >>> 0 0 5px 0 / 16px = 0 0 0.3125em 0 */
   width:100%;                                             /* 100% width of its container */
}
.specs dt, .specs dd {
   display:table-cell;
}
.specs dt {
   border-bottom:none;
   border-right:5px solid #ffffff;
   width:30%;                                             /* 30% width of its container */
}
.specs dd {
   width:69%;                                             /* 69% width of its container */
}
.specs dd dl dt, .specs dd dl dd {
   display:block;
   width:auto;
}
.divide_data > ul {
   display:inline-block;
   vertical-align:top;
   width:49%;                                             /* 49% width of its container */
}
/* ================================ button style Start  ================================= */
.rfq-btn a {
margin:0 0.625em 0.625em 0.625em;                           /* BASE FONT = 16px  >>> 0 10px 10px 10px / 16px = 0 0.625em 0.625em 0.625em */
}
/* ================================ Contact Us page Start  ================================= */
.contact_box, .view_map {
   text-align:left;
}
.contact_box address {
   display:inline-block;
   vertical-align:top;
}
.contact_box p {
   float:right;
   text-align:right;
   padding:0;
}
.contact_box.ctr > p {
    float: none;
    text-align: center;
}
.contact_box .middle_contact {
    display: block;
    text-align: center;
    float:none;
}
/* ================================ Contact Us page Form Start  ================================= */
div.fieldwrapper label.styled {
   width: 45%;                                             /* 250px*100/550px = 45% */
}
#content_area div.fieldwrapper div.thefield {
   width: 49%;                                             /* 250px*100/550px = 49% */
}
}
/* =============================================================================
        MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em********/
@media only screen and (min-width: 40em) {
/* ================================ Home Header Styles  ================================= */
.home_header {
   background:url(../images/home_header_bg.png) repeat left top;
}
/* ================================ Destination Banner Styles  ================================= */
.dest_banner div {
   margin-left:0.428571428571429em;                                                         /* BASE FONT = 14px  >>> 6px / 14px = 0.428571428571429em  */
   margin-right:0.428571428571429em;                                                        /* BASE FONT = 14px  >>> 6px / 14px = 0.428571428571429em */
}
/* ================================ Footer Style  ================================= */
.footer_left {
   float: left;
   padding-left:0.75em;                                                         /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
   width: 49%;                                                                  /* 49% of parent container */
}
.footr_right {
   float: right;
   padding:1.3125em 0.375em 1.25em 0;                                         /* BASE FONT = 16px  >>> 21px 6px 20px 0px / 16px = 1.3125em 0.375em 1.25em 0em */
   text-align: right;
}
/* ================================ Footer Social Media Style  ================================= */
.social_media {
   padding-bottom:5.75em;                                                     /* BASE FONT = 16px  >>> 92px / 16px = 5.75em */
}
/* ================================ Thomas Info Style  ================================= */
.thomas_link {
   padding-right:0.428571428571429em;                                                       /* BASE FONT = 14px  >>> 6px / 14px = 0.428571428571429em */
   line-height:1.21428571428571em;                                                          /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
}
/* ================================ Print Page Style  ================================= */
.printable_page {
   display: block;
}
/* ================================ Slider Style  ================================= */
.home_main{
   display: none;
}
#slider {
    padding: 0;
}
.body_slider {
   position:absolute;
   top:0;
   left:0;
   width:100%;                                                              /*full width of its container */
   height:inherit;
   z-index:-500;
}
.body_slider span {
   position:relative;
   display:block;
   width:100%;                                                          /*full width of its container */
   height:100%;
   background-image:url(../images/slide0.jpg);
   background-repeat:no-repeat;
   background-position:center top;
   z-index:-999;
   min-height:50.5625em;                                               /* BASE FONT = 16px  >>> 809px / 16px = 50.5625em */
}
.slider_main {
   min-height:44.3125em;                                                  /* BASE FONT = 16px  >>> 709px / 16px = 44.3125em */
   position:relative;
   max-height:44.3125em;                                                  /* BASE FONT = 16px  >>> 709px / 16px = 44.3125em */
   display:block;
   text-align: center;
}
#slider li {
   background:none;
   padding:0;
}
.slider_txt {
    color: #000000;
    display: block;
    font-family: Impact;
    text-transform: uppercase;
}
.slider_content a{
    color: #000000;
    display: block;
    font-family: "Arial Black";
   text-decoration: none;
    text-transform: uppercase;
}
#slider .heading_box .slider_txt {
   font-size:4.5em;                                                 /* BASE FONT = 16px  >>> 72px / 16px = 4.5em */
   line-height:1.19444444444444em;                                  /* BASE FONT = 72px  >>> 86px / 72px = 1.19444444444444em */
   padding-bottom: 0;
}
#slider .slider_txt {
   font-size:4.0625em;                                              /* BASE FONT = 16px  >>> 65px / 16px = 4.0625em */
   line-height:1.2em;                                               /* BASE FONT = 65px  >>> 78px / 65px = 1.2em */
   padding-bottom:0.2615384615384615em;                             /* BASE FONT = 65px  >>> 17px / 65px = 0.2615384615384615em */
}
.slider_content.heading_box {
   padding-top:14.4375em;                                           /* BASE FONT = 16px  >>> 231px / 16px = 14.4375em */
}
.slider_content {
   padding-top:14.25em;                                           /* BASE FONT = 16px  >>> 228px / 16px = 14.25em */
   min-height:44.375em;                                            /* BASE FONT = 16px  >>> 710px / 16px = 44.375em */
   box-sizing: border-box;
   display: block;
   width: 100%;
}
#slider h1 {
   font-size: 1.125em;                                              /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
   line-height: 1.22222222222222em;                                 /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em */
   padding: 1.44444444444444em 0 0.833333333333333em 0;             /* BASE FONT = 18px  >>> 26px 0px 15px 0px / 18px = 1.44444444444444em 0em 0.833333333333333em 0em */
   width:19.55555555555556em;                                      /* BASE FONT = 18px  >>> 352px / 18px = 19.55555555555556em */
   font-family: Arial;
   margin: 0 auto;
   text-transform: none;
}
#slider .slider_content h1 a {
    color: #333333;
    font-family: arial;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
}
.company_name {
   color: #817b00;
   display: block;
}
.company_name span {
   color: #000000;
}
#slider .slider_content a {
   display:inline-block;
   font-size:1em;                                                 /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   text-align: center;
   background-size: inherit;
   margin-top: 0;
}
#slider .slider_txt > a {
    font-family: Impact;
    text-decoration: none;
}
.slider_content a:hover {
    text-decoration: underline;
}
#slide2 .slider_content > a, #slide3 .slider_content > a, #slide4 .slider_content > a {
   line-height:1.1875em;                                         /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
   padding:1.3125em 0 1.1875em 3.75em;                           /* BASE FONT = 16px  >>> 21px 0px 19px 60px / 16px = 1.3125em 0em 1.1875em 3.75em */
   width: auto;
   box-sizing: border-box;
    -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}
#slide2 .slider_content > a {
   background:url(../images/slide_product_link_bg.png) no-repeat left top;
}
#slide3 .slider_content > a {
   background:url(../images/slide_packging_link_bg.png) no-repeat left top;
}
#slide4 .slider_content > a {
   background:url(../images/slide_contact_link_bg.png) no-repeat left top;
}
/* ================================ Inner Page Style  ================================= */
.adobe {
   text-align:right;
}
.inner_banner {
   background:url(../images/inner_banner_bg.jpg) repeat-x left top;
   display:block;
   text-align:center;
}
.inner_banner > img {
   display:block;
   margin:0 auto;
}
.img_container {
   float: right;
   padding:0.1875em 0.0625em 0.9375em 0.9375em;                  /* Base Font = 16px  >>> 3px 1px 15px 15px / 16px = 0.1875em 0.0625em 0.9375em 0.9375em */
}
/* ================================ Tabular Data Start  ================================= */
.specs dd dl dt, .specs dd dl dd {
   display:table-cell;
   width:49%;                                             /* 49% width of its container */
}
.specs dd dl dt {
   padding:0 0.625em 0 0;                                    /* Base Font = 16px  >>> 0 10px 0 0 / 16px = 0 0.625em 0 0 */
}
.read_more{
   display:none;
}
.sign_trigger{
   display:none;
}
.hidden_text,.hidden_content{
    display:block;
}
.table_heading {
   color: #817e00;
   cursor: text;
   margin-bottom: 0.125em;           /* Base Font = 16px  >>> 2px / 16px = 0.125em */
   padding-left: 0;
   padding-top:0;
   background:none;
}
.h2_color.table_heading {
    margin-bottom: 0.625em;             /* Base Font = 16px  >>> 10px / 16px = 0.625em */
}
/* ================================ Project Gallery page Start  ================================= */
.project_gallery div {
   margin:0 0.5714285714285714em 1.785714285714286em 0.5714285714285714em;   /* Base Font = 14px  >>> 0 8px 25px 8px / 14px = 0 0.5714285714285714em 1.785714285714286em 0.5714285714285714em */
}
.project_gallery div:first-child {
   margin-left:0;
}
.rfq-btn.left_rfq {
    text-align: left;
}
.rfq-btn.left_rfq > a {
    margin-left: 0;
}
.multiple_btn {
    text-align: left;
}
.multiple_btn > a:first-child {
     margin-left: 0;
}
}

/* =============================================================================
        MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 801px/16px = 50.0625em*/
 @media only screen and (min-width: 50.0625em) {
/* ================================ Inner Wrapper Style  ================================= */    
.inner-wrapper {
   max-width:88.8125em;                                          /* BASE FONT = 16px  >>> 1421px / 16px = 88.8125em */
   margin:0 auto;
}
/* ================================ Header Style  ================================= */    

.company_logo {
   margin:1.125em 0 0.875em 0.625em;                                     /* BASE FONT = 16px  >>> 18px 0px 14px 10px / 16px = 1.125em 0em 0.875em 0.625em */
}
.home_header {
   /* min-height: 6.25em; */                               /* BASE FONT = 16px  >>> 100px / 16px = 6.25em  */
}
/* ================================ Top Nav Link Style  ================================= */    

.top_nav_links {
   margin: 0 auto 0 auto;                                            
   max-width:51.0625em;                                                   /* BASE FONT = 16px  >>> 817px / 16px = 50.375em */
   width:100%;                                                          /*full width of its container */
}
.top_nav_links ul {
   padding-bottom: 0;
}
.top_nav_links ul li {
   display: inline-block;
   padding: 2.5em 1.101591187270502% 2.5em 1.101591187270502%;           /* 40/16=2.5em  9 x 100/817=  1.101591187270502% | 40/16=  2.5em  */
   position:relative;
   border-bottom:none;
   background-color:transparent;
}
.top_nav_links ul li:hover {
    background-color: #817e00;
}
.top_nav_links a {
   color: #666666;
   padding: 0;
   line-height:1.25em;                                                /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
}
li .submenu-trigger {
   display: none;
}
#topnav .topnav_last {
   padding-bottom:2.5em;                              /* BASE FONT = 16px  >>> 40px / 16px = 2.5em */
}
.top_nav_links li ul {
   background:#c0b971;
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -box-sizing:border-box;
   left:0;                                                                  
   padding:0.1875em 0 0.625em 0;                                                    /* BASE FONT = 16px  >>> 3px 0px 10px 0px / 16px = 0.1875em 0em 0.625em 0em */
   position: absolute;
   text-align:left;
   top:6.25em;                                                                   /* BASE FONT = 16px  >>> 100px / 16px = 6.25em */
   visibility: hidden;
   width:100%;                                                                   /* 100% of parent li */
   z-index:999;
   transition: all 0.25s ease 0s;
   display:block;
}
.top_nav_links li:hover > ul {
   visibility:visible;
}
.top_nav_links li ul li {
   display: block;
   padding-bottom: 0;
   padding-left: 0;
   padding-right:1.0625em;                                                           /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em */
   padding-top:0;
}
.top_nav_links ul li ul li a {
   line-height:1.625em;                                                           /* BASE FONT = 16px  >>> 26px / 16px = 1.625em */
}
/* ================================ Destination Banner Styles  ================================= */
.dest_banner div {
   font-size:1.5em;                                                              /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
   line-height:1.25em;                                                           /* BASE FONT = 24px  >>> 30px / 24px = 1.25em */
   margin-left:0.333333333333333em;                                              /* BASE FONT = 24px  >>> 8px / 24px = 0.333333333333333em */
   margin-right:0.333333333333333em;                                             /* BASE FONT = 24px  >>> 8px / 24px = 0.333333333333333em */
   min-height:13.5em;                                                            /* BASE FONT = 24px  >>> 324px / 24px = 13.5em */
   padding-top:0.916666666666667em;                                              /* BASE FONT = 24px  >>> 22px / 24px = 0.916666666666667em */
}
/* ================================ Inner Content Area Styles  ================================= */
#inner_content_area {
   margin: 0 auto;
   max-width:60em;                                                              /* BASE FONT = 16px  >>> 960px / 16px = 60em */
   box-sizing:border-box;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;
   -box-sizing:border-box;
   min-height:21.875em;                                                         /* BASE FONT = 16px  >>> 350px / 16px = 21.875em */
   padding-top:0.75em;                                                          /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
}
/* ================================ Footer Styles  ================================= */

.footer_divider, .website {
   display: inline-block;
}
/* ================================ Footer Social Media Styles  ================================= */
.social_media {
   padding-bottom:5.625em;                                                     /* BASE FONT = 16px  >>> 90px / 16px = 5.625em  */
   padding-top:0.125em;                                                        /* BASE FONT = 16px  >>> 2px / 16px = 0.125em  */
}
.social_media .you_tube {
   padding-right:0;
}
/* ================================ Thomas Info Styles  ================================= */
.thomas_link {
   margin-right: 0;
}
.copyright_txt > br {
   display: none;
}
/* ================================ Heading Styles  ================================= */

h2 {
   text-align:left;
}
/* ================================ Site Intro Styles  ================================= */

.intro {
   height:100%;                                          /*full width of its container */
   position:relative;
   max-height:50.625em;                           /* BASE FONT = 16px  >>> 810px / 16px = 50.625em */
}
/* ================================ Home Main Styles  ================================= */

.main_home {
   height:87.65432098765432%;/*710*100/810 = 87.65432098765432*/
}
/* ================================ Slider Styles  ================================= */

.slider_content.heading_box {
   top: 20.5625em;                            /* BASE FONT = 16px  >>> 329px / 16px = 20.5625em */
}
.slider_content {
   min-height:50.5625em;                      /* BASE FONT = 16px  >>> 809px / 16px = 50.5625em */
}
.body_slider span {
   height:40%;
}
.dest_banner div {
   background-size:9.916666666666667em;                                  /* BASE FONT = 24px  >>> 238px / 24px = 9.916666666666667em */
}
/* ================================ Inner Page Styles  ================================= */

.left-content, .right-content {
   display:inline-block;
   vertical-align:top;
   width:49%;                                             /* 49% width of its container */
}
.left-content {
   padding:0 0.625em 0 0;                                    /* Base Font = 16px  >>> 0 10px 0 0 / 16px = 0 0.625em 0 0 */
}
.contact_box .middle_contact {
    display: inline-block;
    float: right;
    margin-right: 14%;                     /* 14% of contact_box */
}
}
/* =============================================================================
   Desktop styles 
   Base Font = 16px >>> 960px/16px = 60em
* ============================================================================= */
@media only screen and (min-width: 60em) {
.contact_box .middle_contact {
    margin-right: 17%;                      /* 17% of contact_box  */
}
}
/* =============================================================================
   Desktop styles 
   Base Font = 16px >>> 1421px/16px = 88.8125em
* ============================================================================= */

@media only screen and (min-width: 88.8125em) {
/* ================================ Destination Banner Styles  ================================= */
.dest_banner div {
   margin-left:0.458333333333333em;                                      /* BASE FONT = 24px  >>> 11px / 24px = 0.458333333333333em */
   margin-right:0.458333333333333em;                                      /* BASE FONT = 24px  >>> 11px / 24px = 0.458333333333333em */
   width: 18%;                                                           /* 18% of parent container */
   min-height:13.5833333333333em;                                        /* BASE FONT = 24px  >>> 326px / 24px = 13.5833333333333em */
   max-width: 9.083333333333333em;                                       /* BASE FONT = 24px  >>> 218px / 24px = 9.083333333333333em */
   background-size:9.083333333333333em;                                  /* BASE FONT = 24px  >>> 215px / 24px = 9.083333333333333em */
}
/* ================================ Header Styles  ================================= */

.company_logo {
   margin-left:0.125em;                                                 /* BASE FONT = 16px  >>> 2px / 16px = 0.125em */
   margin-bottom:1em;                                                   /* BASE FONT = 16px  >>> 16px / 16px = 1em */
}
/* ================================ Top Nav Link Styles  ================================= */
.top_nav_trigger {
   display: none;
}
.top_nav_links {
   display: inline-block;
}
#topnav {
   text-align: right;
}
.ie8 .top_nav_links ul li {
   padding-left:1.240694789081886%;                 /* 10 x 100 /806 =  1.240694789081886%*/
   padding-right:1.240694789081886%;                /* 10 x 100 /806 =  1.240694789081886%*/
}
/* ================================ Footer Styles  ================================= */
.footer_left {
   padding-left:0.0625em;                                                 /* BASE FONT = 16px  >>> 1px / 16px = 0.0625em */
}
.footr_right {
   padding-right:0;
}
/* ================================ Print Page Styles  ================================= */

.printable_page {
   box-sizing: border-box;
   margin: 0 auto;
   padding-right:27.2222222222222em;                                     /* BASE FONT = 9px  >>> 245px / 9px = 27.2222222222222em */
   width:157.888888888889em;                                             /* BASE FONT = 9px  >>> 1421px / 9px = 157.888888888889em */
}
/* ================================ Slider Styles  ================================= */

#slider h1 {
   padding:1.5em 0 0.833333333333333em 0;                                /* BASE FONT = 18px  >>> 27px 0px 15px 0px / 18px = 1.5em 0em 0.833333333333333em 0em */
}
#slider .slider_txt {
   margin: 0 auto;
   padding-bottom:0.261538461538462em;                                  /* BASE FONT = 65px  >>> 17px / 65px = 0.261538461538462em */
   width:7.46153846153846em;                                            /* BASE FONT = 65px  >>> 485px / 65px = 7.46153846153846em */
}
/* ================================ Inner Page Project Gallery page Style  ================================= */

.project_gallery div {
   margin:0 0.6428571428571429em 1.785714285714286em 0.6428571428571429em;   /* Base Font = 14px  >>> 0 9px 25px 9px / 14px = 0 0.6428571428571429em 1.785714285714286em 0.6428571428571429em */
}
.project_gallery div.last {
   margin-right:0;
}
}
/* ================================ Embbed Font Styles  ================================= */

@font-face {
   font-family:'Arial Black';
   src: url('../fonts/arialblack.eot');
   src: url('../fonts/arialblack.eot') format('embedded-opentype'), url('../fonts/arialblack.woff') format('woff'), url('../fonts/arialblack.ttf') format('truetype'), url('../fonts/arialblack.svg') format('svg');
}
@font-face {
   font-family:'Impact';
   src: url('../fonts/Impact.eot');
   src: url('../fonts/Impact.eot') format('embedded-opentype'), url('../fonts/Impact.woff') format('woff'), url('../fonts/Impact.ttf') format('truetype'), url('../fonts/Impact.svg') format('svg');
}


@media only screen and (min-width: 768px) {
	.fixed_header1 {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 100;    
	}
	.fixed_header1 + main {
		margin-top: 77.59px;
	}
}
ul.cms_menu_2 {
    min-width: 220px;
}
.button.popup-trigger:hover {
    background: #46637f !important;
}