body {
   font-family: Lato;
   font-size: 100%;                                          /* default font size - 100% = 16px*/
   background:#ebebeb;
}
form, body {
   margin: 0;
   padding: 0;
}
article, aside, footer, header, nav, section, main, address {
   display: block;
}
img {
   border: 0 none;
   max-width: 100%;                                          /*to optimize full width of its parent element*/
}
address {
   font-style: normal;                                          /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, p {
   margin: 0;
}
.ctr {
   text-align:center;
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
   color: #f04f3c;
   text-decoration: underline;
}
a:hover {
   color: #fec051;
   text-decoration: none;
}
p {
   padding-bottom: 1.2em;                                              /* BASE FONT = 20px  >>> 24px / 20px = 1.2em  */
}
ul {
   padding:0 0 1em 0;                                           /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   list-style:none;
}
ul li {
   background:url(../image/bullet.png) no-repeat left 0.25em;               /* Base Font = 20px >>> 5px / 20px = 0.25em */
   padding:0 0 0.1em 1.1em;                                    /* BASE FONT = 20px  >>> 0 0 2px 22px / 20px = 0 0 0.1em 1.1em  */
}
.clearfix:before, .clearfix:after, .inner-wrap:before, .inner-wrap:after {
   content:"";
   display:table;
}
.clearfix:after, .inner-wrap:after {
   clear:both;
}

/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */
/* =============Header Area Start============================ */

.header-top {
   background:#f04f3c;
   text-align:center;
   padding:0.375em 0 0.4375em 0;                                     /* BASE FONT = 16px  >>> 6px 0 7px 0 / 16px = 0.375em 0 0.4375em 0  */
}
.header-text {
   display:block;
   font-size:0.9375em;                                           /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */
   color:#ffffff;
   line-height:1.06666666666667em;                                  /* BASE FONT = 15px  >>> 16px / 15px = 1.06666666666667em  */
   text-transform:uppercase;
   font-weight:700;
}
.utility_nav {
   font-size:0.8125em;                                           /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em  */
   color:#ffffff;
   line-height:1em;                                              /* BASE FONT = 13px  >>> 13px / 13px = 1em  */
   text-transform:uppercase;
   padding:1.38461538461538em 0 0 0;                                  /* BASE FONT = 13px  >>> 18px 0 0 0 / 13px = 1.38461538461538em 0 0 0  */
}
.email_icon {
   display: inline-block;
   margin:0.153846153846154em 0 0 1.84615384615385em;                      /* BASE FONT = 13px  >>> 2px 0 0 24px / 13px = 0.153846153846154em 0 0 1.84615384615385em  */
   vertical-align: top;
}
.email_icon > img {
   display: block;
}
.utility_nav span {
   font-size:1.46153846153846em;                                     /* BASE FONT = 13px  >>> 19px / 13px = 1.46153846153846em  */
   line-height:1em;                                              /* BASE FONT = 19px  >>> 19px / 19px = 1em  */
   font-weight:700;
}
.utility_nav span a {
   color:#ffffff;
   text-decoration:none;
}
.header-bottom {
   background: url(../image/header-bottom-bg.png) repeat left top;
   text-align:center;
}
.header-logo {
   display: block;
   margin: 0.4375em auto 0 auto;                                     /* BASE FONT = 16px  >>> 2px auto 0 auto / 16px = 0.4375em auto 0 auto  */
   max-width:14.5625em;                                           /* BASE FONT = 16px  >>> 233px / 16px = 14.5625em  */
}
.header-logo > img {
   display: block;
}
/* =============Top Navigation style start=================== */
#top_nav {
   display:none;
}
a.menu-trigger {
   font-size:1em;                                                 /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   line-height:1em;                                              /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   font-weight:700;
   text-decoration:none;
   color:#231f20;
   position:relative;
   padding:0 1.875em 0 0;                                           /* BASE FONT = 16px  >>> 0 30px 0 0 / 16px = 0 1.875em 0 0  */
   margin:0.1875em 0 0.375em 0;                                     /* BASE FONT = 16px  >>> 3px 0 6px 0 / 16px = 0.1875em 0 0.375em 0  */
   display:inline-block;
   vertical-align:top;
}
 a.menu-trigger span, a.menu-trigger span:before, a.menu-trigger span:after {
   cursor: pointer;
   height:0.28125em;                                              /* BASE FONT = 16px  >>> 4.5px / 16px = 0.28125em  */
   width:1.4375em;                                              /* BASE FONT = 16px  >>> 23px / 16px = 1.4375em  */
   background: #f04f3c;
   position: absolute;
   display: block;
   content: '';
   right:0;
   top:0.375em;                                                    /* BASE FONT = 16px  >>> 6px / 16px = 0.375em  */
}
a.menu-trigger span:before {
   top: -0.34375em;                                              /* BASE FONT = 16px  >>> 5.5px / 16px = 0.34375em  */
}
.menu-trigger a span:after {
   top:0.34375em;                                                 /* BASE FONT = 16px  >>> 5.5px / 16px = 0.34375em  */
}
a.menu-trigger span, a.menu-trigger span:before, a.menu-trigger span:after {
   -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, a.menu-trigger.active span:after {
   top: 0;
   width:1.4375em;                                              /* BASE FONT = 16px  >>> 23px / 16px = 1.4375em  */
   background: #f04f3c;
}
a.menu-trigger.active span:before {
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}
a.menu-trigger.active span:after {
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
}
.topnav_links {
   padding:0.75em 0 0.5625em 0;                                     /* BASE FONT = 16px  >>> 12px 0 9px 0 / 16px = 0.75em 0 0.5625em 0  */
}
.topnav_links li {
   padding:0;
   background:none;
}
.topnav_links li a {
   display:inline-block;
   vertical-align:top;
   font-size:1em;                                                 /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   color:#231f20;
   line-height:1em;                                              /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   text-decoration:none;
   padding:0.3125em 0.625em 0.5625em 0.625em;                      /* BASE FONT = 16px  >>> 5px 10px 9px 10px / 16px = 0.3125em 0.625em 0.5625em 0.625em  */
}
.topnav_links li.has_child > a {
   padding:0.3125em 0 0.5625em 0.875em;                               /* BASE FONT = 16px  >>> 5px 0 9px 14px / 16px = 0.3125em 0 0.5625em 0.875em  */
   background: url(../image/haschild-link-bg.png) no-repeat left 0.4375em;       /* BASE FONT = 16px  >>> 7px / 16px = 0.4375em  */
}
.topnav_links li.has_child.active > a {
   background: url(../image/haschild-link-bg-hover.png) no-repeat left 0.4375em;/* BASE FONT = 16px  >>> 7px / 16px = 0.4375em  */
}
.has_child ul {
   display:none;
   padding:0.4375em 0 0.4375em 0;                            /* BASE FONT = 16px  >>> 7px 0 7px 0 / 16px = 0.4375em 0 0.4375em 0  */
}
/* =============Content Area Style Start===================== */
#content_area {
   font-size:1.25em;                                     /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   line-height:1.2em;                                     /* BASE FONT = 20px  >>> 24px / 20px = 1.2em  */
   color:#535353;
   padding:1em 0.5em 1em 0.5em;                            /* BASE FONT = 20px  >>> 20px 10px 20px 10px / 20px = 1em 0.5em 1em 0.5em  */
}
#content_area_home {
   padding:2.5625em 0 0 0;                               /* BASE FONT = 16px  >>> 41px 0 0 0 / 16px = 2.5625em 0 0 0  */
}
/* =============Heading Styles=============================== */
h1 {
   color:#f04f3c;
   font-size:1.55em;                                     /* BASE FONT = 20px  >>> 31px / 20px = 1.55em  */
   line-height:1em;                                      /* BASE FONT = 31px  >>> 31px / 31px = 1em  */
   padding:0 0 1.06451612903226em 0;                         /* BASE FONT = 31px  >>> 0 0 33px 0 / 31px = 0 0 1.06451612903226em 0  */
   text-transform:uppercase;
   font-weight:700;
   text-align:center;
}
h2 {
   color:#535353;
   font-size:1.2em;                                     /* BASE FONT = 20px  >>> 24px / 20px = 1.2em  */
   line-height:1.08333333333333em;                         /* BASE FONT = 24px  >>> 26px / 24px = 1.08333333333333em  */
   padding:0 0 0.625em 0;                               /* BASE FONT = 24px  >>> 0 0 15px 0 / 24px = 0 0 0.625em 0  */
   text-transform:uppercase;
   font-weight:400;
   text-align:center;
}
h3 {
   color:#535353;
   font-size:1em;                                        /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   line-height:1.1em;                                     /* BASE FONT = 20px  >>> 22px / 20px = 1.1em  */
   padding:0 0 0.75em 0;                                  /* BASE FONT = 20px  >>> 0 0 15px 0 / 20px = 0 0 0.75em 0  */
   text-transform:uppercase;
   font-weight:400;
}
.contactemail-wrap span:nth-of-type(3) {
    width: 114px !important;
    display: inline-block;
}
.contactemail-wrap span:nth-of-type(5) {
    width: 116px !important;
    display: inline-block;
}
.contactemail-wrap span:nth-of-type(1) {
    display: inline-block;
    width: 115px;
}
/* =============Footer Area Start Here======================= */
footer {
   border-top:2px solid #f04f3c;
   padding:2.9375em 0 2.375em 0;                            /* BASE FONT = 16px  >>> 47px 0 38px 0 / 16px = 2.9375em 0 2.375em 0  */
   text-align:center;
}
.footer-address {
   font-size:1.0625em;                                  /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em  */
   color:#535353;
   line-height:1.20588235294118em;                         /* BASE FONT = 17px  >>> 20.5px / 17px = 1.20588235294118em  */
   padding:0 0 2.29411764705882em 0;                         /* BASE FONT = 17px  >>> 0 0 39px 0 / 17px = 0 0 2.29411764705882em 0  */
}
.footer-address a, .footer-address .footer-links a {
   color:#8b8b8b;
   text-decoration:underline;
}
.footer-address a:hover, .footer-address .footer-links a:hover {
   text-decoration:none;
   color:#fec051;
}
.footer-address .company-name {
   text-transform:uppercase;
}
.footer-address span a {
   color:#535353;
   text-decoration:none;
}
.footer-links {
   display: block;
   padding:0.588235294117647em 0 0 0;                         /* BASE FONT = 17px  >>> 10px 0 0 0 / 17px = 0.588235294117647em 0 0 0  */
}
.footer-links a {
   margin:0 0.647058823529412em 0 0.647058823529412em;          /* BASE FONT = 17px  >>> 0 11px 0 11px / 17px = 0 0.647058823529412em 0 0.647058823529412em  */
}
.phone-text {
   display:block;
}
.footer-links {
   display:block;
}
.footer-logo {
   display:block;
   margin:0 auto 2.75em auto;                               /* BASE FONT = 16px  >>> 44px / 16px = 2.75em  */
}
.website {
   display:block;
   font-size:1.625em;                                     /* BASE FONT = 16px  >>> 26px / 16px = 1.625em  */
   line-height:1em;                                     /* BASE FONT = 26px  >>> 26px / 26px = 1em  */
   color:#f04f3c;
   padding:0 0 1.53846153846154em 0;                         /* BASE FONT = 26px  >>> 0 0 40px 0 / 26px = 0 0 1.53846153846154em 0  */
}
.thomas_info_txt {
   color: #535353;
   font-size:0.875em;                                     /* BASE FONT = 16px  >>> 14px / 16px = 0.875em  */
   line-height:1.21428571428571em;                         /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em  */
}
.thomas_info_txt > a {
   color: #8b8b8b;
   text-decoration:underline;
}
.thomas_info_txt > a:hover {
   color:#fec051;
   text-decoration:none;
}
.thomas_info_txt span {
   display: block;
   padding:0 0.714285714285714em 0.928571428571429em 0.714285714285714em;  /* BASE FONT = 14px  >>> 0 10px 13px 10px / 14px = 0 0.714285714285714em 0.928571428571429em 0.714285714285714em  */
}
img[name="pphLoggerImage"] {
   display:none;
}
/* =============Print Page Styles=========================== */
.print_page {
   display:none;
   clear:both;
   font-size:0.9375em;                                               /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */
   line-height:1em;                                       /* BASE FONT = 15px  >>> 15px / 15px = 1em  */
   padding:0 0.666666666666667em 2.06666666666667em 0.666666666666667em; /* BASE FONT = 15px  >>> 0 10px 31px 10px / 15px = 0 0.666666666666667em 2.06666666666667em 0.666666666666667em  */
   text-align:right;
}
.print_img {
   cursor: pointer;
   margin:0 0.333333333333333em 0 0;                             /* BASE FONT = 15px  >>> 5px / 15px = 0.333333333333333em  */
   vertical-align: middle;
}
.email_img {
   cursor: pointer;
   margin:0 0.466666666666667em 0 1.333333333333333em;               /* BASE FONT = 15px  >>> 0 7px 0 20px / 15px = 0 0.466666666666667em 0 1.333333333333333em  */
   vertical-align: middle;
}
.send_email_table {
   width:80%;                                                      /*80% width of content area*/
   margin:0 auto;
   border-spacing:6px 8px;
}
/* ====================== Return to Top Styles ============================ */
#return-to-top {
   background: #f04f3c;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius:15px;
   bottom:6.25em;                                                 /* BASE FONT = 16px  >>> 100px / 16px = 6.25em  */
   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:1.25em;                                                 /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   text-decoration: none;
   width:2.1875em;                                              /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
#return-to-top:hover {
   background: #fec051;
}
#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;
}
/* =============Home Banner Style Start===================== */
#banner {
   display:none;
}
.rslides {
   position: relative;
   overflow: hidden;
   width: 100%;                                             /*100% of its container*/
   padding: 0;
   margin: 0;
   max-height:40.6875em;                                     /* BASE FONT = 16px  >>> 651px / 16px = 40.6875em  */
}
.rslides li {
   -webkit-backface-visibility: hidden;
   position: absolute;
   display: none;
   width: 100%;                                             /*100% of its container*/
   left: 0;
   top: 0;
   max-height:40.6875em;                                     /* BASE FONT = 16px  >>> 651px / 16px = 40.6875em  */
   background:none;
   padding:0;
}
.rslides li:first-child {
   position: relative;
   display: block;
   float: left;
}
.rslides li img {
   display:block;
   width:100%;                                             /*100% of its container*/
}
/* =============Home page classes Start Here================= */
.bucket-container h1 {
   font-size:1.6875em;                                     /* BASE FONT = 16px  >>> 27px / 16px = 1.6875em  */
   line-height:1.07407407407407em;                            /* BASE FONT = 27px  >>> 29px / 27px = 1.07407407407407em  */
   padding:0 0 1.14814814814815em 0;                            /* BASE FONT = 27px  >>> 0 0 31px 0 / 27px = 0 0 1.14814814814815em 0  */
}
.bucket-container h1 span {
   display: block;
   font-size:0.851851851851852em;                               /* BASE FONT = 27px  >>> 23px / 27px = 0.851851851851852em  */
   line-height:1.1304347826087em;                               /* BASE FONT = 23px  >>> 26px / 23px = 1.1304347826087em  */
   padding:0 0 0.260869565217391em 0;                            /* BASE FONT = 23px  >>> 0 0 6px 0 / 23px = 0 0 0.260869565217391em 0  */
}
.home-bucket {
   text-align:center;
}
.home-bucket article {
   display:inline-block;
   vertical-align:top;
   max-width:20em;                                        /* BASE FONT = 16px  >>> 320px / 16px = 20em  */
   width:100%;                                             /*100% of its container*/
   margin:0 0 0.0625em 0;                                     /* BASE FONT = 16px  >>> 0 0 1px 0 / 16px = 0 0 0.0625em 0  */
}
.home-bucket article a {
   font-size:1.6875em;                                     /* BASE FONT = 16px  >>> 27px / 16px = 1.6875em  */
   line-height:1.03703703703704em;                            /* BASE FONT = 27px  >>> 28px / 27px = 1.03703703703704em  */
   color:#ffffff;
   text-shadow:1px 1px 1px #000000;
   display:block;
   position:relative;
   text-decoration:none;
}
.home-bucket article a span {
   position:absolute;
   left:0;
   bottom:0.407407407407407em;                               /* BASE FONT = 27px  >>> 11px / 27px = 0.407407407407407em  */
   width:100%;                                             /*100% of its container*/
}
.home-bucket article a:hover span {
   display:block;
}
.home-bucket article a img {
   display:block;
   width:100%;                                                /*100% of its container*/
}
.examples-work-section {
   padding:2.5625em 1.0625em 0.4375em 1.0625em;                   /* BASE FONT = 16px  >>> 41px 17px 7px 17px / 16px = 2.5625em 1.0625em 0.4375em 1.0625em  */
}
.examples-work-section img {
   display:none;
}
.examples-work-heading {
   padding:0 0 1.125em 0;                                     /* BASE FONT = 16px  >>> 0 0 18px 0 / 16px = 0 0 1.125em 0  */
   text-align: center;
}
.examples-work-heading > a {
   color: #f04f3c;
   display: inline-block;
   font-size:1.4375em;                                     /* BASE FONT = 16px  >>> 23px / 16px = 1.4375em  */
   line-height: 1em;                                        /* BASE FONT = 23px  >>> 23px / 23px = 1em  */
   text-decoration: none;
   text-transform: uppercase;
   vertical-align: top;
}
.examples-work-heading > a:hover {
   text-decoration:underline;
}
.examples-work-section ul {
   padding: 0;
}
.examples-work-section ul li {
   padding:0 0 0.4375em 0;                                  /* BASE FONT = 16px  >>> 0 0 7px 0 / 16px = 0 0 0.4375em 0  */
   background:none;
}
.examples-work-section ul li a {
   display: inline-block;
   vertical-align:top;
   color: #464646;
   font-size:1.125em;                                        /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
   line-height:1.22222222222222em;                            /* BASE FONT = 18px  >>> 22px / 18px = 1.22222222222222em  */
   text-decoration: none;
   background:  url(../image/home-bullet.png) no-repeat left top;
   padding:0 0 0.4444444444444444em 1.88888888888889em;                            /* BASE FONT = 18px  >>> 0 0 8px 34px / 18px = 0 0 0.4444444444444444em 1.88888888888889em  */
}
.examples-work-section ul li a:hover {
   color: #fec051;
   background:  url(../image/home-bullet-hover.png) no-repeat left top;
}
.home-bottom-section {
   padding:2.375em 0.4375em 2.125em 0.4375em;                      /* BASE FONT = 16px  >>> 38px 7px 34px 7px / 16px = 2.375em 0.4375em 2.125em 0.4375em  */
   text-align:center;
   background:#ffffff;
}
.home-bottom-section p {
   color:#535353;
   font-size:1.25em;                                        /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   line-height:1.3em;                                        /* BASE FONT = 20px  >>> 26px / 20px = 1.3em  */
   padding:0 0 1.35em 0;                                     /* BASE FONT = 20px  >>> 0 0 27px 0 / 20px = 0 0 1.35em 0  */
}
.home-bottom-section p.home-bottom-heading {
   text-transform:uppercase;
   line-height:1.25em;                                     /* BASE FONT = 20px  >>> 25px / 20px = 1.25em  */
   color:#f04f3c;
}
.home-btn {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;                               /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;                                  /* Firefox, other Gecko */
   display: inline-block;
   margin: 0.4375em 0 0 0;                                  /* BASE FONT = 16px  >>> 7px 0 0 0 / 16px = 0.4375em 0 0 0  */
   max-width:11.875em;                                     /* BASE FONT = 16px  >>> 190px / 16px = 11.875em  */
   position: relative;
   vertical-align: top;
   width: 100%;                                          /*100% of its container*/
   overflow:hidden;
}
.home-btn:before {
   background: #ffffff;
   border-bottom: 3px solid #393536;
   content: "";
   height:1.5625em;                                        /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em  */
   left: 0.0625em;                                        /* BASE FONT = 16px  >>> 1px / 16px = 0.0625em  */
   position: absolute;
   top:-0.8125em;                                           /* BASE FONT = 16px  >>> -13px / 16px = -0.8125em  */
   -moz-transform: rotate(7deg);
   -webkit-transform: rotate(7deg);
   -ms-transform: rotate(7deg);
   -o-transform: rotate(7deg);
   transform: rotate(7deg);
   width: 101%;                                          /*101% of its container*/
}
.home-btn:after {
   background: #ffffff;
   border-top: 3px solid #393536;
   bottom:-0.9375em;                                           /* BASE FONT = 16px  >>> -15px / 16px = -0.9375em  */
   content: "";
   height:1.5625em;                                        /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em  */
   left: 0.0625em;                                        /* BASE FONT = 16px  >>> 1px / 16px = 0.0625em  */
   position: absolute;
   -moz-transform: rotate(-6deg);
   -webkit-transform: rotate(-6deg);
   -ms-transform: rotate(-6deg);
   -o-transform: rotate(-6deg);
   transform: rotate(-6deg);
   width:101%;                                          /*101% of its container*/
}
.home-btn a {
   background: #f04f3c none repeat scroll 0 0;
   border-left: 3px solid #393536;
   border-right: 3px solid #393536;
   color: #ffe916;
   display: block;
   font-size: 1.4375em;                                  /* BASE FONT = 16px  >>> 23px / 16px = 1.4375em  */
   line-height: 1em;                                     /* BASE FONT = 23px  >>> 23px / 23px = 1em  */
   padding: 1.217391304347826em 0 1.217391304347826em 0;          /* BASE FONT = 23px  >>> 28px 0 28px 0 / 23px = 1.217391304347826em 0 1.217391304347826em 0  */
   text-align: center;
   text-decoration: none;
   width: 97%;                                       /*97% of its container*/
}
.home-btn a:hover {
   color:#f04f3c;
   background:#fec051;
}
/* =============Inner pages style============================ */
.text-right {
   text-align:right;
}
/*** Images Style ****/
.photo-gallery {
   text-align: center;
}
.photo-gallery > div {
   display: inline-block;
   margin: 0 1% 1em 1%;                                  /*1% of it's container*//* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   max-width:12.95em;                                     /* BASE FONT = 20px  >>> 259px / 20px = 12.95em  */
   vertical-align: top;
   width:100%;                                          /*100% of it's container*/
}
.feature-img {
   margin: 0 auto 1em auto;                            /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   max-width:16em;                                  /* BASE FONT = 20px  >>> 320px / 20px = 16em  */
   width: 98%;                                       /*98% of it's container*/
}
.feature-img img, .photo-gallery > div img {
   display:block;
   width:100%;                                          /*100% of its container*/
   border:3px solid #ffffff;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}
/*** Button Style ****/
.page-btn {
   text-align:center;
}
.page-btn span {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;                               /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;                                  /* Firefox, other Gecko */
   display: inline-block;
   max-width:9.5em;                                     /* BASE FONT = 20px  >>> 190px / 20px = 9.5em  */
   position: relative;
   vertical-align: top;
   width: 100%;                                          /*100% of its container*/
   overflow:hidden;
}
.page-btn span:before {
   background: #ebebeb;
   border-bottom: 3px solid #393536;
   content: "";
   height:1.25em;                                           /* BASE FONT = 20px  >>> 25px / 20px = 1.25em  */
   left: 0.05em;                                           /* BASE FONT = 20px  >>> 1px / 20px = 0.05em  */
   position: absolute;
   top:-0.65em;                                           /* BASE FONT = 20px  >>> -13px / 20px = -0.65em  */
   -moz-transform: rotate(7deg);
   -webkit-transform: rotate(7deg);
   -ms-transform: rotate(7deg);
   -o-transform: rotate(7deg);
   transform: rotate(7deg);
   width: 101%;                                          /*101% of its container*/
}
.page-btn span:after {
   background: #ebebeb;
   border-top: 3px solid #393536;
   bottom:-0.75em;                                        /* BASE FONT = 20px  >>> -15px / 20px = 0.75em  */
   content: "";
   height:1.25em;                                           /* BASE FONT = 20px  >>> 25px / 20px = 1.25em  */
   left: 0.05em;                                           /* BASE FONT = 20px  >>> 1px / 20px = 0.05em  */
   position: absolute;
   -moz-transform: rotate(-6deg);
   -webkit-transform: rotate(-6deg);
   -ms-transform: rotate(-6deg);
   -o-transform: rotate(-6deg);
   transform: rotate(-6deg);
   width:101%;                                          /*101% of its container*/
}
.page-btn span a {
   background: #f04f3c none repeat scroll 0 0;
   border-left: 3px solid #393536;
   border-right: 3px solid #393536;
   color: #ffe916;
   display: block;
   font-size: 1em;                                     /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   line-height: 1em;                                    /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   padding:1.55em 0 1.5em 0;                                /* BASE FONT = 20px  >>> 31px 0 30px 0 / 20px = 1.55em 0 1.5em 0  */
   text-align: center;
   text-decoration: none;
   text-transform:uppercase;
   width: 97%;                                          /*97% of its container*/
}
.page-btn span a:hover {
   color:#f04f3c;
   background:#fec051;
}
.page-btn.port-btn span {
   max-width: 12.95em;                                  /* BASE FONT = 20px  >>> 259px / 20px = 12.95em  */
}
.page-btn.port-btn span:after {
   bottom: -0.95em;                                     /* BASE FONT = 20px  >>> 19px / 20px = 0.95em  */
   height: 1.65em;                                     /* BASE FONT = 20px  >>> 33px / 20px = 1.65em  */
}
.page-btn.port-btn span:before {
   height:1.65em;                                        /* BASE FONT = 20px  >>> 33px / 20px = 1.65em  */
   top: -0.85em;                                        /* BASE FONT = 20px  >>> -17px / 20px = 0.85em  */
}
.page-btn.port-btn span a {
   padding:1.8em 0 1.5em 0;                               /* BASE FONT = 20px  >>> 36px 0 30px 0 / 20px = 1.8em 0 1.5em 0  */
   width: 98%;                                          /*98% of its container*/
}
/**** Tabular Data Style ****/
h2.tabular-heading {
   font-size:1em;                                        /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
}
.tabular-data {
   font-size:0.9em;                                    /* BASE FONT = 20px  >>> 18px / 20px = 0.9em  */
   background:#ffffff;
   margin:0 0 1.33333333333333em 0;                         /* BASE FONT = 18px  >>> 24px / 18px = 1.33333333333333em  */
}
.tabular-data dl {
   display: block;
}
.tabular-data dt, .tabular-data dd {
   display: block;
   padding:0.555555555555556em 1.11111111111111em 0.555555555555556em 1.11111111111111em; /* BASE FONT = 18px  >>> 10px 20px 10px 20px / 18px = 0.555555555555556em 1.11111111111111em 0.555555555555556em 1.11111111111111em  */
   margin:0;
}
.tabular-data dt {
   background:#d8d6d6;
}
.tabular-data dd dt, .tabular-data dd dd {
   padding:0;
   border:none;
   background:none;
}
.tabular-data dd dt ul, .tabular-data dd dd ul {
   padding:0;
}
.add-info {
   font-weight:500;
   font-style:italic;
}
.tabular-data a {
    color: #535353;
    text-decoration: none;
}
.tabular-data a:hover {
    color: #fec051;
text-decoration: none;
}
/**** Project gallary Styles ****/
.project-gallery {
   text-align: center;
}
.project-gallery div {
   display:inline-block;
   padding:0;
   margin:0 0.5em 1em 0.5em;                                      /* BASE FONT = 20px  >>> 0 10px 20px 10px / 20px = 0 0.5em 1em 0.5em  */
   max-width:6.25em;                                                    /* BASE FONT = 20px  >>> 125px / 20px = 6.25em  */
   text-align:center;
   vertical-align:top;
   width:98%;                                                                /* 98% width of Content area. */
}
.project-gallery img {
   display:block;
   margin:0 0 0.5em 0;                                                  /* BASE FONT = 20px  >>> 0 0 10px 0 / 20px = 0 0 0.5em 0  */
}
.project-gallery span {
   display: block;
}
.project-gallery mark {
   display:none;
}
/***Sitemap page style***/
ul.sitemap li {
   background-image: none;
   padding:0.25em 0 0.25em 0;                        /* BASE FONT = 20px  >>> 5px 0 5px 0 / 20px = 0.25em 0 0.25em 0  */
}
ul.sitemap ul {
   padding:0.25em 0 0 0.75em;                          /* BASE FONT = 20px  >>> 5px 0 0 15px / 20px = 0.25em 0 0 0.75em  */
}
/***Contact Us page style***/
.contact-box {
   text-align:center;
}
.contact-box div {
   margin:0 0 1em 0;                                               /* BASE FONT = 20px  >>> 0 0 20px 0 / 20px = 0 0 1em 0 */
}
.gmap {
   padding:1.25em 0 1.25em 0;                                    /* BASE FONT = 20px  >>> 25px 0 25px 0 / 20px = 1.25em 0 1.25em 0  */
   clear:both;
   text-align: center;
}
.gmap iframe {
   border: 1px solid #012956;
   max-width:22.5em;                                    /* BASE FONT = 20px  >>> 450px / 20px = 22.5em  */
   height:17.5em;                                               /* BASE FONT = 20px  >>> 350px / 20px = 17.5em  */
   width: 100%;                                                    /* 100% width of its container */
}
/***RFQ Page***/
div.fieldwrapper:before, div.fieldwrapper:after {
   content:"";
   display:block;
}
div.fieldwrapper:after {
   clear:both;
}
div.fieldwrapper label.styled {
   float: left;
   margin:0 1em 0 0;                                          /* BASE FONT = 20px  >>> 0 20px 0 0 / 20px = 0 1em 0 0 */
   width:100%;                                                /*full width of its container */
}
.feedbackform div.fieldwrapper div.thefield {
   float:left;
   margin:0 0 0.5em 0;                                      /* BASE FONT = 18px  >>> 0 0 10px 0 / 18px = 0 0 0.5em 0 */
   width:100%;                                                /*full width of its container*/
}
div.fieldwrapper div.thefield input[type=text], div.fieldwrapper div.thefield select, .thefield textarea, .feedbackform table td input[type=text], .feedbackform table td select {
   border:1px solid #bdbdbd;
   width:100%;                                                  /* width:100%; of div.fieldwrapper div.thefield:45.454545%  */
   padding:0.15em;                                             /* BASE FONT = 20px  >>> 3px / 20px = 0.15em  */
   margin:0;
   font-family:Lato;
   font-size:1em;                                               /* BASE FONT = 20px  >>> 20px / 20px = 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;
}
div.fieldwrapper.ctr input[type=text] {
   border:1px solid #bdbdbd;
   -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;
}
.captcha-img {
   padding:1em 0 0 0;                                            /* BASE FONT = 20px  >>> 20px / 20px = 1em */
}
.fieldwrapper input[type=text], .fieldwrapper select {
   height:1.75em;                                             /* BASE FONT = 20px  >>> 35px / 20px = 1.75em  */
}
div.fieldwrapper div.thefield textarea {
   height:5em;                                                /* BASE FONT = 20px  >>> 100px / 20px = 5em  */
}
.feedbackform {
   margin: 0 auto;
   width:90%;                                                   /*90% width of its container*/
}
.feedbackform .thefield p {
   padding:0 0 0.25em 0;                                       /* BASE FONT = 20px  >>> 0 0 5px 0 / 20px = 0 0 0.25em 0  */
}
.feedbackform .thefield p input[type="checkbox"] {
   float: left;
   margin-bottom:0.5em;                                       /* BASE FONT = 20px  >>> 10px / 20px = 0.5em  */
   margin-right:0.45em;                                        /* BASE FONT = 20px  >>> 9px / 20px = 0.45em  */
}
.feedbackform .thefield div {
   float: left;
   width: 50%;                                                  /* width: 50%; Of div.fieldwrapper div.thefield:45.454545%  */
}
div.buttonsdiv {
   margin:1em 0 0 0;                                             /* BASE FONT = 20px  >>> 20px 0 0 0 / 20px = 1em 0 0 0 */
}
.form_error, .form_success {
   clear:both;
}
.input-btn {
   border:none;
   font-size:1em;                                     /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   color:#ffe916;
   line-height:1em;                                  /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   font-family:Lato;
   text-align:center;
   border:3px solid #000000;
   background:#f04f3c;
   cursor:pointer;
   text-transform:uppercase;
   padding:0.5em 0 0.5em 0;                            /* BASE FONT = 20px  >>> 10px 0 10px 0 / 20px = 0.5em 0 0.5em 0  */
   margin:0 0.5em 0.5em 0.5em;                         /* BASE FONT = 20px  >>> 0 10px 10px 10px / 20px = 0 0.5em 0.5em 0.5em  */
   display:inline-block;
   vertical-align:top;
   max-width:7em;                                     /* BASE FONT = 20px  >>> 140px / 20px = 7em  */
   width:100%;                                       /*100% width of its container*/
}
.input-btn:hover {
   color:#f04f3c;
   background:#fec051;
}
.form-heading {
    border-bottom: 1px solid #ffffff;
    margin:0 0 0.958333333333333em 0;                      /* BASE FONT = 24px  >>> 0 0 23px 0 / 24px = 0 0 0.958333333333333em 0  */
    padding:0.833333333333333em 0 0.166666666666667em 0;       /* BASE FONT = 24px  >>> 20px 0 4px 0 / 24px = 0.833333333333333em 0 0.166666666666667em 0  */
}
.fieldwrapper.subheading {
    margin: 1.5em 0 0 0;                               /* BASE FONT = 20px  >>> 30px / 20px = 1.5em  */
}
.scroll-auto {
    margin:0 0 0.8em 0;                               /* BASE FONT = 20px  >>> 0 0 16px 0 / 20px = 0 0 0.8em 0  */
    overflow-x: scroll;
}
.scroll-auto > table {
    width: 100%;                                    /*100% width of its container*/
}
.scroll-auto td {
    padding:0.25em;                                  /* BASE FONT = 20px  >>> 5px / 20px = 0.25em  */
}
/**** Employment page Style ****/
ul.employment li {
   font-size:0.9em;                                  /* BASE FONT = 20px  >>> 18px / 20px = 0.9em  */
   line-height:1em;                                  /* BASE FONT = 18px  >>> 18px / 18px = 1em  */
   padding:0.277777777777778em 0.5em 0.277777777777778em 0.277777777777778em;/* BASE FONT = 18px  >>> 5px 9px 5px 5px / 18px = 0.277777777777778em 0.5em 0.277777777777778em 0.277777777777778em  */
   margin:0 0 0.277777777777778em 0;                     /* BASE FONT = 18px  >>> 0 0 5px 0 / 18px = 0 0 0.277777777777778em 0  */
   border-left:2px solid #000000;         
}
ul.employment li {
   background:#ffffff;
}
ul.employment li:hover {
   background:#f2f2f2;
}
ul.employment li small {
   font-size:0.666666666666667em;                           /* BASE FONT = 18px  >>> 12px / 18px = 0.666666666666667em  */
   margin-left:0.333333333333333em;                        /* BASE FONT = 12px  >>> 4px / 12px = 0.333333333333333em  */
   float:right;
}
ul.employment li img {
   margin:0 0.277777777777778em 0 0;                         /* BASE FONT = 18px  >>> 5px / 18px = 0.277777777777778em  */
   vertical-align:top;
}
ul.employment li strong {
   font-weight:normal;
   font-size:0.722222222222222em;                           /* BASE FONT = 18px  >>> 13px / 18px = 0.722222222222222em  */
   display:block;
}
.g-recaptcha > div {
    margin: 0 auto;
}
.contact-box address{margin-bottom: 30px;}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
/* =============Header Area Start============================ */
.header-top {
   padding:0.25em 0 0.25em 0;                                  /* BASE FONT = 16px  >>> 4px 0 4px 0 / 16px = 0.25em 0 0.25em 0  */
}
.header-text {
   padding:0 0 0 2.46666666666667em;                            /* BASE FONT = 15px  >>> 0 0 0 37px / 15px = 0 0 0 2.46666666666667em  */
   text-align: left;
}
.utility_nav {
   padding:0.538461538461538em 0 0 0;                            /* BASE FONT = 13px  >>> 7px 0 0 0 / 13px = 0.538461538461538em 0 0 0  */
}
.header-bottom {
   text-align:right;
}
.header-logo {
   float: left;
   margin:0.375em 0 0.375em 0.625em;                            /* BASE FONT = 16px  >>> 6px 0 6px 10px / 16px = 0.375em 0 0.375em 0.625em  */
}
.header-home {
   position:absolute;
   left:0;
   top:0;
   width:100%;                                             /*100% width of its container*/
   z-index:99;
}
/* =============Top Navigation style start=================== */
#top_nav {
   clear:both;
   text-align:center;
}
a.menu-trigger {
   margin:2.9375em 0.5625em 0 0;                               /* BASE FONT = 16px  >>> 47px 9px 0 0 / 16px = 2.9375em 0.5625em 0 0  */
}
/* =============Content Area Style Start===================== */
#content_area_home {
   padding:2.875em 0 0 0;                                     /* BASE FONT = 16px  >>> 46px 0 0 0 / 16px = 2.875em 0 0 0  */
}
/* =============Footer Area Start Here======================= */
footer {
   padding:2.9375em 0 2.625em 0;                               /* BASE FONT = 16px  >>> 47px 0 42px 0 / 16px = 2.9375em 0 2.625em 0  */
}
.footer-address {
   padding:0 0 2.11764705882353em 0;                            /* BASE FONT = 17px  >>> 0 0 36px 0 / 17px = 0 0 2.11764705882353em 0  */
}
.phone-text {
   display: inline-block;
   margin:0 1.41176470588235em 0 1.41176470588235em;                /* BASE FONT = 17px  >>> 0 24px 0 24px / 17px = 0 1.41176470588235em 0 1.41176470588235em  */
   vertical-align: top;
}
.footer-logo {
   margin:0 auto 1.875em auto;                               /* BASE FONT = 16px  >>> 30px / 16px = 1.875em  */
}
.website {
   padding:0 0 1.5em 0;                                     /* BASE FONT = 26px  >>> 0 0 39px 0 / 26px = 0 0 1.5em 0  */
}
/* =============Print Page Styles============================ */
.print_page {
   display:block;
}
/* =============Home Banner Style Start===================== */
#banner {
   display:block;
   margin:3.125em 0 0 0;                                     /* BASE FONT = 16px  >>> 50px / 16px = 3.125em  */
}/* ========================= Pager style ====================== */
.rslides_tabs {
    position: absolute;
    text-align: center;
    width: 100%;
}
.rslides_tabs li {
    background: none;
    display: inline;
    float: none;
    padding: 0;
}
.rslides_tabs a {
    background: #f04f3c none;
    border-radius: 50%;
    display: inline-block;
    height: 1.25em;            /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
    margin: 0.1875em;            /* BASE FONT = 16px  >>> 3px / 16px = 0.1875em  */
    overflow: hidden;    position: relative;
    text-indent: -2em;             /* BASE FONT = 16px  >>> -32px / 16px = -2em  */    
width: 1.25em;               /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */

}
.rslides_tabs .rslides_here a, .rslides_tabs a:hover {
    background: #fec051 none repeat;
}

/* =============Home page classes Start Here================= */
.bucket-container h1 {
   font-size: 2.0625em;                                     /* BASE FONT = 16px  >>> 33px / 16px = 2.0625em  */
   line-height:1.03030303030303em;                            /* BASE FONT = 33px  >>> 34px / 33px = 1.03030303030303em  */
}
.bucket-container h1 span {
   font-size:0.787878787878788em;                               /* BASE FONT = 33px  >>> 26px / 33px = 0.787878787878788em  */
   padding:0 0 0.115384615384615em 0;                            /* BASE FONT = 26px  >>> 0 0 3px 0 / 26px = 0 0 0.115384615384615em 0  */
}
.home-bucket article {
   margin:0 0.09375em 0.1875em 0.09375em;                         /* BASE FONT = 16px  >>> 0 1.5px 3px 1.5px / 16px = 0 0.09375em 0.1875em 0.09375em  */
   width: 32.7%;                                          /*32.7% width of its container*/
}
.home-bucket article a {
   font-size:1.125em;                                        /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
   line-height:1em;                                       /* BASE FONT = 18px  >>> 18px / 18px = 1em  */
}
.examples-work-section {
   padding:3.1875em 3.5em 2.5em 3.5em;                         /* BASE FONT = 16px  >>> 51px 56px 40px 56px / 16px = 3.1875em 3.5em 2.5em 3.5em  */
}
.examples-work-heading {
   padding:0 0 1.4375em 0;                                  /* BASE FONT = 16px  >>> 0 0 23px 0 / 16px = 0 0 1.4375em 0  */
}
.examples-work-heading > a {
   font-size:1.5625em;                                     /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em  */
}
.examples-work-section ul li {
   padding:0 0 0.5625em 0;                                  /* BASE FONT = 16px  >>> 0 0 9px 0 / 16px = 0 0 0.5625em 0  */
}
.examples-work-section ul li a {
   font-size:1.1875em;                                     /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em  */
   padding:0.105263157894737em 0 0.157894736842105em 2em;             /* BASE FONT = 19px  >>> 2px 0 3px 38px / 19px = 0.105263157894737em 0 0.157894736842105em 2em  */
}
.home-bottom-section {
   padding:2.5625em 0.75em 2.125em 0.75em;                         /* BASE FONT = 16px  >>> 41px 12px 34px 12px / 16px = 2.5625em 0.75em 2.125em 0.75em  */
}
.home-btn {
   margin:0;
}
/* =============Inner pages style============================ */

.photo-gallery > div {
   float: left;
   margin: 0 0 1.5em 1.9%;                                     /*1.9% width of its container*//* BASE FONT = 20px  >>> 30px / 20px = 1.5em  */
   width: 23.55%;                                                            /*23.55% width of its container*/
}
.photo-gallery > div:first-child {
   margin-left: 0;
}
.feature-img {
   float: right;
   margin: 0 0 1em 1.5em;                                        /* BASE FONT = 20px  >>> 0 0 20px 30px / 20px = 0 0 1em 1.5em  */
}
/**** Tabular Data Style ****/
.tabular-data dl {
   display: table;
   width: 100%;                                                             /* 100% of it's contaner*/
}
.tabular-data dt, .tabular-data dd {
   display: table-cell;
   vertical-align:top;
}
.tabular-data dt {
   background:none;
   width:40%;                                                             /*40% width of its container*/
   border-right:1px solid #ebebeb;
}
.tabular-data dd dt, .tabular-data dd dd {
   display:inline-block;
   vertical-align:top;
   width:49%;                                                      /*49% of its container*/
}
.add-info {
   padding:0 0 1em 0;                                               /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
}
/***Contact Us page style***/


/***RFQ Page***/
div.fieldwrapper label.styled {
   width: 45%;                                                    /* 250px*100/550px = 45% */
}
.feedbackform div.fieldwrapper div.thefield {
   width: 49%;                                                  /* 250px*100/550px = 49% */
}
.emp-section .fieldwrapper {
    display: inline-block;
    margin-right: 1%;                                    /* 1% of it's contaner*/
    vertical-align: top;
    width: 31%;                                       /* 31% of it's contaner*/
}
.emp-section .fieldwrapper label.styled, .fieldwrapper.subheading label.styled {
    margin: 0;
    width: 100%;                                 /* 100% of it's contaner*/
}
.feedbackform .emp-section .fieldwrapper div.thefield {
    width: 100%;                                 /* 100% of it's contaner*/
}
/**** Employment page Style ****/
ul.employment li strong {
   float:right;
   display:inline-block;
   vertical-align:top;
}
ul.employment li small {
   float:none;
}
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 800px/16px = 50em*/
@media only screen and (min-width: 50em) {
/* =============Header Area Start============================ */
header, .header-home {
   position:fixed;
   left:0;
   top:0;
   width:100%;                                       /* 100% of it's contaner*/
   z-index:99;
}
.header-top {
   padding:0;
   text-align:right;
}
.header-text {
   float:left;
   padding:0.4em 0 0.533333333333333em 0.333333333333333em; /* BASE FONT = 15px  >>> 6px 0 8px 5px / 15px = 0.4em 0 0.533333333333333em 0.333333333333333em  */
}
.utility_nav {
   padding:0.384615384615385em 0.153846153846154em 0 0.153846153846154em; /* BASE FONT = 13px  >>> 5px 2px 0 2px / 13px = 0.384615384615385em 0.153846153846154em 0 0.153846153846154em  */
}
.email_icon {
   margin:0.153846153846154em 0 0 1.84615384615385em;          /* BASE FONT = 13px  >>> 2px 0 0 24px / 13px = 0.153846153846154em 0 0 1.84615384615385em  */
}
.header-logo {
   margin:0.375em 0 0.375em 0.25em;                      /* BASE FONT = 16px  >>> 6px 0 6px 4px / 16px = 0.375em 0 0.375em 0.25em  */
}
/* =============Top Navigation style start=================== */
a.menu-trigger {
   display:none;
}
#top_nav {
   display:block;
   clear:none;
}
.topnav_links {
   display: block;
   padding:2.25em 0 0 0;                               /* BASE FONT = 16px  >>> 36px 0 0 0 / 16px = 2.25em 0 0 0  */
   text-align: right;
}
.topnav_links li {
   border-left:1px solid #d9d9d9;
   display: inline-block;
   padding: 0 0.40% 0 0.40%;                           /* 0.78% of it's contaner*/
   position: relative;
}
.topnav_links > li:first-child {
   border:none;
}
.topnav_links > li:last-child {
   padding: 0 0.50% 0 0.78%;                                  /* 0.50%, 0.78% of it's contaner*/
}
.topnav_links li a, .topnav_links li.has_child > a {
   font-size:0.6875em;                               /* BASE FONT = 16px  >>> 11px / 16px = 0.6875em  */
   color:#231f20;
   font-weight:700;
   padding:0.909090909090909em 0 1.18181818181818em 0;       /* BASE FONT = 11px  >>> 10px 0 13px 0 / 11px = 0.909090909090909em 0 1.18181818181818em 0  */
   background:none;
   position:relative;
}
.topnav_links li a:hover, .topnav_links li.has_child:hover > a {
   color:#fec051;
}
.topnav_links > li:hover > a:after {
   background:url(../image/topnav-arrow.png) no-repeat center top;
   position:absolute;
   width:100%;                                        /* 100% of it's contaner*/
   height:1em;                                     /* BASE FONT = 11px  >>> 11px / 11px = 1em  */
   top:2.81818181818182em;                            /* BASE FONT = 11px  >>> 31px / 11px = 2.81818181818182em  */
   content:"";
   left:0;
}
.has_child ul {
   left: -5.875em;                                  /* BASE FONT = 16px  >>> -94px / 16px = -5.875em  */
   margin:auto;
   position: absolute;
   text-align: left;
   top:1.9375em;                                     /* BASE FONT = 16px  >>> 31px / 16px = 1.9375em  */
   width:16.625em;                                  /* BASE FONT = 16px  >>> 266px / 16px = 16.625em  */
   z-index: 9999;
   padding:2.625em 0 0 0;                              /* BASE FONT = 16px  >>> 42px 0 0 0 / 16px = 2.625em 0 0 0  */
}
.has_child:hover ul {
   display:block;
}
.has_child ul.our-work {
   left: -1.875em;                                  /* BASE FONT = 16px  >>> -30px / 16px = 1.875em  */
}
.topnav_links li ul li {
   display:block;
   margin:0;
   padding:0;
   border:0;
   background:#ffffff;
}
.topnav_links li ul li a {
   display:block;
   font-size:1.0625em;                               /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em  */
   line-height:1.17647058823529em;                        /* BASE FONT = 17px  >>> 20px / 17px = 1.17647058823529em  */
   color:#231f20;
   padding:0.411764705882353em 0.294117647058824em 0.352941176470588em 1.05882352941176em; /* BASE FONT = 17px  >>> 7px 5px 6px 18px / 17px = 0.411764705882353em 0.294117647058824em 0.352941176470588em 1.05882352941176em  */
   font-weight:400;
}
.topnav_links li ul li a:hover {
   background:#ebebeb;
   color:#fec051;
}
.topnav_links li ul li:first-child {
   padding:0.6875em 0 0 0;                            /* BASE FONT = 16px  >>> 11px 0 0 0 / 16px = 0.6875em 0 0 0  */
}
.topnav_links li ul li:last-child {
   padding:0 0 0.75em 0;                               /* BASE FONT = 16px  >>> 0 0 12px 0 / 16px = 0 0 0.75em 0  */
}
/* ============= Main Area Start============================ */
main {
   margin:8.6875em 0 0 0;                               /* BASE FONT = 16px  >>> 139px 0 0 0 / 16px = 8.6875em 0 0 0 */
}
.main-home {
   margin:0;
}
/* =============Content Area Style Start===================== */
#content_area {
   padding: 5.25em 0.5em 1em 0.5em;                      /* BASE FONT = 20px  >>> 105px 10px 20px 10px / 20px = 5.25em 0.5em 1em 0.5em  */
}
#content_area_home {
   padding:0;
}
/* =============Heading Style Start===================== */
h1 {
   padding:0 0 2.12903225806452em 0;                      /* BASE FONT = 31px  >>> 0 0 66px 0 / 31px = 0 0 2.12903225806452em 0  */
}
h2 {
   padding:0 0 1.125em 0;                            /* BASE FONT = 24px  >>> 0 0 27px 0 / 24px = 0 0 1.125em 0  */
}
h3 {
   padding:0 0 1em 0;                               /* BASE FONT = 20px  >>> 0 0 20px 0 / 20px = 0 0 1em 0  */
}
/* =============Footer Area Start Here======================= */
footer {
   padding:1.6875em 0.625em 1em 0.625em;                            /* BASE FONT = 16px  >>> 27px 10px 16px 10px / 16px = 1.6875em 0.625em 1em 0.625em  */
   text-align: left;
}
footer .inner-wrap {
   position:relative;
}
.footer-address {
   padding:0.235294117647059em 0 1.64705882352941em 0.352941176470588em; /* BASE FONT = 17px  >>> 4px 0 28px 6px / 17px = 0.235294117647059em 0 1.64705882352941em 0.352941176470588em  */
}
.footer-links a {
   margin: 0 1.35294117647059em 0 0;                      /* BASE FONT = 17px  >>> 0 23px 0 0 / 17px = 0 1.35294117647059em 0 0  */
}
.footer-logo {
   margin: 0;
   position: absolute;
   right:2.5em;                                     /* BASE FONT = 16px  >>> 40px / 16px = 2.5em  */
   top: 0;
}
.website {
   padding:0 0 0.615384615384615em 0;                      /* BASE FONT = 26px  >>> 0 0 16px 0 / 26px = 0 0 0.615384615384615em 0  */
}
.thomas_info_txt span {
   display: inline-block;
   padding:0 1.28571428571429em 0 0;                      /* BASE FONT = 14px  >>> 0 18px 0 0 / 14px = 0 1.28571428571429em 0 0  */
   vertical-align: top;
}
/* =============Home Banner Style Start===================== */
#banner {
   margin:1.875em 0 0 0;                               /* BASE FONT = 16px  >>> 30px / 16px = 1.875em  */
}
/* =============Home page classes Start Here================= */
.bucket-container {
   background:url(../image/bucket-container-bg.jpg) no-repeat left top;
   background-size:cover;
   padding:3.0625em 0 10.375em 0;                         /* BASE FONT = 16px  >>> 49px 0 166px 0 / 16px = 3.0625em 0 10.375em 0 */
}
.bucket-container h1 {
   font-size: 2.25em;                                  /* BASE FONT = 16px  >>> 36px / 16px = 2.25em  */
   padding:0 0 1.63888888888889em 0;                      /* BASE FONT = 36px  >>> 0 0 59px 0 / 36px = 0 0 1.63888888888889em 0  */
}
.bucket-container h1 span {
   font-size:0.805555555555556em;                         /* BASE FONT = 36px  >>> 29px / 36px = 0.805555555555556em  */
   padding: 0;
}
.home-bucket article {
   margin:0 0.125em 0.25em 0.125em;                      /* BASE FONT = 16px  >>> 0 2px 4px 2px / 16px = 0 0.125em 0.25em 0.125em  */
}
.home-bucket article a {
   font-size:1.6875em;                               /* BASE FONT = 16px  >>> 27px / 16px = 1.6875em  */
   line-height:1.01851851851852em;                      /* BASE FONT = 27px  >>> 27.5px / 27px = 1.01851851851852em  */
}
/* =============Inner pages style============================ */
/****** Project gallary Styles *****/
.project-gallery {
   text-align:left;
}
.project-gallery div {
   border: 1px solid #ffffff;
   float:left;
   margin:0 0 1em 4%;                                     /* 4% of its container *//* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   max-width:none;
   padding:0.25em;                                            /* BASE FONT = 20px  >>> 5px / 20px = 0.25em  */
   text-align:left;
   width:48%;                                                    /* 48% width of its container */
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}
.project-gallery .port-col-two {
   margin-left:0;
}
.project-gallery img {
   float:left;
   margin:0 0.5em 0 0;                                       /* BASE FONT = 20px  >>> 10px / 20px = 0.5em  */
}
.project-gallery span {
   height:3.25em;                                              /* BASE FONT = 20px  >>> 65px / 20px = 3.25em  */
}
.project-gallery mark {
   color:#ffe916;
   float: right;
   font-size:1em;                                            /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   font-weight:400;
   line-height:1em;                                          /* BASE FONT = 20px  >>> 20px / 20px = 1em  */
   margin:0 0.25em 0.25em 0;                              /* BASE FONT = 20px  >>> 0 5px 5px 0 / 20px = 0 0.25em 0.25em 0  */
   padding:0.3em 0.75em 0.3em 0.75em;                 /* BASE FONT = 20px  >>> 6px 15px 6px 15px / 20px = 0.3em 0.75em 0.3em 0.75em  */
   text-decoration:none;
   text-transform:uppercase;
   display:inline-block;
   background:#f04f3c;
   border:2px solid #000000;
}
.project-gallery a:hover mark {
   color:#f04f3c;
   background:#fec051;
}
ul.employment li small {
   float:none;
}
.scroll-auto {
   overflow-x: auto;
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
.inner-wrap {
   max-width:69.375em;                            /* BASE FONT = 16px  >>> 1110px / 16px = 69.375em  */
   margin:0 auto;
}
/* =============Footer Area Start Here======================= */   
footer {
   background:url(../image/footer-bg.jpg) no-repeat right top;
}.footer-logo {
    right: 28.5em;
    top: 5em;
}
.contact-box address {
   display:inline-block;
   vertical-align:top;
}
.contact-box p {
   float:right;
   text-align:right;
}
 .contact-box {
   text-align:left;
}
/* =============Top Navigation style start=================== */
.topnav_links li {
   border-left:1px solid #d9d9d9;
   display: inline-block;
   padding: 0 0.55% 0 0.55%;                           /* 0.78% of it's contaner*/
   position: relative;
}
.topnav_links li a, .topnav_links li.has_child > a {
   font-size:0.875em;                               /* BASE FONT = 16px  >>> 14px / 16px = 0.875em  */
   padding:0.714285714285714em 0 0.928571428571429em 0;    /* BASE FONT = 14px  >>> 10px 0 13px 0 / 14px = 0.714285714285714em 0 0.928571428571429em 0  */
}
.topnav_links > li:hover > a:after {
   height:0.785714285714286em;                      /* BASE FONT = 14px  >>> 11px / 14px = 0.785714285714286em  */
   top:2.21428571428571em;                         /* BASE FONT = 14px  >>> 31px / 14px = 2.21428571428571em  */
}
/* =============Inner Pages Start Here================= */
/**** Employment page Style ****/
ul.employment li:nth-child(2n) {
   float:right;
}
ul.employment li {
   float:left;
   width:48%;                                    /* 48% of it's contaner*/
}
.contactemail-wrap {
    max-width: 606px;
    display: inline-block;
    margin-left: 61px !important;
}
.contactemail-wrap p {
    text-align: left;
}

}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 1110px/16px = 69.375em*/
@media only screen and (min-width: 69.375em) {
/* =============Top Navigation style start=================== */
.topnav_links li a, .topnav_links li.has_child > a {
   font-size:1em;                                  /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   padding:0.625em 0 0.8125em 0;                      /* BASE FONT = 16px  >>> 10px 0 13px 0 / 16px = 0.625em 0 0.8125em 0  */
}
.topnav_links > li:hover > a:after {
   height:0.6875em;                               /* BASE FONT = 16px  >>> 11px / 16px = 0.6875em  */
   top:1.9375em;                                  /* BASE FONT = 16px  >>> 31px / 16px = 1.9375em  */
}
/* =============Content Area Style Start===================== */
#content_area {
   padding: 5.25em 0.25em 1em 0.25em;                      /* BASE FONT = 20px  >>> 105px 5px 20px 5px / 20px = 5.25em 0.25em 1em 0.25em  */
}
/* =============Print Page Styles============================ */
.print_page {
   padding:0 0 2.33333333333333em 0;                   /* BASE FONT = 15px  >>> 35px / 15px = 2.33333333333333em  */
}
/* =============Home page classes Start Here================= */
.examples-work-section {
   padding: 0;
   position: relative;
}
.examples-work-section:before {
   background: #ffffff none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 14.4958%;                                      /*69*100/478 = 14.4958%*/
   left: 0;
   position: absolute;
   width: 100%;                                 /* 100% of it's contaner*/
}
.examples-work-section > img {
   display: inline-block;
   margin: 0 2.4% 0 0;                              /* 2.4% of it's contaner*/
   position: relative;
   vertical-align: top;
   width: 50%;                                    /* 50% of it's contaner*/
}
.examples-right {
   display: inline-block;
   padding: 2.1% 0 0 0;                                     /* 2.1% of it's contaner*/
   position: relative;
   vertical-align: top;
   width: 46%;                                    /* 46% of it's contaner*/
}
.examples-work-heading {
   text-align:left;
}
.home-bottom-section {
   padding:0.75em 0.625em 1.6875em 0.625em;             /* BASE FONT = 16px  >>> 12px 10px 27px 10px / 16px = 0.75em 0.625em 1.6875em 0.625em  */
}
.home-bottom-section p {
   margin: 0 auto;
   max-width:58.55em;                               /* BASE FONT = 20px  >>> 1171px / 20px = 58.55em  */
}
.home-btn a {
   padding:1.26086956521739em 0 1.26086956521739em 0;       /* BASE FONT = 23px  >>> 29px 0 29px 0 / 23px = 1.26086956521739em 0 1.26086956521739em 0  */
}
}
/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 1500px/16px = 93.75em*/
@media only screen and (min-width: 93.75em) {
/* =============Home page classes Start Here================= */
   .examples-right {
   padding: 5.1% 0 0;                           /* 5.1% of it's contaner*/
}
}.badge {
    margin-bottom: 25px;
}

@media only screen and (min-width: 60em) {
.badge {
    float: right;
    margin-right: 19em;
    margin-top: 4.5em;
}
}

@media only screen and (min-width: 60em) {
   .footer-address {
    display: inline-block;
}
}@media only screen and (min-width: 80em){
.footer-logo {
    right: 41em;
}

.badge {
    margin-right: 33em;
    margin-top: -4.5em;
    position: relative;
    margin-bottom: 0;
}
}