@font-face{
        font-family:"Neutro W01_n2";
        src:url("Fonts/3e712409-1866-46a1-ab94-ccffac8ae130.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/3e712409-1866-46a1-ab94-ccffac8ae130.eot?#iefix");
        src:url("Fonts/3e712409-1866-46a1-ab94-ccffac8ae130.eot?#iefix") format("eot"),url("Fonts/710ddbbc-5a9f-4f57-90f4-c36c8a23e2df.woff2") format("woff2"),url("Fonts/80a806fb-e4c9-41ce-b71e-b16b4bcf565e.woff") format("woff"),url("Fonts/e817740e-63f6-4ee5-a8cf-621fb55a1252.ttf") format("truetype"),url("Fonts/7298ef0c-f6cb-43e5-8241-eef52baa1926.svg#7298ef0c-f6cb-43e5-8241-eef52baa1926") format("svg");
font-weight: 200;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_n3";
        src:url("Fonts/9a8457ee-71ca-48f1-84dc-aecd89a775b3.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/9a8457ee-71ca-48f1-84dc-aecd89a775b3.eot?#iefix");
        src:url("Fonts/9a8457ee-71ca-48f1-84dc-aecd89a775b3.eot?#iefix") format("eot"),url("Fonts/393632c2-964a-4f1e-845e-9eb88e9c3c9f.woff2") format("woff2"),url("Fonts/5181c770-3d57-4a67-97fc-2f172884473c.woff") format("woff"),url("Fonts/969caafd-19f4-49df-b847-b2b4053a03e7.ttf") format("truetype"),url("Fonts/190b659d-7edc-46b5-b15c-0642742ec84d.svg#190b659d-7edc-46b5-b15c-0642742ec84d") format("svg");
font-weight: 300;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_i3";
        src:url("Fonts/67bacc3b-fef6-4dae-b3e3-24f29cdf2282.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/67bacc3b-fef6-4dae-b3e3-24f29cdf2282.eot?#iefix");
        src:url("Fonts/67bacc3b-fef6-4dae-b3e3-24f29cdf2282.eot?#iefix") format("eot"),url("Fonts/4034433c-579d-434f-800f-d421d0753d53.woff2") format("woff2"),url("Fonts/46ce563e-6065-4b1d-b1a7-885db926d168.woff") format("woff"),url("Fonts/ca2a2793-41f1-4af7-93f1-e7ac8db4ba57.ttf") format("truetype"),url("Fonts/425bda58-8262-4fa8-a222-f2e0ae3dc1c0.svg#425bda58-8262-4fa8-a222-f2e0ae3dc1c0") format("svg");
font-weight: 300;
font-style: italic;
    }
    @font-face{
        font-family:"Neutro W01_n4";
        src:url("Fonts/3b382056-ba35-4b4f-be1e-30a9057826d1.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/3b382056-ba35-4b4f-be1e-30a9057826d1.eot?#iefix");
        src:url("Fonts/3b382056-ba35-4b4f-be1e-30a9057826d1.eot?#iefix") format("eot"),url("Fonts/7652159b-0eac-4e28-9fae-a97bda2332e1.woff2") format("woff2"),url("Fonts/ef02c4b5-74e2-47b6-9df8-21f0cfd0807f.woff") format("woff"),url("Fonts/a6dd38d8-1721-44e9-8549-04c3f0ae998b.ttf") format("truetype"),url("Fonts/32008ec2-f7db-466f-aa9d-f37b64f19c2b.svg#32008ec2-f7db-466f-aa9d-f37b64f19c2b") format("svg");
font-weight: 400;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_i4";
        src:url("Fonts/ca6cd67a-651f-4074-b655-44fdd4330b1d.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/ca6cd67a-651f-4074-b655-44fdd4330b1d.eot?#iefix");
        src:url("Fonts/ca6cd67a-651f-4074-b655-44fdd4330b1d.eot?#iefix") format("eot"),url("Fonts/40a80316-ad28-49d3-9e87-214ceb6b5ccd.woff2") format("woff2"),url("Fonts/7663330e-938d-4277-9e7d-32139e231d8f.woff") format("woff"),url("Fonts/03b686e9-4975-4a90-8c71-d1cd6d976ba5.ttf") format("truetype"),url("Fonts/1f177d7d-7614-4780-944b-e413e5265663.svg#1f177d7d-7614-4780-944b-e413e5265663") format("svg");
font-weight: 400;
font-style: italic;
    }
    @font-face{
        font-family:"Neutro W01_n5";
        src:url("Fonts/184797e0-52c4-4795-b9e4-aff9d5b2afd4.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/184797e0-52c4-4795-b9e4-aff9d5b2afd4.eot?#iefix");
        src:url("Fonts/184797e0-52c4-4795-b9e4-aff9d5b2afd4.eot?#iefix") format("eot"),url("Fonts/efb6c689-a99f-4c38-8941-dac034e06066.woff2") format("woff2"),url("Fonts/3de436db-1440-4f0b-a556-918204ce3048.woff") format("woff"),url("Fonts/529bf473-691c-431d-b702-2bd8e2665c69.ttf") format("truetype"),url("Fonts/5965d962-14a6-4d2e-9750-7408dca41906.svg#5965d962-14a6-4d2e-9750-7408dca41906") format("svg");
font-weight: 500;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_n6";
        src:url("Fonts/bfc52ffe-ccf9-456d-a87b-4caf21ec4d9a.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/bfc52ffe-ccf9-456d-a87b-4caf21ec4d9a.eot?#iefix");
        src:url("Fonts/bfc52ffe-ccf9-456d-a87b-4caf21ec4d9a.eot?#iefix") format("eot"),url("Fonts/47cadcd1-a3ed-4749-974b-073367f956e3.woff2") format("woff2"),url("Fonts/322dfb2d-2aa2-425b-a969-30ce873eeeb3.woff") format("woff"),url("Fonts/fe5dbb8e-5d4f-4147-adc9-5fbc68fc3ff2.ttf") format("truetype"),url("Fonts/c145c1fa-bc59-4344-a71b-242243a5b461.svg#c145c1fa-bc59-4344-a71b-242243a5b461") format("svg");
font-weight: 600;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_n7";
        src:url("Fonts/6c4e92f8-aca1-45b3-a10a-ad6630753815.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/6c4e92f8-aca1-45b3-a10a-ad6630753815.eot?#iefix");
        src:url("Fonts/6c4e92f8-aca1-45b3-a10a-ad6630753815.eot?#iefix") format("eot"),url("Fonts/4371cfd3-8be3-4261-8360-5d4236882672.woff2") format("woff2"),url("Fonts/61fe0a56-70e6-42d6-8f03-f2716ee2cd23.woff") format("woff"),url("Fonts/dc3fe196-5a17-450c-aea6-2d222915c646.ttf") format("truetype"),url("Fonts/7c2fcd66-d5d4-4399-b3b2-6aafe59886b9.svg#7c2fcd66-d5d4-4399-b3b2-6aafe59886b9") format("svg");
font-weight: 700;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_n8";
        src:url("Fonts/e73223ad-cf48-47d5-b345-a8f8265a00fe.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/e73223ad-cf48-47d5-b345-a8f8265a00fe.eot?#iefix");
        src:url("Fonts/e73223ad-cf48-47d5-b345-a8f8265a00fe.eot?#iefix") format("eot"),url("Fonts/3a7b4618-f08d-49cb-a8be-4b1df36f99a4.woff2") format("woff2"),url("Fonts/bbf2abee-34f8-4206-9b2a-0c0b1d9a9f18.woff") format("woff"),url("Fonts/3118689e-c12a-40c5-9e7a-4cf277e66f20.ttf") format("truetype"),url("Fonts/dd1a9fbd-59cb-4c5e-a835-913bfa57d82a.svg#dd1a9fbd-59cb-4c5e-a835-913bfa57d82a") format("svg");
font-weight: 800;
font-style: normal;
    }

*{box-sizing: border-box;}
html{width:100%; height:100%; padding:0px; margin:0px;  overflow-x: hidden;}
body{width:100%; min-height: 100%; overflow-x: hidden; padding:0px; margin:0px; letter-spacing: 1px; font-size: 18px;  background-color:#FFF; color:#343530; font-family: 'Neutro W01', sans-serif; font-weight: 400;}
.warning{color:#a20202; font-weight: 700; line-height: 1.4em;}
p{line-height: 1.2em;}
p.emp{}
a{color:#333;}
.highlight{}
figure img{max-width: 100%;}
.smaller{font-size: 0.8em;}
.em-underline em{text-decoration: underline; font-style: normal;}
.no-wrap{white-space: nowrap;}
.content-wrap{width:100%; max-width: 1600px; margin:0px auto; position: relative; display: block; }
.content-wrap:after{content:''; display: block; clear: both;}
.content-wrap.padding-bottom{padding-bottom: 64px;}
.content-wrap.padding-top{padding-top:64px;}

.astrisk{font-size: 0.8em; font-style: italic; line-height: 1.2em;}
.center{text-align: center; margin-left:auto; margin-right: auto; display: block;}
.table-content{display: table; width:100%;}
.table-content .spacer{display: table-cell;}
.table-row{display: table-row;}
.table-cell{display: table-cell; vertical-align: top;}
.twelve{width:100%;}
.eleven{width:91.66%}
.ten{width:83.32%}
.nine{width:75%;}
.eight{width:66.66%;}
.six{width:50%;	}
.four{width:33.33%;}
.three{width:25%;}
.two{width:16.66%;}
.one{width:8.333%;}


.clear{clear:both;}
.learn-more{}
.red-text{color:#803022;}
.pswp{display: none;}
.pswp--open{display: block;}
/*Form Styling */

label{ display: inline-block;   padding:4px 8px; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }


input[type="text"].six,
input[type="number"].six,
input[type="email"].six,
input[type="tel"].six{width:49%; margin-right: 2%; display: inline-block; vertical-align: top;}

input[type="text"].six:last-child,
input[type="number"].six:last-child,
input[type="email"].six:last-child,
input[type="tel"].six:last-child{margin-right: 0px;}

textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #888; border-radius: 3px; margin:4px 0px 12px 0px;}
.radio label{display: inline-block; margin-right:12px;}
input[type="radio"]{margin-right:12px;}
input[type="date"],
input[type="time"]{display: inline-block; font-size: 18px; padding:8px 12px; border:1px solid #666; color:#999; border-radius: 3px; margin:4px 0px 12px 0px;}
fieldset{border:1px solid #666; margin:0px 0px 32px;}

select{font-size: 18px; padding:8px 12px; border-radius: 4px; color:#999; margin:4px 0px 12px 0px; display: inline-block;}
input[type="submit"],input[type="button"]{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
input[type="submit"]:hover,input[type="button"]:hover{ box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; }

.inputfile + label{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
.inputfile{width:0.1px; height: 0.1px; opacity: 0; position: absolute; z-index: -1;}

textarea.invalid,
input[type="text"].invalid,
input[type="number"].invalid,
input[type="tel"].invalid,
input[type="date"].invalid,
input[type="email"].invalid,
input[type="time"].invalid{border-color:#a12d3a; background-color:#f7b1b8;}

.contact-form.success{text-align: center; font-size: 22px;}

.lightgreendiv{position: relative;padding:12px; background-color:#b3bca0; }
.lightgreendiv .content{ padding:12px; border:2px solid #fff;}

ul.tabs{list-style: none; margin:0px; padding:0px; overflow: hidden; position: relative; z-index: 1; top:1px;}
ul.tabs li{display: inline-block; vertical-align: top; padding:12px 32px 12px 56px; border-top-left-radius: 4px;  border-bottom: none; position: relative; background-color:#f0f1ec;  border-top:1px solid #b6bba7; cursor: pointer; color:#999; font-weight: 600; font-size: 22px; }
ul.tabs li:first-child{padding-left: 36px; border-left: 1px solid #b6bba7;;}
ul.tabs li:after{width:0px; height: 0px; border-style: solid; border-width:52px 0px 0px 38px; border-color:transparent transparent transparent #f0f1ec; display: block; content:''; position: absolute; top:-1px; left:100%; z-index: 1; }
ul.tabs li:before{width:12px; height: 200%; background-color:#6f7a5c; position: absolute; top:-50%; left:100%; transform: rotate(-38deg) translateX(5px); display: block; content:''; z-index: 2;}
ul.tabs li.on{background-color:#fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color:#111; }
ul.tabs li.on:after{border-color:transparent transparent transparent #fff; top:0px}
ul.tabs li.on:before{background-color:#b3bca0;}
ul.tabs label{padding:0px; cursor: pointer;}
ul.tabs label:after{width:26px; height: 1px; border-bottom: 1px solid #b6bba7; display: block; content:''; position: absolute; left:100%; bottom:-1px; z-index: 1;}

.tab-body{display: none; border:1px solid #b6bba7;}
.tab-body.on{display: block; opacity: 1;}

.button{ color:#5b5f50; text-decoration: none; font-weight: 500; text-transform: uppercase; font-size: 16px; letter-spacing: 0px; display: inline-block; padding:8px 8px; line-height: 42px; border-radius: 28px; background-color:#fff; border:1px solid #d9dfc7; border-left-color: #d9dfc7; border-bottom-color: #eee; position: relative; overflow: hidden; transition:all 0.3s ease-in-out;}
.button:before{content:''; display: block; width:100%; height: 100%; background-color:#d9dfc7; position: absolute; top:0px; left:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c3c3b0+1,dadace+28,f4f3e8+44,f2f1ef+100 */
background: rgb(195,195,176); /* Old browsers */
background: -moz-linear-gradient(top, rgba(195,195,176,1) 1%, rgba(218,218,206,1) 28%, rgba(244,243,232,1) 44%, rgba(242,241,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(195,195,176,1) 1%,rgba(218,218,206,1) 28%,rgba(244,243,232,1) 44%,rgba(242,241,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(195,195,176,1) 1%,rgba(218,218,206,1) 28%,rgba(244,243,232,1) 44%,rgba(242,241,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3b0', endColorstr='#f2f1ef',GradientType=0 ); /* IE6-9 */

}
.button span,
.button label{position: relative; display: inline-block; padding:0px 24px; height: 42px; background-color:#fff; color:#8aa588; border-radius: 21px; cursor: pointer; transition: all 0.3s ease-in-out; border:1px solid #8aa588;}
.button:hover{}
.button:hover:before{}
.button:hover span,
.button:hover label{background-color:#eaeddb;}

.button-holder{ color:#5b5f50; text-decoration: none; font-weight: 500; text-transform: uppercase; font-size: 16px; letter-spacing: 0px; display: inline-block; padding:8px 8px; line-height: 42px; border-radius: 28px; background-color:#fff; border:1px solid #d9dfc7; border-left-color: #d9dfc7; border-bottom-color: #eee; position: relative; overflow: hidden; transition:all 0.3s ease-in-out;}
.button-holder:before{content:''; display: block; width:100%; height: 100%; background-color:#d9dfc7; position: absolute; top:0px; left:0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c3c3b0+1,dadace+28,f4f3e8+44,f2f1ef+100 */
    background: rgb(195,195,176); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(195,195,176,1) 1%, rgba(218,218,206,1) 28%, rgba(244,243,232,1) 44%, rgba(242,241,239,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(195,195,176,1) 1%,rgba(218,218,206,1) 28%,rgba(244,243,232,1) 44%,rgba(242,241,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(195,195,176,1) 1%,rgba(218,218,206,1) 28%,rgba(244,243,232,1) 44%,rgba(242,241,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3b0', endColorstr='#f2f1ef',GradientType=0 ); /* IE6-9 */}
.button-holder a{position: relative; display: inline-block; padding:0px 24px; height: 42px; background-color:#fff; color:#8aa588; border-radius: 21px; cursor: pointer; transition: all 0.3s ease-in-out; border:1px solid #8aa588; text-decoration: none;}
.button-holder:hover a{background-color:#eaeddb;}

#bgPopup{ display:none; position:fixed; height:100%;  width:100%; top:0;left:0;background:#ffffff; z-index:999;}   
#Popup{ display:none; z-index:999;top:0px; left:0px; width:100%; height: 100%; padding:0px; position: fixed; overflow-y: auto; margin-bottom: 0px; background-color:rgba(0,0,0,0.5);}    

#initAnnouncement.PopupInter{width:80vw; max-width: 1024px;  padding-top:0px; padding-bottom:0px; margin:48px auto;}
#initAnnouncement.PopupInter .PopupPanel{padding-top:48px;}
/* Popup interior panel settings */

.text-wrap{max-width: 1280px; margin:0px auto;}
.PopupInter{width:100%; height: 100%;  position: relative; margin-left:auto; margin-right: auto;}
.PopupPanel{background-color:#FFF;margin-top:0px;padding:151px 48px 112px; min-height: 100%; position: relative; overflow-y: auto;}
.PopupInter .hide{position:fixed;right:40px;top:10px;width:44px;height:44px;cursor:pointer; background-image: url(../images/icons/hide_light.png); transition:all 0.3s ease-in-out; background-size: contain; background-position: center; border:2px solid #dadec9; border-radius: 50%; z-index: 999;}
.PopupInter .hide:hover{border-color:#999;}
#Popup .title{background-color:#dadec9; color:#fff; padding:24px 64px 24px; font-weight: 700; font-size: 48px; margin:0px 0px 32px; position: absolute; top:0px; left:0px; width:100%; position: fixed; z-index: 1; border:none;  box-shadow: rgba(0,0,0,0.5) 0px 4px 4px;}
#Popup .title h3{color:#fff; margin:0px; font-size: 48px; position: relative;}
#Popup .title:before{content:''; display: block; width:100%; height:100%; background-color:#818e6e;  position: absolute; left:0px;  bottom:9px;  box-shadow: rgba(0,0,0,0.5) 0px 4px 4px;}
#Popup hr.orange{display: block;border:none; height: 8px; border-radius: 4px; background-color:#e08a51;}

#Popup:before{ position: fixed; content:'';display: block; width:100%; height: 25px; background-color:#dadec9;box-shadow: rgba(0,0,0,0.5) 0px -4px 4px; bottom:0px; left:0px; z-index: 1;}
#Popup:after{ position: fixed; content:'';display: block; width:100%; height: 16px; background-color:#818e6e;box-shadow: rgba(0,0,0,0.5) 0px -4px 4px; bottom:0px; left:0px; z-index: 2;}
.jd-ui-button{cursor:pointer;}


.resource-list h5{font-weight: 500; color:#8aa588; font-size: 24px; margin-bottom: 0px;}
.resource-list ul{ list-style: none;}
.resource-list li{margin-bottom: 12px;}
.resource-list a{color:#666;}

figure.aside{float:left; max-width: 30%; margin:0px 24px 24px 0px;}
figure.aside figcaption{font-size: 14px; font-style: italic; color:#767676; text-align: center;}
figure.aside.right{float:right; margin:0px 0px 24px 24px;}

.catalogue-gallery{list-style: none; margin:24px auto; text-align: center;}
.catalogue-gallery li{display: inline-block; vertical-align: top; margin: 16px;}

input[type='radio']{display: inline-block; margin:4px 8px 12px 32px;}
header{ position: relative; z-index: 2; }
footer{position: relative; z-index: 1; background-color:#b3bca0; padding-top:16px; padding-bottom: 16px; min-height: 250px;}
footer:before{content:''; display: block; width:100%; height: 2px; background-color:#fff; margin-bottom: 24px;}
footer .content-wrap{height: 217px;}
footer .location{float:left; text-align: left;}
footer .copyright{float:right; text-align: right; font-size: 14px;}
footer .credits{clear:both; position: absolute; bottom:12px; left:0px; width:100%; text-align: center; margin-top:64px; font-size: 12px;}

#mobile-nav{display: none;}

#Content{display: table; table-layout: fixed; position: relative; width:100%; overflow: hidden;}
#Main{display: table-cell; padding:0px; padding-bottom: 120px; width:100%;}
#Sidenav{display: table-cell; width:300px; vertical-align: top; padding:18px 48px 18px 0px;  position: relative; z-index: 1; background-color:#fff;}
#Sidenav:before{width:200px; height: 200px; display: block; margin:44px auto 18px; content:''; background-image: url(../images/TPILogo-2025.svg); background-size: contain; background-position: center; background-repeat: no-repeat; }

#Sidenav nav{}
#Sidenav nav > ul{list-style: none; margin:0px 0px 42px 0px; padding:0px;}
#Sidenav nav > ul > li{ border-bottom: 1px solid #b6bba7;}
#Sidenav nav > ul > li > a{text-transform: uppercase; font-weight: 300; font-size: 18px; display:block; padding:18px 12px 18px 0px;  text-decoration: none; color:#5b5f50;}
#Sidenav nav > ul > li:last-child{border-bottom: none;}
#Sidenav nav .submenu{list-style: none; margin:0px; padding:0px; background-color:#f0f1ec;}
#Sidenav nav .submenu > li{border-bottom: 1px solid #b6bba7;}
#Sidenav nav .submenu > li:last-child{border-bottom: none;}
#Sidenav nav .submenu a{text-transform: uppercase; font-weight: 300; font-size: 18px; display:block; padding:18px 12px 18px 24px;  text-decoration: none; color:#5b5f50;}
#Sidenav nav .subsubmenu{list-style: none; margin:0px; padding:0px;}
#Sidenav nav .subsubmenu a{text-transform: capitalize; font-weight: 300; font-size: 16px; display:block; padding:18px 12px 18px 42px;  text-decoration: none; color:#5b5f50;}
#Sidenav nav .submenu .on > a{font-weight: 500;}
#Sidenav nav .subsubmenu .on a{font-weight: 500;}

#Sidenav a.button{margin:0px auto 24px auto;}

.home .hero{height: 350px; background-color:#818e6e; border-bottom: 10px solid #dadec9; position: relative;}
.home .hero:before{width:100%; height: 100%; position:absolute; top:0px; left:0px; background-size:auto 100%; background-image: url(../images/2025/Hero-Home.webp); background-position: right top;  background-repeat: no-repeat; width:100%; height: 100%; margin:0px; padding:0px; display: block; content:'';}
.home .hero:after{display: block; content:''; position: absolute; top:0; bottom:0; left:70px; right:0px; background-image: url(../images/TPILogo-2025-light.svg); background-size: 119px auto; background-position: center right 50px; background-repeat: no-repeat; }
.home .hero .content-wrap{background-color:transparent; height: 100%;}
.home .hero .tagline{float:right; padding-top:105px; padding-right: 250px; padding-left: 75px; color:#fff; font-weight: 800; font-size: 27px;}
.home .hero .tagline span{font-size: 54px;}
.home .hero .tagline .scroll-animate{margin-left:-51px; margin-top:32px;}

.home .hero{z-index: 2;}
.home .hero .content-wrap{height: 100%;}
.home .hero .content-wrap .navbuttons{position:absolute; top:100%; margin-top:24px; z-index: 2;}
.home #Main{padding-top:42px;}
.home .breadcrumbs{margin-top: -78px;}
.home #Sidenav{padding-top: 40px;}

.home .intro{padding-top:42px; padding-bottom: 16px;}
.home .intro h1{font-weight: 700; font-size: 32px; color:#6c743c;}
.home .intro p{line-height: 1.6em;}

.home .sections{margin-top:48px; margin-bottom: 72px;}
.home .sections .section{display: inline-block; position: relative; width:40%; margin-left:5%; margin-right: 5%; margin-bottom: 32px;  vertical-align: top; padding:0px 48px 24px 48px; }

.home .sections .section:before{content:''; display: block; width:100%; height: 200px; border-left:2px solid #daddc8; border-right: 2px solid #daddc8; position: absolute; top:250px; left:0px;}
.home .sections a{color:#5b5f50; position: relative; display: block; text-decoration: none; text-transform: uppercase; font-size: 22px; font-weight: 300; border-bottom: 3px solid #8aa588; padding-bottom: 8px; text-align: center;}
.home .sections a:before{content:''; display: block; margin:0px auto 12px; width:250px; height: 250px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.home .sections a:after{}
.home .sections .auditing a:before{background-image:url(../images/icons/auditing.svg);}
.home .sections .analytical a:before{background-image: url(../images/icons/analytical.svg);}
.home .sections .engineering a:before{background-image: url(../images/icons/engineering.svg);}
.home .sections .training a:before{background-image: url(../images/icons/training.svg);}

.home .sections p{font-size: 16px;}


.interior .hero{height: 200px; background-color:#818e6e; border-bottom: 10px solid #dadec9; position: relative;}
.interior .hero:before{width:100%; height: 100%; position:absolute; top:0px; left:0px; background-size:auto 100%; background-image: url(../images/2025/Hero-Home.webp); background-position: right top;  background-repeat: no-repeat; width:100%; height: 100%; margin:0px; padding:0px; display: block; content:'';}
.interior .hero:after{width:100%; height: 10px; background-color:rgba(255,255,255,0.25); display: block; content:''; position: absolute; bottom:0px; left:0px;}

.interior.login .hero{background-color:#26391b;}
.interior.login .hero:before{background-image: url(../images/banners/2025/TPIBANNERS1.webp);}

.interior.auditing-services .hero{background-color:#dbd2ab;}
.interior.auditing-services .hero:before{background-image: url(../images/banners/2025/TPIBANNERS17.webp);}

.interior.lumber-grading .hero{background-color:#cd8f38;}
.interior.lumber-grading .hero:before{background-image: url(../images/banners/2025/TPIBANNERS16.webp);}

.interior.lumber-mill-services .hero{background-color:#fffbd8;}
.interior.lumber-mill-services .hero:before{background-image: url(../images/banners/2025/LumberMill.webp);}

.interior.transient-lumber .hero{background-color:#9a5d26;}
.interior.transient-lumber .hero:before{background-image: url(../images/banners/2025/TPIBANNERS5.webp);}

.interior.log-home-services .hero{background-color:#1d1815;}
.interior.log-home-services .hero:before{background-image: url(../images/banners/2025/TPIBANNERS11.webp);}

.interior.glulam-finger-joint .hero{background-color:#a88f7c;}
.interior.glulam-finger-joint .hero:before{background-image: url(../images/banners/2025/glulamfingerjoint.webp);}

.interior.engineered-wood .hero{background-color:#573824;}
.interior.engineered-wood .hero:before{background-image: url(../images/banners/2025/TPIBANNERS18.webp);}

.interior.export-wood-packaging .hero{background-color:#253d1d;}
.interior.export-wood-packaging .hero:before{background-image: url(../images/banners/2025/TPIBANNERS21.webp);}

.interior.ippc-heat-treatment .hero{background-color:#4d2a14;}
.interior.ippc-heat-treatment .hero:before{background-image: url(../images/banners/2025/TPIBANNERS9.webp);}

.interior.wpm-training-resources .hero{background-color:#aeaaa1;}
.interior.wpm-training-resources .hero:before{background-image: url(../images/banners/2025/TPIBANNERS23.webp);}

.interior.ippc-fumigation .hero{background-color:#cd8f38;}
.interior.ippc-fumigation .hero:before{background-image: url(../images/banners/2025/TPIBANNERS16.webp);}

.interior.forestry-certification .hero{background-color:#26391b;}
.interior.forestry-certification .hero:before{background-image: url(../images/banners/2025/TPIBANNERS1.webp);}

.interior.panels .hero{background-color:#e7d2b7;}
.interior.panels .hero:before{background-image: url(../images/banners/2025/TPIBANNERS15.webp);}

.interior.pallets .hero{background-color:#e7d2b7;}
.interior.pallets .hero:before{background-image: url(../images/banners/2025/TPIBANNERS6.webp);}

.interior.treated-wood .hero{background-color:#253d1d;}
.interior.treated-wood .hero:before{background-image: url(../images/banners/2025/TPIBANNERS21.webp);}

.interior.truss .hero{background-color:#3b72ab;}
.interior.truss .hero:before{background-image: url(../images/banners/2025/TPIBANNERS3.webp);}

.interior.utility-poles-and-crossarms .hero{background-color:#342415;}
.interior.utility-poles-and-crossarms .hero:before{background-image: url(../images/banners/2025/TPIBANNERS4.webp);}

.interior.analytical-services .hero{background-color:#1d1815;}
.interior.analytical-services .hero:before{background-image: url(../images/banners/2025/TPIBANNERS12.webp);}

.interior.analytical-lab .hero{background-color:#d8d494;}
.interior.analytical-lab .hero:before{background-image: url(../images/banners/2025/TPIBANNERS14.webp);}

.interior.biomass-lab .hero{background-color:#ac8363;}
.interior.biomass-lab .hero:before{background-image: url(../images/banners/2025/BiomassLab.webp);}

.interior.lumber-mechanical-lab .hero{background-color:#36516c;}
.interior.lumber-mechanical-lab .hero:before{background-image: url(../images/banners/2025/PhysicalLab.webp);}

.interior.engineering-services .hero{background-color:#365677;}
.interior.engineering-services .hero:before{background-image: url(../images/banners/2025/EngineeringServices.webp);}

.interior.training-services .hero{background-color:#cbc6be;}
.interior.training-services .hero:before{background-image: url(../images/banners/2025/TrainingServices.webp);}

.interior.company-profile .hero{background-color:#1d1815;}
.interior.company-profile .hero:before{background-image: url(../images/banners/2025/TPIBANNERS11.webp);}

.interior.htnews .hero{background-color:#4d2a14;}
.interior.htnews .hero:before{background-image: url(../images/banners/2025/TPIBANNERS10.webp);}

.interior.contact .hero{background-color:#784846;}
.interior.contact .hero:before{background-image: url(../images/banners/2025/TPIBANNERS7.webp);}

.interior.tp-news .hero{background-color:#aa6d2a;}
.interior.tp-news .hero:before{background-image: url(../images/banners/2025/TPIBANNERS2.webp);}

.interior.grading-stamp-supplies .hero{background-color:#cd8f38;}
.interior.grading-stamp-supplies .hero:before{background-image: url(../images/banners/2025/TPIBANNERS16.webp);}

.interior.quality-live .hero{background-color:#dbd2ab;}
.interior.quality-live .hero:before{background-image: url(../images/banners/2025/TPIBANNERS17.webp);}

.interior.tp-advantage .hero{background-color:#dbd2ab;}
.interior.tp-advantage .hero:before{background-image: url(../images/banners/2025/TPIBANNERS17.webp);}

.interior .hero{z-index: 2;}
.interior .hero .content-wrap{height: 100%;}
.interior .hero .content-wrap .navbuttons{position:absolute; top:100%; margin-top:24px; z-index: 2;}
.navbuttons a{display: inline-block;}
.interior #Main{padding-top:78px;}
.interior .breadcrumbs{margin-top: -78px;}
.interior #Sidenav{padding-top: 40px;}

.interior .tab-body{padding:72px 32px; margin-bottom: 0px; min-height: 500px; position: relative;}
.interior .contacttab{background-color:#dadec9; padding:72px 32px; margin-bottom: 72px; border: solid #b6bba7; border-width:0px 1px 1px 1px; min-height: 0px;}
.interior .tab-body .contacttab{border:none; margin:0px -32px -72px -32px;}

.breadcrumbs{float:right; text-transform: lowercase; font-size: 14px; list-style: none; margin:0px; padding:0px;}
.breadcrumbs li{display: inline-block; padding:8px 0px 8px 8px;}
.breadcrumbs a:before{content: '>'; display: inline-block; padding-right: 8px;}
.breadcrumbs a{text-decoration: none; color:#5b5f50;}
.breadcrumbs li:first-child a:before{content:'';}
.breadcrumbs li:last-child a{color:#8aa588;}

.interior .intro h1{color:#dd6124; font-weight: 300; font-size: 32px; margin-bottom: 48px;}
.interior .intro h1 strong{color:#465f4f; display: block; font-weight: 500; font-size: 72px; line-height: 1em;}
.interior .intro h1 em{color:#999; font-style: normal; font-size: 24px;}
.interior .intro h1 strong em{font-size: inherit; font-style: italic; color:inherit; font-weight: 200;}
.interior .intro{margin-bottom: 64px;}

.auditing-services .subcategories{list-style: none; margin:0px; padding:0px;}
.auditing-services .subcategories li{display: inline-block; width:30%;margin:0px 5% 2.75% 0px; padding:0px; vertical-align: top;}
.auditing-services .subcategories li:nth-child(3n){margin-right: 0px;}
.auditing-services .subcategories a{display: block; text-align: center; font-size: 22px; text-transform: uppercase; font-weight: 300; color:#5b5f50; padding-bottom: 8px; text-decoration: none; border-bottom: 3px solid #8aa588; }
.auditing-services .subcategories a:before{content:''; display: block; width:80%; height: 140px; background-size: contain; background-position: center; background-repeat: no-repeat; margin:0px auto 16px;}

.auditing-services .subcategories .lumber-grading a:before{background-image: url(../images/icons/lumbergrading.svg);}
.auditing-services .subcategories .log-home-services a:before{background-image: url(../images/icons/loghomeservices.svg); width:52%;}
.auditing-services .subcategories .transient-lumber a:before{background-image: url(../images/icons/transientlumber.svg);}
.auditing-services .subcategories .glulam-finger-joint a:before{background-image: url(../images/icons/glulamjoint.svg);}
.auditing-services .subcategories .engineered-wood a:before{background-image: url(../images/icons/engineeredwood.svg);}
.auditing-services .subcategories .export-wood-packaging a:before{background-image: url(../images/icons/exportpackaging.png);}
.auditing-services .subcategories .forestry-certification a:before{background-image: url(../images/icons/forestrycertification.svg);}
.auditing-services .subcategories .pallets a:before{background-image: url(../images/icons/pallets.svg);}
.auditing-services .subcategories .panels a:before{background-image: url(../images/icons/panels.svg);}
.auditing-services .subcategories .treated-wood a:before{background-image: url(../images/icons/treatedwood.svg);}
.auditing-services .subcategories .truss a:before{background-image: url(../images/icons/truss.svg);}
.auditing-services .subcategories .utility-poles-and-crossarms a:before{background-image: url(../images/icons/utilitypoles.svg);}
.auditing-services .subcategories .wood-pellet-auditing a:before{background-image: url(../images/icons/wood-pellets.svg);}
.auditing-services .subcategories .specialized-auditing-programs a:before{background-image: url(../images/icons/auditing.png);}


.lumber-grading .subcategories li{display: block; width:auto; margin:0px 0px 54px;  border-bottom: 2px solid #daddc8; position: relative; padding-left: 200px; min-height: 200px;}
.lumber-grading .subcategories li:after{display: block; content:''; clear: both;}
.lumber-grading .subcategories a{text-align: left; display: inline-block; margin-bottom: 16px;}
.lumber-grading .subcategories li a:before{position: absolute; top:0px; left:0px; width:175px; height: 175px;}

.lumber-grading .subcategories li.lumber-mill-services a:before{background-image: url(../images/icons/lumbermillservices.svg);}
.lumber-grading .subcategories li.log-home-services a:before{background-image: url(../images/icons/loghomeservices.svg);}
.lumber-grading .subcategories li.transient-lumber a:before{background-image: url(../images/icons/transientlumber.svg);}
.lumber-grading .subcategories li.glulam-finger-joint a:before{background-image: url(../images/icons/glulamjoint.svg);}

.export-wood-packaging .subcategories li.ippc-heat-treatment a:before{background-image: url(../images/IPPC-HT-stamp.png);}
.export-wood-packaging .subcategories li.wpm-training-resources a:before{background-image: url(../images/wpm-training.svg);}
.export-wood-packaging .subcategories li.ippc-fumigation a:before{background-image: url(../images/IPPC-Fumigation-stampLG.jpg);}

.panels .subcategories li.wood-panels-auditing a:before{background-image: url(../images/icons/panels.svg);}
.panels .subcategories li.the-panel-advisor a:before{background-image: url(../images/icons/gradingcourses.svg);}
.panels .subcategories li.client-mills a:before{background-image: url(../images/icons/drykilntraining.svg);}

.analytical-services .subcategories{list-style: none; margin:0px; padding:0px;}
.analytical-services .subcategories li{display: inline-block; width:30%;margin:0px 5% 2.75% 0px; padding:0px; vertical-align: top;}
.analytical-services .subcategories li:nth-child(3n){margin-right: 0px;}
.analytical-services .subcategories a{display: block; text-align: center; font-size: 22px; text-transform: uppercase; font-weight: 300; color:#5b5f50; padding-bottom: 8px; text-decoration: none; border-bottom: 3px solid #8aa588; }
.analytical-services .subcategories a:before{content:''; display: block; width:80%; height: 140px; background-size: contain; background-position: center; background-repeat: no-repeat; margin:0px auto 16px;}
.youtube-embed{max-width: 550px; margin:0px auto;}

.analytical-services .subcategories .analytical-lab a:before{background-image: url(../images/icons/analyticallab.svg);}
.analytical-services .subcategories .biomass-lab a:before{background-image: url(../images/icons/biomasslab.svg);}
.analytical-services .subcategories .lumber-mechanical-lab a:before{background-image: url(../images/icons/mechanicallab.svg);}
.analytical-services .subcategories .wood-pellet-inspections a:before{background-image: url(../images/icons/wood-pellets.svg);}
.analytical-services .subcategories .enplus-certification a:before{background-image: url(../images/ENplus%20logo.jpg);}

.training-services .subcategories{padding:0px; margin:0px; list-style: none;}
.training-services .subcategories li{list-style: none; padding:0px; display: block; width:auto; margin:0px 0px 54px;  border-bottom: 2px solid #daddc8; position: relative;}
.training-services .subcategories li:after{display: block; content:''; clear: both;}
.training-services .subcategories a{font-size: 22px; text-transform: uppercase; font-weight: 300; color:#5b5f50; padding-bottom: 8px; text-decoration: none; border-bottom: 3px solid #8aa588;  text-align: left; display: inline-block; margin-bottom: 16px;}

.training-services .subcategories li{display: block; width:auto; margin:0px 0px 54px;  border-bottom: 2px solid #daddc8; position: relative; padding-left: 200px; min-height: 200px;}
.training-services .subcategories li:after{display: block; content:''; clear: both;}
.training-services .subcategories a{text-align: left; display: inline-block; margin-bottom: 16px;}
.training-services .subcategories a:before{content:''; display: block; background-size: contain; background-position: center; background-repeat: no-repeat; margin:0px auto 16px; position: absolute; top:0px; left:0px; width:150px; height: 175px;}


.training-services .subcategories li.planer-setup a:before{background-image: url(../images/icons/planersetup.svg)}
.training-services .subcategories li.quality-management a:before{background-image: url(../images/icons/qualitymanagement.svg)}
.training-services .subcategories li.dry-kiln-operations a:before{background-image: url(../images/icons/drykilntraining.svg)}
.training-services .subcategories li.grading-courses a:before{background-image: url(../images/icons/gradingcourses.svg)}
.training-services .subcategories li.wpm-program-course a:before{background-image: url(../images/icons/exportpackaging.png)}

.tp-advantage.tp-training .subcategories{padding:0px; margin:0px; list-style: none;}
.tp-advantage.tp-training .subcategories li{list-style: none; padding:0px; display: block; width:auto; margin:0px 0px 54px;  border-bottom: 2px solid #daddc8; position: relative;}
.tp-advantage.tp-training .subcategories li:after{display: block; content:''; clear: both;}
.tp-advantage.tp-training .subcategories a{font-size: 22px; text-transform: uppercase; font-weight: 300; color:#5b5f50; padding-bottom: 8px; text-decoration: none; border-bottom: 3px solid #8aa588;  text-align: left; display: inline-block; margin-bottom: 16px;}

.tp-advantage.tp-training .subcategories li{display: block; width:auto; margin:0px 0px 54px;  border-bottom: 2px solid #daddc8; position: relative; padding-left: 200px; min-height: 200px;}
.tp-advantage.tp-training .subcategories li:after{display: block; content:''; clear: both;}
.tp-advantage.tp-training .subcategories a{text-align: left; display: inline-block; margin-bottom: 16px;}
.tp-advantage.tp-training .subcategories a:before{content:''; display: block; background-size: contain; background-position: center; background-repeat: no-repeat; margin:0px auto 16px; position: absolute; top:0px; left:0px; width:150px; height: 175px;}


.tp-advantage.tp-training .subcategories li.planer-setup a:before{background-image: url(../images/icons/planersetup.svg)}
.tp-advantage.tp-training .subcategories li.quality-management a:before{background-image: url(../images/icons/qualitymanagement.svg)}
.tp-advantage.tp-training .subcategories li.dry-kiln-operations a:before{background-image: url(../images/icons/drykilntraining.svg)}
.tp-advantage.tp-training .subcategories li.grading-courses a:before{background-image: url(../images/icons/gradingcourses.svg)}

.login .intro{padding-top:97px;}

ul#column_1 {list-style: none; margin:0px; padding:0px;}

.contact .message{margin-top:-50px; margin-bottom: 32px;}
.contact .message h3{color:#dd6124;}

.contact-form:after{content:''; display: block; clear:both;}
.contact-form .location{float:right; width:50%; padding-left:32px; }
.contact-form .form{float:left; width:50%; padding-right: 32px; border-right:1px solid #b6bba7;}

.contact-form #careers-options{height:auto; opacity: 0; max-height: 0px; margin: 0px 0px -32px 0px; overflow: hidden; transition: all 0.3s ease-in-out; }
.contact-form #careers-options.on{max-height: 450px; opacity: 1; margin-bottom: 32px;}

.contact-form .map{margin-top:24px;}
.contact-form .map iframe{max-width: 100%;}

.contact-form ul.offices{list-style: none; margin:0px; padding:0px;}
.contact-form ul.offices li{margin-bottom: 12px; padding-bottom: 12px; width:50%; display: inline-block;}

ul.team{list-style: none; column-count: 2;}
ul.team li{margin-bottom: 16px;}

.contact h3 a{font-weight: 400; text-decoration: none; color:#465f4f;}

.tp-news .news-list{}
.tp-news .news-item{border-bottom:1px solid #b6bba7; padding:24px 0px;}
.tp-news .news-item:last-child{border-bottom: none;}
.tp-news .news-item .more{padding:0px 0px; overflow: hidden; max-height: 0px; transition:all 0.8s ease-in-out;}
.tp-news .news-item.on .more{max-height: 1500px;}

.tp-news .news-item h2{font-weight: 500; color:#8aa588; font-size: 24px; margin-bottom: 0px;}
.tp-news .news-item .date{color:#999; margin-bottom: 32px; font-size: 16px;}
.tp-news #events_list h3{color:#465f4f; font-weight: 500; text-transform: uppercase; font-size: 32px;}
.tp-news #events_list{width:540px; float:right; background-color:#dadec9; margin:0px 0px 24px 48px; padding:0px 24px 24px; border: 8px solid #c4ceb7;}
.tp-news #events_list .event{cursor: auto;}
#events_list .date{background-color:#818e6e;}
#events_list .summary{color:#465f4f;}
#events_list .extended_date{color:#999; font-size: 16px; font-style: italic;}
#events_list .month_day{color:#465f4f;}
#events_list .event{border-bottom:none;}

.clients_list{}
.clients_list .client{border-bottom:1px solid #b6bba7; padding:24px 0px; display: none;}
.clients_list .client.on{display: block;}
.clients_list .client:after{content:''; display: block; clear: both;}
.clients_list .client h4,
.clients_list .client h5{font-weight: 500; color:#8aa588; font-size: 24px; margin-bottom: 0px;}
.clients_list figure{margin-left:0px; width:250px; height: auto;}
.clients_list figure img{width:100%; height: auto;}
.clients_list .mill{color:#dd6124;  font-size: 16px;}
.clients_list .location{color:#999;  font-size: 16px;}
.clients_list .website{color:#999; margin-bottom: 32px; font-size: 16px;}
.clients_list .certifications{float:left; width:50%; list-style: none;}
.clients_list .certifications li{margin-bottom: 12px;}
.clients_list .certifications a{color:#666;}
.clients_list .products{float:left; width:50%;}
.clients_list .facilities{list-style: none; padding:0px; margin:0px;}
.clients_list .facilities li{display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 16px; }
.clients_list .facilities li .facility{display: block; width:50%; padding-right: 24px;}
.clients_list .facilities li .facility h5{margin-top:0px; font-size: 18px;}
.news-archive ul{list-style: none; margin:0px; padding:0px;}
.news-archive li{border-bottom:1px solid #b6bba7; padding:24px 0px;}
.news-archive h5 a{font-weight: 500; color:#8aa588; font-size: 24px; margin-bottom: 0px;}

.board-of-advisors h5{font-weight: 500; color:#8aa588; font-size: 24px;margin-top:0px; margin-bottom: 0px;}
.board-of-advisors .division{border-bottom:1px solid #b6bba7; padding:24px 0px;}
.board-of-advisors .division:nth-child(1){padding-top:0px;}


.toggle{display: block; width:30px; height: 30px; border-radius: 50%; background-color:#818e6e; position: relative; box-shadow: rgba(0,0,0,0.3) 1px 1px 0.5px; transition:all 0.3s ease-in-out; z-index: 1; cursor: pointer;}
.toggle:before{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(0deg); top:14px; left:7px; transition:all 0.3s ease-in-out;}
.toggle:after{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(90deg); top:14px; left:7px; transition:all 0.3s ease-in-out;}
.toggle:hover:after{transform:rotate(0deg); top:15px; left:7px;}
.toggle:hover:before{transform:rotate(45deg); height: 14px; width:14px; top:8px; left:7px; border-right:2px solid #fff;}

.toggle-more{text-align: right;}
.toggle-more:before{content:'read more '; color:#b6bba7;}
.toggle-more .toggle{display: inline-block;  vertical-align: middle; position: relative; bottom:auto; right:auto; left:auto; top:-3px; transform:rotate(90deg);}
.on > .toggle-more:before{content:'Read less ';}
.on > .toggle-more .toggle{transform:rotate(-90deg);}
.on > .toggle-more .toggle:before{transform:rotate(90deg);}
.on > .toggle-more .toggle:hover:before{transform: rotate(45deg);}


.pagination{display: block; text-align: center; margin:0px 24px 24px 0px; padding-right: 16px;}
.pagination h5{text-transform: uppercase; font-weight: 400; font-size: 16px; color:#676767; margin:0px;}
.pagination a{display: inline-block; text-decoration: none; color:#676767; padding:6px 12px;}
.pagination a.active{color:#dd6124; font-weight:800;}
.pagination a.prev{width:30px; height: 30px; vertical-align: middle; border-radius: 50%; background-color:#b6bba7; position: relative;}
.pagination a.prev:before{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(0deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(-135deg); height: 14px; width:14px; top:8px; left:7px; border-right:2px solid #fff; }
.pagination a.prev:after{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(90deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(0deg); top:15px; left:7px;}

.pagination a.next{width:30px; height: 30px; vertical-align: middle; border-radius: 50%; background-color:#b6bba7; position: relative;}
.pagination a.next:before{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(0deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(45deg); height: 14px; width:14px; top:8px; left:7px; border-right:2px solid #fff; }
.pagination a.next:after{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(90deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(0deg); top:15px; left:7px;}
.pagination span{display: inline-block; text-decoration: none; color:#676767; padding:6px 12px; cursor: pointer;}
.pagination span.on{color:#dd6124; font-weight:800;}
.pagination .breaker{}


.gallery-details .gallery{padding-bottom: 64px;}
.gallery .pswp-gallery figure{display: inline-block; width:200px; margin:12px; vertical-align: top;}
.gallery .pswp-gallery figure img{max-width: 100%;}
.gallery .pswp-gallery figcaption{font-weight: 400; font-size: 16px; text-align: center; display: none;}
.gallery .pswp-gallery figcaption .description{display: none;}
.pswp__caption__center{text-align: center;}
.pswp__caption__center .title{display: block; text-align: center; font-size: 16px; }

.map .dots-frame{width:100%; height: 100%; top:0px; left:0px; position: absolute;}
.map .dot{position: absolute; width:8px; height: 8px; background-color:#dd6124; box-shadow: rgba(0,0,0,0.5) 1px 1px 1px 1px; border-radius: 50%;  box-sizing: content-box; cursor: pointer; transition: all 0.3s ease-in-out;}
.map .dot:before{content:''; display: block; position: absolute; top:100%; left:3px; width:1px; height: 8px; border-color:transparent; border-style: solid; border-width: 8px 1px; border-top-color:#345c47;}
.map .dot.office{border:4px solid #fff; }
.map .dot.office:before{border-top-color:#fff; margin-top:4px;}
.map .dot.contractor{background-color:#1e4a28;}
.map .dot .tooltip{display: inline-block; background-color:#fff; padding:8px 16px; opacity: 0; transition: all 0.3s ease-in-out; position: absolute; left:100%; top:100%; margin:-2px 0px 0px -2px; z-index: 999; box-shadow: rgba(0,0,0,0.5) 1px 1px 1px 1px; border-radius: 2px; font-size: 16px;}
.map .dot.on{/*background-color:#eb9939; box-shadow: rgba(240, 229, 199, 0.5) 1px 1px 1px 1px;*/}
.map .dot.on .tooltip{opacity: 1;}

.representative-map{width:880px; height: 572px; margin:0px auto 24px; position: relative; max-width: 100%; background-image: url(../images/US-Canada-Mexico-GreenLight.png); background-size: 880px 568px; background-position: center top; background-repeat: no-repeat;}
.representative-map .dots-frame{top:45px; left:-58px;}
.central-america-region{position: relative; width:400px; height: 258px; background-image: url(../images/CentralSouth.png); background-size: 400px 258px; border:1px solid #767676; margin:0px 24px 24px 0px; display: inline-block; vertical-align: top;}
.south-america-region{position: relative; width:237px; height: 258px; background-image: url(../images/SouthAmerica.png); background-size: 237px 258px; border:1px solid #767676; margin:0px 24px 24px 0px; display: inline-block; vertical-align: top;}
.europe-region{ position: relative; width:400px; height: 258px; background-image: url(../images/Europe-Green400.png); background-size: 400px 258px; border:1px solid #767676; margin:0px 0px 24px 0px; display: inline-block; vertical-align: top;}
.legend.map{position: absolute; top:526px; left:100px; background-color:#abc1a4; color:#fff; padding:16px 24px 0px; border:1px solid #767676;}
.legend.map ul{margin: 0px; padding: 0px;}
.legend.map li{position: relative;list-style: none; padding-left: 16px; margin-bottom: 16px; font-style: italic; font-size: 14px;}
.legend.map .dot{left:0px;}
.legend.map .dot.office{left:-5px;}

.location_list{display: block; column-count: 4;}
.location_list .state{break-inside: avoid; font-size: 16px; font-weight: 300; }
.location_list .state h4{font-weight: 300; margin:0px 0px 16px; font-size: 22px;color:#767676;}
.location_list .state ul{list-style: none; margin:0px 0px 16px; padding:0px 0px 0px 16px;}

.company-profile .logo-list{ margin-bottom: 64px; margin-top:48px;}
.company-profile .logo-list:after{content:''; display: block; clear: both;}
.company-profile .logo-list img{ display: inline-block; width:16%; margin:0px 2%; float:left; vertical-align: top;}
.company-profile .logo-list .tpi-logo{display: block; width:auto; margin:0px auto; float:none;}
.company-profile .logo-list .tpi-logo:after{content:''; display: block; clear: both;}
.company-profile .logo-list .bel-logo{clear: left}
.company-profile .logo-list .TPIE-logo{}
.company-profile .logo-list .TPTS-logo{}
.company-profile .logo-list .CSI-logo{}


.company-profile .frame{position: relative; width:100%; height: auto; padding-top: 60%;}
.company-profile #representative-map{position: absolute; width:100%; height: 100%; top:0px; bottom:0px;}

h2{font-weight: 300; font-size: 32px; color:#dd6124; text-transform: uppercase;}
h3{font-weight: 700; color:#6f7a5c; font-size: 24px;}
.expertise_all{column-count: 2;}
.expertise_all .service{break-inside: avoid;}
.expertise_all h4{text-transform: uppercase; font-weight: 300; font-size: 22px; margin:0px 0px 16px 0px; color:#767676;}
.expertise_all .service-list{list-style: none; font-weight: 500; font-size: 16px; margin:0px 0px 32px 0px; padding:0px 0px 0px 16px;}

.youtube-embed iframe{margin-left: auto; margin-right: auto; display: block;}

#nav404{column-count: 3; margin-top:48px;}
#nav404 ul{list-style: none; margin:12px 0px;}
#nav404 > ul{margin-top:0px;}
#nav404 li{margin-bottom: 12px;}
#nav404 a{text-decoration: none;}
#nav404 .toggle{display: none;}


#search_results{}
#search_results .page_link{margin-bottom: 18px}
#search_results .page_link a{text-decoration: none; font-size: 1.2em; font-weight: 600;}
#search_results .page_link a span{ display: block; font-style: italic; color:#999; font-size: 0.6em; font-weight: 300;}

@media screen and (max-width:1664px){
    .content-wrap{width:auto; padding-left:32px; padding-right: 32px;}
    .body-content{background-color:#fff;}
    .home .sections a:before{width:175px; height: 175px;}
}

@media screen and (max-width:1615px){
    ul.tabs li{font-size: 16px; padding:12px 12px 12px 36px;}
}


@media screen and (max-width:1240px){
    header{position: fixed; top:0px; left:0px; width:100%; height: 75px; background-color:rgba(255,255,255,0); z-index: 999; box-shadow: rgba(0,0,0,0.0) 1px 0px 1px 2px; transition:all 0.3s ease-in-out;}
    
    body.offtop header{background-color:rgba(255,255,255,0.8);  box-shadow: rgba(0,0,0,0.3) 1px 0px 1px 2px;}
    
    header:before{content:'MENU'; color:#d9dfc7; font-weight: 600; font-size: 16px; display: block; width:53px; padding-bottom: 3px; text-align: center; border-bottom: 2px solid #d9dfc7; position: absolute; top:16px; left:16px; transition:all 0.3s ease-in-out;}
    header:after{content:''; display: block; width:53px; border-top:2px solid #d9dfc7; border-bottom: 2px solid #d9dfc7; height: 5px; position: absolute; top:45px; left:16px; transition:all 0.3s ease-in-out;}
    
    body.offtop header:before{border-bottom-color:#5b5f50; color:#5b5f50;}
    body.offtop header:after{border-top-color:#5b5f50; border-bottom-color:#5b5f50;}
    
    .hero,
    #Content,
    footer{transition:all 0.3s ease-in-out; position: relative; z-index: 1}
    
    body.nav-on .hero,
    body.nav-on #Content,
    body.nav-on footer{transform: translateX(450px); }
    body.nav-on header{background-color:rgba(255,255,255,0.8); box-shadow: rgba(0,0,0,0.3) 1px 0px 1px 2px;}
    body.nav-on header:before{border-bottom-color:#5b5f50; content:''; height: 50px; width:36px; transform: rotate(45deg) translate(-4px, -39px);}
    body.nav-on header:after{border-bottom-color:#5b5f50; border-top:0px solid #d9dfc7; height: 50px; width:36px; transform: rotate(-45deg) translate(31px, -49px);}
    
    #mobile-nav{display: block; position:fixed;  top:0px; left:0px; height: 100vh; width:450px; max-width: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: inset rgba(0,0,0,0.4) 0px -1px 1px 2px;  background-color:#d9dfc7;}
    
    #mobile-nav ul{list-style: none; margin:0px; padding:92px 0px 81px 0px;  position: relative; width:100%;min-height: 100%; }
    #mobile-nav li{margin:0px; padding:0px; border-bottom: 1px solid #5b5f50;}
    #mobile-nav .submenu{position: absolute; top:0px; left:100%; width:100%; transition:all 0.3s ease-in-out; background-color:#b3bca0;z-index: 2 }
    #mobile-nav .subsubmenu{position: absolute; top:0px; left:100%; width:100%; transition:all 0.3s ease-in-out; background-color:#5b5f50;z-index: 3; }
    #mobile-nav ul a,
    #mobile-nav .no-link{display: inline-block; width:auto; padding:24px 48px 24px; text-decoration: none;  color:#5b5f50; cursor:pointer;}
    #mobile-nav .subsubmenu a{color:#fff;}
    #mobile-nav .subsubmenu li{border-bottom-color: #fff;}
    #mobile-nav .toggle{position: static; float:right; margin:18px; z-index: 0; background-image: url(../images/menu-plus-g.svg); background-size: 66%; background-repeat: no-repeat; background-position: center;}
    #mobile-nav .toggle:before,
    #mobile-nav .toggle:after{display: none;}
    #mobile-nav .on > .submenu,
    #mobile-nav .on > .subsubmenu{left:55px; }
    #mobile-nav .submenu .toggle{margin-right: 72px;}
    #mobile-nav .buttons{position: absolute; bottom:16px; text-align: center;}
    #mobile-nav .buttons .button{margin-bottom: 12px;}
   
    #Sidenav{display: none;}
    
    .interior .intro{margin-bottom: 32px;}
    .interior .intro h1{margin-bottom: 0px; font-size: 24px;}
    .interior .intro h1 strong{font-size: 36px;}
    
    .interior .contacttab{padding:24px 16px;}
    #Main{padding-bottom: 64px;}
    .contact .message{margin-top:0px;}
}

@media screen and (max-width:1030px){
    
    .map .dots-frame{display: none;}
    .representative-map{background-image: url(../images/usmap-capture.jpg); background-size: contain; background-repeat: no-repeat; background-position: center top; max-width: 100%; border:1px solid #767676; height: auto; padding-top:66%; width:auto;}
    .central-america-region{background-image: url(../images/centralsouth-capture.jpg); background-size: contain; background-repeat: no-repeat; background-position: center top; max-width: 100%;}
    .south-america-region{background-image: url(../images/SouthAmerica-capture.jpg); background-size: contain; background-repeat: no-repeat; background-position: center top; max-width: 100%;}
    .europe-region{background-image: url(../images/Europe-Green400-capture.jpg); background-size: contain; background-repeat: no-repeat; background-position: center top; max-width: 100%;}
    .legend.map{position: static; margin-bottom: 24px; display: inline-block;}

    .interior .hero .content-wrap .navbuttons{margin-top:40px;}
    .interior #Main{padding-top: 92px;}
    .interior .breadcrumbs{margin-top: -92px;}
    .navbuttons a{font-size: 12px;}
    .navbuttons a span{padding:0px 12px;}
}


/*@media screen and (min-width:981px) and (max-width:1100px){
    .biomass-lab ul.tabs li{font-size: 16px; display: block; border-left: none; border-right:none; border-top-left-radius: 0px; border-top:4px solid #6f7a5c; padding-left: 36px;}
    .biomass-lab ul.tabs li:first-child{border-top-right-radius: 2px; border-top-left-radius: 2px;}
    .biomass-lab ul.tabs li.on{border-top-color:#b3bca0; border-bottom: none;}
    .biomass-lab ul.tabs li:before{display: none;}
    .biomass-lab ul.tabs label:after{display: none;}
    .biomass-lab ul.tabs li:after{display: none;}
    
    .biomass-lab ul.tabs{height: auto; max-height: 36px; overflow: hidden; padding-top:36px; transition:all 0.3s ease-in-out; margin-left:-32px; margin-right: -32px;}
    .biomass-lab ul.tabs.on{max-height: 300px;}
    .biomass-lab ul.tabs:before{position: absolute; top:2px; left:32px; width:30px; height: 30px; border-radius: 50%; background-color:#6f7a5c; box-shadow: rgba(0,0,0,0.3) 1px 1px 2px 0px; display: block; content:''; background-image: url(../images/menu-more-g.svg); background-size:auto 80%; background-repeat: no-repeat; background-position: center; transition:all 0.3s ease-in-out; }
    .biomass-lab ul.tabs.on:before{transform: rotate(90deg); transform-origin: center; box-shadow: rgba(0,0,0,0.3) 1px -1px 2px 0px;}
    .biomass-lab ul.tabs.extratabs{padding-top:0px; max-height: 0px;}
    .biomass-lab ul.tabs.extratabs.on{max-height: 700px;}
    .biomass-lab ul.tabs.extratabs:before{display: none;}
}*/


@media screen and (min-width:981px){
    
    ul.tabs.extratabs{float:right;}
    ul.tabs.extratabs li{display: block; border-radius: 0px; text-align: center; border-width:0px 1px 1px 1px; border-style: solid; border-color: #b6bba7; padding:12px 32px;}
    ul.tabs.extratabs li:nth-child(1){border-top-left-radius: 0px;}
    ul.tabs.extratabs li:before,
    ul.tabs.extratabs li:after,
    ul.tabs.extratabs label:after{display: none;}
    
    ul.tabs.extratabs{height: auto; max-height: 36px; overflow: hidden; padding-top:36px; transition:all 0.3s ease-in-out; position: relative; top:-36px;}
    ul.tabs.extratabs.on{max-height: 300px;}
    ul.tabs.extratabs:before{position: absolute; top:2px; right:2px; width:30px; height: 30px; border-radius: 50%; background-color:#6f7a5c; box-shadow: rgba(0,0,0,0.3) 1px 1px 2px 0px; display: block; content:''; background-image: url(../images/menu-more-g.svg); background-size:auto 80%; background-repeat: no-repeat; background-position: center; transition:all 0.3s ease-in-out; }
    ul.tabs.extratabs.on:before{transform: rotate(90deg); transform-origin: center; box-shadow: rgba(0,0,0,0.3) 1px -1px 2px 0px;}
}

@media screen and (max-width:980px){
    
    .content-wrap{padding-left: 16px; padding-right: 16px;}
    
    .home .hero .tagline span{font-size: 36px;}
    .home .intro h1{font-size: 22px;}
    .home .intro p{line-height: 1.4em;}
    .home .sections{margin-top: 16px;}
    .home .sections a:before{width:120px; height: 120px;}
    .home .sections .section{width:46%; margin-left: 2%; margin-right: 2%; padding:0px 24px 24px;}
    .home .sections .section:before{top:162px;}
    
    .interior .intro h1{font-size: 24px;}
    .interior .intro h1 strong{font-size: 48px;}
    .interior .intro{margin-bottom: 40px;}
    .auditing-services .subcategories a{font-size: 18px;}
    .auditing-services .subcategories a:before{height: 100px;}
    
    ul.tabs li{font-size: 16px; display: block; border-left: none; border-right:none; border-top-left-radius: 0px; border-top:4px solid #6f7a5c; padding-left: 36px;}
    ul.tabs li:first-child{border-top-right-radius: 2px; border-top-left-radius: 2px;}
    ul.tabs li.on{border-top-color:#b3bca0; border-bottom: none;}
    ul.tabs li:before{display: none;}
    ul.tabs label:after{display: none;}
    ul.tabs li:after{display: none;}
    
    ul.tabs{height: auto; max-height: 36px; overflow: hidden; padding-top:36px; transition:all 0.3s ease-in-out; margin-left:-16px; margin-right: -16px;}
    ul.tabs.on{max-height: 300px;}
    ul.tabs:before{position: absolute; top:2px; left:16px; width:30px; height: 30px; border-radius: 50%; background-color:#6f7a5c; box-shadow: rgba(0,0,0,0.3) 1px 1px 2px 0px; display: block; content:''; background-image: url(../images/menu-more-g.svg); background-size:auto 80%; background-repeat: no-repeat; background-position: center; transition:all 0.3s ease-in-out; }
    ul.tabs:after{content: 'select'; position: absolute; top:10px; left:51px; font-weight: 700; font-size: 0.7em; text-transform: uppercase; color:#6f7a5c; }
    ul.tabs.on:before{transform: rotate(90deg); transform-origin: center; box-shadow: rgba(0,0,0,0.3) 1px -1px 2px 0px;}
    ul.tabs.extratabs{padding-top:0px; max-height: 0px;}
    ul.tabs.extratabs.on{max-height: 700px;}
    ul.tabs.extratabs:before{display: none;}
    
    .htnews ul.tabs.on{max-height: 700px;}
    
    .interior .tab-body{padding:24px 16px; margin-left:-16px; margin-right: -16px; border:none;}
    .interior .contacttab{padding:24px 16px; margin-left:-16px; margin-right: -16px; border:none;}
    .interior .tab-body .contacttab{margin:0px -16px -24px -16px}
    h2{font-size: 18px;}
    h3{font-size: 18px;}
    .accordian-modal > li > h3:after{display: none;}
    
    .training-services .intro img,
    .Page .text img{max-width: 30%; height: auto !important;}
    
    
    
    .analytical-services .subcategories li{display: block; width:auto; margin:0px 0px 16px 0px; padding:0px 0px 16px; position: relative; min-height: 100px; padding-left:174px;}
    .analytical-services .subcategories a{display: inline-block; text-align: left;}
    .analytical-services .subcategories a:before{width:150px; height: 124px; position: absolute; top:0px; left:0px;}
    
    .analytical-services .subcategories a{text-align: left; display: inline-block; margin-bottom: 16px;}
    
    .company-profile .logo-list .tpi-logo{width:250px;}
    .tp-news #events_list{width:auto; float:none; margin-left: 0px;}
    .tp-news #events_list:after{content:''; display: block; clear: both;}
}

@media screen and (max-width:768px){
    .contact-form .form{float:none; width:auto; padding-right: 0px; border-right: none;}
    .contact-form .location{float:none; width:auto; padding-left: 0px;}
    .contact-form .map iframe{display: block; margin-left: auto; margin-right: auto;}
}



@media screen and (max-width:760px){
    body{font-size: 16px;}
    .interior .hero{height: 150px;}
    #Main{padding-bottom: 64px;}
    .home .hero{height: 200px;}
    .homr .hero:after{background-size:89px auto; background-position: center right 7px;}
    .home .hero .tagline{float:none; padding:44px 75px 0px; text-align: center;}
    .home .hero .tagline .scroll-animate{margin-left: 0px; margin-top: 0px;}
    
    header{height: 62px;}
    .home .sections{margin-bottom: 0px;}
    .home .sections .section{width:auto; display: block; margin:0px 0px 24px 0px; padding:0px 0px 24px 124px; border-bottom: 2px solid #daddc8; }
    .home .sections .section:before{top:0px; left:0px; width:100px; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center; border:none;}
    .home .sections a{display: inline-block; text-align: left;}
    .home .sections a:before{display: none;}
    .home .sections .auditing:before{background-image:url(../images/icons/auditing.svg);}
    .home .sections .analytical:before{background-image: url(../images/icons/analytical.svg);}
    .home .sections .engineering:before{background-image: url(../images/icons/engineering.svg);}
    .home .sections .training:before{background-image: url(../images/icons/training.svg);}

    input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"]{font-size: 16px;}
    
    select{max-width: 100%; font-size: 16px; text-overflow:clip;}
    
    
    .panels .subcategories li{display: block; width:auto; margin:0px 0px 24px 0px; border-bottom: 2px solid #daddc8; padding-bottom: 24px; padding-left: 124px; position: relative;}
    .panels .subcategories a{display: inline-block; text-align: left;}
    .panels .subcategories a:before{width:100px; height: 100px; position: absolute; top:0px; left:0px;}
    
    .Page .gallery .pswp-gallery{text-align: center;}
    .Page .gallery .pswp-gallery figure{width:175px;}
    
    .clients_list .certifications{float:none; width:auto;}
    .clients_list .products{float:none; width:auto;}
    
    /*analytical-lab field testing*/
    #row_522 .span8{display: block; float:none; width:auto;}
    #row_522 .span4{display: block; float:none; width: auto;}
    /*lumber-mechanical*/
    #row_12 .span8{display: block; float:none; width:auto;}
    #row_12 .span4{display: block; float:none; width:auto;}

    
    .company-profile .logo-list img{width:35%; margin:0px 7.5%;}
    
    .Page.newsletter-body{}
    .Page.newsletter-body > .row > .container.span4{width:auto; float:none;}
    .Page.newsletter-body > .row > .container.span8{width:auto; float:none;}
    
    .location_list{column-count: 3;}
    
    .interior .intro p{font-size: 14px;}
    
    .auditing-services .subcategories li{display: block; width:auto; margin:0px 0px 16px 0px; padding:0px 0px 16px; position: relative; min-height: 100px; padding-left:100px;}
    .auditing-services .subcategories a{display: inline-block; text-align: left;}
    .lumber-grading .subcategories li a:before,
    .auditing-services .subcategories a:before{width:85px; height: 100px; position: absolute; top:0px; left:0px;}
    .auditing-services .subcategories .log-home-services a:before{width:85px;}
    
    .export-wood-packaging .subcategories li{ padding-left: 174px;}
    .export-wood-packaging .subcategories a:before{width:150px; max-width: 100%;}
    
    .analytical-services .subcategories li{padding-left: 100px;}
    .analytical-services .subcategories a:before{width:85px; height: 100px;}
    
    .training-services .subcategories li{padding-left: 100px;}
    .training-services .subcategories a:before{width:85px; height: 100px;}
    
    iframe{max-width: 100%;}
    
    .interior .hero:before{background-position: left top;}
    
.interior.login .hero:before{background-image: url(../images/banners/TPIBANNERS1-750.jpg);}
.interior.auditing-services .hero:before{background-image: url(../images/banners/TPIBANNERS17-750.jpg);}
.interior.lumber-grading .hero:before{background-image: url(../images/banners/TPIBANNERS16-750.jpg);}
.interior.lumber-mill-services .hero:before{background-image: url(../images/banners/LumberMill-750.jpg);}
.interior.transient-lumber .hero:before{background-image: url(../images/banners/TPIBANNERS5-750.jpg);}
.interior.log-home-services .hero:before{background-image: url(../images/banners/TPIBANNERS11-750.jpg);}
.interior.glulam-finger-joint .hero:before{background-image: url(../images/banners/glulamfingerjoint-750.jpg);}
.interior.engineered-wood .hero:before{background-image: url(../images/banners/TPIBANNERS18-750.jpg);}
.interior.export-wood-packaging .hero:before{background-image: url(../images/banners/TPIBANNERS21-750.jpg);}
.interior.ippc-heat-treatment .hero:before{background-image: url(../images/banners/TPIBANNERS9-750.jpg);}
.interior.wpm-training-resources .hero:before{background-image: url(../images/banners/TPIBANNERS23-750.jpg);}
.interior.ippc-fumigation .hero:before{background-image: url(../images/banners/TPIBANNERS16-750.jpg);}
.interior.forestry-certification .hero:before{background-image: url(../images/banners/TPIBANNERS1-750.jpg);}
.interior.panels .hero:before{background-image: url(../images/banners/TPIBANNERS15-750.jpg);}
.interior.pallets .hero:before{background-image: url(../images/banners/TPIBANNERS6-750.jpg);}
.interior.treated-wood .hero:before{background-image: url(../images/banners/TPIBANNERS21-750.jpg);}
.interior.truss .hero:before{background-image: url(../images/banners/TPIBANNERS3-750.jpg);}
.interior.utility-poles-and-crossarms .hero:before{background-image: url(../images/banners/TPIBANNERS4-500.jpg);}
.interior.analytical-services .hero:before{background-image: url(../images/banners/TPIBANNERS12-750.jpg);}
.interior.analytical-lab .hero:before{background-image: url(../images/banners/TPIBANNERS14-750.jpg);}
.interior.biomass-lab .hero:before{background-image: url(../images/banners/BiomassLab-750.jpg);}
.interior.lumber-mechanical-lab .hero:before{background-image: url(../images/banners/PhysicalLab-750.jpg);}
.interior.engineering-services .hero:before{background-image: url(../images/banners/EngineeringServices-750.jpg);}
.interior.training-services .hero:before{background-image: url(../images/banners/TrainingServices-750.jpg);}
.interior.company-profile .hero:before{background-image: url(../images/banners/TPIBANNERS11-750.jpg);}
.interior.htnews .hero:before{background-image: url(../images/banners/TPIBANNERS10-750.jpg);}
.interior.contact .hero:before{background-image: url(../images/banners/TPIBANNERS7-750.jpg);}
.interior.tp-news .hero:before{background-image: url(../images/banners/TPIBANNERS2-750.jpg);}

    header:before{ color:#595d4d; border-bottom-color: #595d4d;}
    header:after{ border-bottom-color: #595d4d; border-top-color: #595d4d;}

    #nav404{column-count: 2; margin-top:32px;}

    .hero .navbuttons{display: none;}
    .interior #Main{padding-top: 12px;}
    .interior .breadcrumbs{margin-top:0px;}
}

@media screen and (max-width:500px){
    #mobile-nav ul a, #mobile-nav .no-link{font-size: 14px; padding:22px 0px 22px 24px;}
    #mobile-nav .toggle{margin:14px 16px 14px 0px;}
    
    
    .home .hero{height: auto; background-color:#5b5f50; padding:1px 0px 0px;}
    .home .hero:before{height: 120px; border-bottom: 10px solid #dadec9;}
    .home .hero .tagline{padding: 32px 0px 24px; font-size: 17px; text-align: left; margin-top:120px;}
    .home .hero .tagline span{font-size: 24px;}
    .home .hero:after{ left: 70px; background-position: center top 4px; background-size: 263px auto; background-image:url(../images/TPILogo-2025-light3.svg);}
    .home .intro{padding-top:12px;}
    .home .intro h1{font-size: 18px; font-weight: 400; line-height: 1.4em; padding-bottom: 32px; border-bottom: 1px solid #6c743c; margin-bottom: 32px;}
    .home .intro p{font-size: 16px; line-height: 1.2em;}
    
    .home .sections .section{padding-left: 0px; padding-top: 101px; border-bottom: none;}
    .home .sections .section:before{width:100%; height: 82px;}
    .home .sections a{text-align: center; display: block;}
    
    footer .location{float:none; margin-bottom: 32px; text-align: center;}
    footer .copyright{float:none; margin-bottom: 32px; text-align: center;}
    
    .interior .hero{height: 120px;}
    .interior .intro{margin-bottom: 16px; clear: both;}
    .interior .intro h1{font-size: 18px; margin-bottom: 0px;}
    .interior .intro h1 strong{font-size: 30px;}
    
    .breadcrumbs li{display: none;}
    .breadcrumbs a:before{display: none;}
    .breadcrumbs li:nth-last-child(2){display: inline-block;}
    

    
    .interior .tab-body{margin-left: -16px; margin-right: -16px; border: none;}
    
    .training-services .subcategories li,
    .analytical-services .subcategories li,
    .auditing-services .subcategories li{ padding-left:0px; padding-top:101px; border-bottom: none;}
    
    .training-services .subcategories a,
    .analytical-services .subcategories a,
    .auditing-services .subcategories a{display: block; text-align: center;}
    
    .training-services .subcategories a:before,
    .analytical-services .subcategories a:before,
    .lumber-grading .subcategories li a:before,
    .auditing-services .subcategories .log-home-services a:before,
    .auditing-services .subcategories a:before{width:100%; height: 82px;}
    
    figure.aside{float:none; max-width:400px; margin:0px auto 24px; display: block;}
    .company-profile .logo-list .tpi-logo{width:150px;}
    .expertise_all{column-count: 1;}
    ul.team{column-count: 1;}
    .training-services .intro img, .Page .text img{max-width: 40%;}
    
    .Page .content figure{margin:0px auto 24px; max-width: 100%; height: auto !important;}
    
    .tp-news #events_list h3{font-size: 18px;}
    .tp-news #events_list{margin:0px -16px 24px; border-left:none; border-right: none; padding:0px 16px 24px;}
    
.interior.login .hero:before{background-image: url(../images/banners/TPIBANNERS1-500.jpg);}
.interior.auditing-services .hero:before{background-image: url(../images/banners/TPIBANNERS17-500.jpg);}
.interior.lumber-grading .hero:before{background-image: url(../images/banners/TPIBANNERS16-500.jpg);}
.interior.lumber-mill-services .hero:before{background-image: url(../images/banners/LumberMill-500.jpg);}
.interior.transient-lumber .hero:before{background-image: url(../images/banners/TPIBANNERS5-500.jpg);}
.interior.log-home-services .hero:before{background-image: url(../images/banners/TPIBANNERS11-500.jpg);}
.interior.glulam-finger-joint .hero:before{background-image: url(../images/banners/glulamfingerjoint-500.jpg);}
.interior.engineered-wood .hero:before{background-image: url(../images/banners/TPIBANNERS18-500.jpg);}
.interior.export-wood-packaging .hero:before{background-image: url(../images/banners/TPIBANNERS21-500.jpg);}
.interior.ippc-heat-treatment .hero:before{background-image: url(../images/banners/TPIBANNERS9-500.jpg);}
.interior.wpm-training-resources .hero:before{background-image: url(../images/banners/TPIBANNERS23-500.jpg);}
.interior.ippc-fumigation .hero:before{background-image: url(../images/banners/TPIBANNERS16-500.jpg);}
.interior.forestry-certification .hero:before{background-image: url(../images/banners/TPIBANNERS1-500.jpg);}
.interior.panels .hero:before{background-image: url(../images/banners/TPIBANNERS15-500.jpg);}
.interior.pallets .hero:before{background-image: url(../images/banners/TPIBANNERS6-500.jpg);}
.interior.treated-wood .hero:before{background-image: url(../images/banners/TPIBANNERS21-500.jpg);}
.interior.truss .hero:before{background-image: url(../images/banners/TPIBANNERS3-500.jpg);}
.interior.utility-poles-and-crossarms .hero:before{background-image: url(../images/banners/TPIBANNERS4-500.jpg);}
.interior.analytical-services .hero:before{background-image: url(../images/banners/TPIBANNERS12-500.jpg);}
.interior.analytical-lab .hero:before{background-image: url(../images/banners/TPIBANNERS14-500.jpg);}
.interior.biomass-lab .hero:before{background-image: url(../images/banners/BiomassLab-500.jpg);}
.interior.lumber-mechanical-lab .hero:before{background-image: url(../images/banners/PhysicalLab-500.jpg);}
.interior.engineering-services .hero:before{background-image: url(../images/banners/EngineeringServices-500.jpg);}
.interior.training-services .hero:before{background-image: url(../images/banners/TrainingServices-500.jpg);}
.interior.company-profile .hero:before{background-image: url(../images/banners/TPIBANNERS11-500.jpg);}
.interior.htnews .hero:before{background-image: url(../images/banners/TPIBANNERS10-500.jpg);}
.interior.contact .hero:before{background-image: url(../images/banners/TPIBANNERS7-500.jpg);}
.interior.tp-news .hero:before{background-image: url(../images/banners/TPIBANNERS2-500.jpg);}
    
    .location_list{column-count: 2;}
}

@media screen and (max-width:450px){
    .central-america-region{height: auto; padding-top:64%;}
    .europe-region{height: auto; padding-top:64%;}
    
    .location_list{column-count: 1;}
    #nav404{column-count: 1; }
}