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(/images/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(/images/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(/images/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(/images/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  */
   max-height:62.5em; 

}

.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  */
   max-height:62.5em;
   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(/images/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(/images/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:9.938em 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(/images/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  */
   margin:8.688em 0 0 0;
}

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

.bucket-container {

   background:url(/images/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(/images/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;

}

}
.pop-up-wrapper div {    
    font-family: Verdana, Helvetica;    
    font-size: 10pt;    
}    
.pop-up {    
   cursor: url(/pop-up/graphics/zoomin.cur), pointer;    
    outline: none;    
    text-decoration: none;
	 position:relative;
   display:block;      
}
.pop-up:after {
    bottom:3px;
   	content:"";
    height:32px;
   	width:32px;
    position: absolute;
    right:3px;
   background:url(/images/zoom-icon.png) no-repeat left top;
   z-index:99;
}    
.pop-up-active-anchor img {    
   visibility: hidden;    
}    


.pop-up-wrapper, .drop-shadow {    
   background: white;    
}    
.pop-up-image {    
    border-bottom: 1px solid white;    
}    
.pop-up-image-blur {    
}    
.pop-up-caption {    
    display: none;    
    text-align:center;    
    border-bottom: 1px solid white;    
    font-family: Verdana, Helvetica;    
    font-size: 10pt;    
    padding: 5px;    
    background-color: #cccccc;    
}    
.pop-up-loading {    
    display: block;    
   color: #000000 !important;    
   font-size: 8pt;    
   font-family: sans-serif;    
   font-weight: bold;    
    text-decoration: none !important;    
   padding: 2px;    
   border: 1px solid black;    
    background-color: white;      
    padding-left: 22px;    
    background-image: url(/pop-up/graphics/loader.white.gif);    
    background-repeat: no-repeat;    
    background-position: 3px 1px;    
}    

a.pop-up-credits,    
a.pop-up-credits i {    
    padding: 2px;    
    color: #c0c0c1;    
    text-decoration: none;    
   font-size: 10px;    
}    
a.pop-up-credits:hover,    
a.pop-up-credits:hover i {    
    color: white;    
    background-color: gray;    
}    
a.pop-up-full-expand {    
   background: url(/pop-up/graphics/fullexpand.gif) no-repeat;    
   display: block;    
   margin: 0 10px 10px 0;    
   width: 34px;    
   height: 34px;    
}    
.pop-up-overlay {    
   display: none;    
}    

/* Mac-style close button */    
.closebutton {    
   position: relative;    
   top: -15px;    
   left: 15px;    
   width: 30px;    
   height: 30px;    
   cursor: pointer; /* w3c */    
   background: url(/pop-up/graphics/close.png);    
   /* For IE6, remove background and add filter */    
   _background: none;    
   _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pop-up/graphics/close.png', sizingMethod='scale');    
}