img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-family: 'Manrope', Arial, Helvetica, sans-serif; line-height: 1.5; text-align: center; min-width: 320px; }body, .subfoot { background-color: #fff; }body, nav a, nav ul ul a, .hero .btn, .subfoot, .benefits .grid { color: #403d39; }body, header ul, footer ul, .cta .social { padding: 0; margin: 0; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote, footer .social, .subscriberlist { text-align: left; }img, iframe, video { max-width: 100%; height: auto; }iframe, video { aspect-ratio: auto 16 / 9; width: 100%; margin: 1em auto; display: block }.fullwidth { width: 100%; }a img, iframe { border: none; }a:hover, .members img, nav ul ul { transition: ease-in-out .3s; }a, header a:hover, footer a:hover, form input[type=submit]:hover, .btn:hover, .subscriberlist a:hover, .news a:hover { text-decoration: none; }a, footer a:hover, .subscriberlist a:hover, .news a:hover { color: #ed1c24; }a:hover { text-decoration: underline; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 10px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 10px 0 2% 4%; }.clear { clear: both; }.nowrap, a[href^=tel] { white-space: nowrap; }sup { line-height: 0; }svg { vertical-align: middle; }.hide { display: none !important; }.center, .cta h2 { text-align: center; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.mid { align-items: center; align-self: center; }.grid, .latest .posts { display: grid; grid-gap: 10px 40px; }.grid.half { grid-template-columns: 1fr 1fr }.grid.third { grid-template-columns: 1fr 1fr 1fr }.grid.fourth { grid-template-columns: repeat(4,1fr); }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0; }.flex { display: flex; flex-wrap: wrap; margin: 0 -5px }ul.flex { padding: 0; list-style: none }.flex > * { flex: 1 0 0; margin: 5px }.flex a { white-space: nowrap; margin: 0; padding: 10px; display: block }a[href="#"] { cursor: default }.nasap span { color: #ed1c24; }.nasap sup { font-size: 9px; }.nasap details summary { text-align: left; border: solid 2px #ed1c24; color: #ed1c24; font-weight: bold; padding: 10px; margin: 10px; }.nasap details p { text-align: left; border: solid 2px #ed1c24; }.nasap details ul { text-align: left; border: solid 2px #ed1c24; }.nasap h2 { color: #ed1c24; } header, header .grid > a, header img, .hero, nav, .contact ul { position: relative; }header .grid > a:after, .hero:before, header:after { content: ""; position: absolute; }header { z-index: 999; }header .grid { grid-template-columns: 200px 1fr; grid-gap: 0; }header a { display: block; }header .grid > a { padding: 10px 5px 0 }header img { z-index: 999; filter: drop-shadow(0 0 4px #fff) }header svg { margin-right: 10px; }header:after { width: 50%; height: 60px; background-color: #2e3192; top: 84px; right: 0; z-index: 111; }header .grid > a:after { width: 180px; height: 162px; background-color: #fff; top: 0; left: 0; border-radius: 50%; z-index: 333; }.top a, nav a, .hero h1, .hero p, .cta h2, footer, footer a, .benefits, .cta, .cta form input, .cta form textarea { color: #fff; }.top { background-color: #ed1c24; padding: 10px; }.top a:hover { text-decoration: underline; }.top span { margin: 0 auto; z-index: 4; max-width: 50%; }nav, .hero h1, footer h3, .cta h2 { text-transform: uppercase; }nav, .subfoot a { text-align: right; }nav li, .social li, .logos img { display: inline-block; }nav { font-weight: bold; z-index: 222; position: relative }nav ul { background-color: #2e3192; padding: 11px 0 11px 50px; left: -50px; top: 20px; position: relative; width: 100% }nav a { padding: 4px; margin: 4px; border-bottom: 2px solid transparent; font-size: 12px; line-height: 20px }nav a:hover { border-color: #ed1c24; }nav ul ul, .benefits .grid { border: 1px solid #eee; }nav ul ul { display: none; min-width: 250px; text-transform: none; background-color: #fff; padding: 5px; border-radius: 10px; position: absolute; top: 34px; }nav ul ul a { font-size: 15px }nav li { position: relative }nav ul ul li, nav ul ul a, nav li:hover > ul { display: block; }nav ul ul ul { top: -3px; left: 250px; }.social { margin-left: 10px; }.social li { margin: 0 4px; } .hero, .cover { background-size: cover; background-position: center; }.hero { width: 100%; height: clamp(400px, 30vw, 600px); margin-top: -100px; }.hero:before { width: 100%; height: 100%; background-image: linear-gradient(#fff 10%,transparent,rgba(0,0,0,.4),rgba(0,0,0,.4)); inset: 0; z-index: 1 }.hero > .wrap { top: 80%; transform: translateY(-80%); padding: 10px; z-index: 2 }.hero h1, .hero p { text-align: right; margin: 0; text-shadow: 2px 2px 3px rgba(0,0,0,.5),-1px -1px 2px rgba(0,0,0,.2); }.hero h1 { font-size: 36px; } .home h2 { font-size: 30px; }.intro { padding-top: 40px; }.intro video { max-width: 100%; }.intro img { margin-top: 30px; }.benefits { background-image: linear-gradient(#2e3192 70%,#fff 70%); }.benefits .grid { background-color: #fff; padding: 40px; margin-top: 50px; border-radius: 10px; box-shadow: 0 5px 5px rgba(238,238,238,.5); }.benefits li, footer li { margin: 10px 0; }.members .grid { grid-gap: 0; padding: 30px 0 60px; }.members .grid > div { height: 100px; padding: 40px; }.members .grid > div { border: 1px solid whitesmoke; }.members img { display: block; filter: grayscale(100%); opacity: .5; margin: 0 auto; }.members img:hover { filter: none; opacity: 1; }.cta, footer { background-color: #2e3192; } form, .about .grid.half > div { background-color: #f5f5f5; border-radius: 10px; }form { padding: 40px clamp(10px, 4vw, 40px); margin: 20px 0; }form .grid { grid-gap: 0 20px; }form label { display: block; }form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form input[type=submit], form select, form textarea, form input[type=password], .btn, #selCategories { font-family: 'Manrope', sans-serif; font-size: 16px; }form input[type=text], form input[type=email], form input[type=tel], form select, form textarea, form input[type=password] { background-color: transparent; margin-bottom: 10px; padding: 0 10px; border: none; border-bottom: 1px solid #ddd; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=password] { height: 50px; }form input[type=text], form input[type=email], form input[type=tel], form textarea, form input[type=password] { width: calc(100% - 20px); }form select { width: 100%; }form input[type=file] { margin-left: 10px; border-radius: 0; }form textarea { height: 100px; padding: 15px 10px; }form input[type=submit], .btn { display: inline-block; min-width: 110px; font-weight: 700; text-align: center; line-height: 1.6; background-color: #ed1c24; color: #fff; padding: 10px 40px; margin: 10px 0; border: none; border-radius: 5px; transition: ease-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover, #quick input[type=submit]:hover { cursor: pointer; background-color: #ff0000; color: #fff; }form :focus { outline: none; }.cta #contact { background-color: #2e3192; margin: 40px 0 20px; padding: 0; }#newauditrequest { margin-top: 40px; }#newauditrequest input[type=submit] { margin-top: 10px; } footer > .wrap { padding: 40px 10px; }.subfoot > .wrap { padding: 10px; }.subfoot a { padding: 10px; }.subfoot .grid { grid-gap: 0 }.ccpaNotice { text-align: center !important; } main, .latest, .benefits, .cta { padding: 40px 10px; }main img { border-radius: 10px; }main h1, main h2, .hero p, .news h2.center { font-size: 24px; }main h3, .news h2 { font-size: 20px; }main h4, footer h3 { font-size: 18px; }main ul, main ol { padding-left: 25px; }main li { margin: 10px 0; }.pad { padding-left: 10px; padding-right: 10px }.nolist, footer ul, .benefits ul, .subscriberlist { list-style: none; padding-left: 0; }.about .grid.half, .awards .grid.fourth { grid-gap: 10px 20px; }.about .grid.half > div { min-height: 180px; padding: 20px 40px; margin: 40px 0; }.about .grid.fourth img { object-fit: cover; object-position: top; width: 100%; height: 300px; }.about .grid.fourth ul { margin-top: 0; }.gallery { grid-gap: 5px 10px; display: grid; grid-template-columns: 1fr 1fr 1fr }.gallery img { width: 100%; height: 250px; object-fit: cover; border: 1px solid #ccc }.stats { border-collapse: collapse; border-spacing: 0 }.stats th:first-of-type, .stats td:first-of-type { padding: 5px 50px 5px 0 }.logos { margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; gap: 10px; }.logos a { flex: 1 0 180px }.logos img { max-height: 100px; margin: 15px; border-radius: 0; }#selCategories { margin: 20px 0 0 5px; }.subscriberlist { margin: 50px 0 40px; grid-gap: 5px 20px }.subscriberlist li { padding: 5px; margin: 0 20px 0 0; border-bottom: 1px solid #eee; }.subscriberlist a, .news a { color: #363aac; }.tenets ul li { list-style-type: lower-alpha; }.news h2 { margin-bottom: 0; }.news p { margin-top: 0; }.contact .grid { margin-bottom: 50px; }.contact ul { padding-left: 40px; }.contact li:first-of-type { position: absolute; top: -5px; left: 0; }.latest .grid { grid-template-columns: 450px 1fr; grid-gap: 20px 40px; margin: 40px 0; }.latest .grid img { object-fit: cover; width: 100%; height: 250px; object-position: 50% 10%; }.latest .grid.spring img { height: 580px; }.latest .grid.clay img { height: 580px; }.latest .grid h3 { margin-top: 10px; }.latest a, .programs a { color: #403d39 }.latest a:hover, .programs a:hover { text-decoration: none }.latest a p:last-of-type { color: #ed1c24 }.red { color: #ed1c24 !important; }.red:hover { text-decoration: underline !important; }.programs a p:last-of-type { color: #fff }.latest a:hover p:last-of-type { text-decoration: underline }.programs a:hover p:last-of-type { background-color: #ff0000; }.programs a { text-align: left; position: relative; padding-bottom: 60px }.programs p.btn { position: absolute; bottom: 0 }body .youtube { border-radius: 10px; opacity: 1; filter: brightness(1.4); border: 1px solid #666; box-sizing: border-box }.flex.members li:nth-of-type(n+3), .mobile-osha { display: none }.highlight { background-color: #FFFF99; padding: 5px; }.crane .btn { background-color: #A6CAEC; color: #ed1c24; border: 1px solid #1d1a1a; } @media(max-width:999px) { header:after { display: none } nav a { font-size: 15px } .grid.ytvid { grid-template-columns: 1fr } .grid.subscriberlist, .awards .grid.fourth { grid-template-columns: 1fr 1fr } nav ul ul { display: none !important } .flex.members li:nth-of-type(n+3) { display: unset } .mobile-osha { display: block }} @media(max-width:700px) { header .grid, .grid.half, .latest .grid, .grid.third { grid-template-columns: 1fr } header .grid > a { padding: 10px } header .grid img { max-width: 250px } nav ul { text-align: center } body .hero { height: 300px; margin-top: 0 } .hero:before { background-image: linear-gradient(rgba(255,255,255,.5),transparent,rgba(0,0,0,.4),rgba(0,0,0,.6)); } .grid.fourth, .gallery { grid-template-columns: 1fr 1fr } .subfoot p, .subfoot a { text-align: center } nav ul { left: unset; top: unset; width: auto; padding: 11px 0 } .programs a { padding-bottom: 0 } .programs p.btn { position: relative; bottom: unset }} @media(max-width:500px) { .grid.fourth, .gallery, .awards .grid.fourth { grid-template-columns: 1fr } footer li, footer h3 { text-align: center } nav ul { display: grid; grid-template-columns: 1fr 1fr } nav li { text-align: center } .btn { display: block; }} @media(max-width:400px) { .hero h1 { font-size: 30px } .hero p { font-size: 20px } .imgRight { float: none; max-width: 100%; margin: 0 auto }}