@font-face {
    font-family: "Poppins";
    src: url("/library/fonts/Poppins-Regular.otf") format('opentype');
}
@font-face {
    font-family: "PoppinsSemiBold";
    src: url("/library/fonts/Poppins-SemiBold.otf") format('opentype');
}
@font-face {
    font-family: "PoppinsBold";
    src: url("/library/fonts/Poppins-Bold.otf") format('opentype');
}

* {background-repeat: no-repeat;background-position: center center;}
body {margin: 0px;padding: 0px;background-color: #ffffff; font-family: Poppins;font-size: 90%;line-height: 1.4;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #ffffff; text-decoration: none; font-weight: normal; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: normal; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select, button { font-size: 90%; background: transparent; border: solid #686868 1px; padding: 5px; color: #000000; font-family: Poppins; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; box-sizing: border-box; max-width: 100%; }
input[type=button], input[type=submit], button { cursor: pointer; }
input[type=text], input[type=password] { height: 30px; }
input[type=checkbox] { opacity: 0; -moz-opacity: 0; position: absolute; cursor: pointer; margin: 2px 0px 0px 0px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; }
input[type=checkbox] + label:before { content: ''; border: solid #7f7f7f 1px; box-shadow:inset 0px 0px 0px 2px #fff; background-color: #ffffff; display: inline-block; width: 10px; height: 10px; margin: 2px 10px 0px 0px; }
input[type=checkbox]:checked + label:before { background: #ffff00; }
input[type=checkbox]:checked + label { color: #000000; }
input[type=radio]:checked { background: #ffff00; }
label input[type=checkbox] { border: none; appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; }
select { height: 30px; padding-right: 30px; background-image: url(/images/NdyJGciC6d2m8I7fwkhV008006.png); background-repeat: no-repeat; background-position: right 10px center; }
p { padding: 0px 0px 15px 0px; margin: 0px; }
strong { font-weight: normal; font-family: PoppinsBold; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; }
td, th { text-align: left; vertical-align: top; }
th { font-weight: normal; font-family: PoppinsBold; }
.layoutheader{background-color:#ffffff;min-height:198px;}
.layoutheader { margin: 0px auto 0px auto; }
.layoutheader a,.layoutheader li{color:#ffffff;float:left;padding-right: 7px;}
.layoutheader .content a{float:none}
.layoutheader a, .layouttopmenu a { color: #000000; }
.layoutheader a:hover, .hometopcontainer a:hover { text-decoration: underline; }
.layoutheader .headercontainer {margin: 0px auto 0px auto;max-width: 1140px;}
.layoutheader .headercontainer .mainlogo {float: left;padding-top: 49px;width: 400px;}
.layoutheader .headercontainer .headeraddress {float: left;padding-top: 140px;width: 322px;}
.section2 .layoutheader .headercontainer .headeraddress {float: left;padding-top: 74px;/* width: 322px; */}
.layoutheader .headercontainer .headercontact {float: left;padding-top: 140px;width: 295px;}
.section2 .layoutheader .headercontainer .headercontact {float: left;padding-top: 74px;width: 295px;}
.layoutheader .headercontainer .headerqms { float: left; padding-top: 23px; }
.layoutheader .headercontainer .headercontact p { font-family: PoppinsBold; }
.layoutheader .headercontainer .headercontact strong { color: #ed1c24; }
.section2 .layoutheader .homemenu{display: none;}
.layoutheader .headerqms{display: none;}
.section2 .layoutheader .headerqms{display: block;}
table { border-spacing: 0px; }
td, th { padding: 0px; }


.layoutheader .homemenu{width: calc(100% - 500px) ;vertical-align: top;display: inline-block;margin-top: 75px;background: #ed1c24;position: absolute;}
.layoutheader .homemenu li{background: #ed1c24;padding: 8px 12px;font-size: 70%;}
.layoutheader .homemenu li a{color: white;}
.hometopcontainer .selected, .layoutheader .selected{font-family: PoppinsBold;}
.layoutcredits { display: none; }
@media(max-width: 1249px){
    .layoutheader .headercontainer .mainlogo{width: 200px;margin: 0 auto; float: none; padding-top: 20px;}
    .layoutheader .headercontainer .mainlogo .link1 img{width: 100%; height:auto; text-align: center;}
    .layoutheader .headercontainer .headeraddress{width: 60%;display: inline-block;padding: 10px;padding-left: 5%;}
    .layoutheader .headercontainer .headercontact{width: 60%;display: inline-block;padding: 10px;padding-left: 5%;}
    .section2 .layoutheader .headercontainer .headercontact{padding-top: 24px;width: 80%;}
    .section2 .layoutheader .headercontainer .headeraddress{padding-top: 24px;width: 80%;}
    .layoutheader .headercontainer .headerqms{/* margin-top: -110px; *//* float: right; */position: absolute;right: 0;top: 80px;}
    .layoutheader .homemenu{margin-top: 260px;position: absolute;left: 0;width: 100%;text-align: center;/* margin: 250px auto; *//* text-align: center; */}
    .layoutheader .homemenu ul{/* text-align: center; *//* margin: 0 auto; */width: fit-content;margin: 0 auto;} 
}

.footerlinks {background-color: #000000;max-width: 754px;height: 34px;color: #ffffff;margin: 0px auto 0px auto;padding: 10px;margin-top: 32px;box-sizing: border-box;}
.footerlinks li { float: left; width: 33.3%; text-align: center; }
.footerinfo {background-color: #000000;max-width: 754px;/* height: 70px; */box-sizing: border-box;margin: 0px auto 0px auto;text-align: center;padding: 10px;line-height: initial;margin-top: 35px;}
.footerinfo p{padding: 0;}

.layoutcontent { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; max-width: 1440px; }
.layoutfooter {background:#e41c24;background-image: url(/images/fShL28hHpqdhIaB9ePoI14008b.png);color: #ffffff;background-repeat: no-repeat;padding: 50px 0px 50px 0px;background-position: bottom right;/* background: red; */}
.layoutfooter a { color: #ffffff; text-decoration: underline; }

@media(max-width:599px){
    .footerlinks {height: 70px;}

}
.hometopcontainer {background-image: url(/images/1zP5YsGFd2FkWhFknGsm1400hy.png);background-size: cover;background-position: center center;height: 645px;color: #ffffff;margin-top: 15px;}
.homeintro {max-width: 900px;margin: 0px auto 0px auto;text-align: center;padding-top: 160px; font-size: 210%;line-height: 48px;}
.homeintro h2 {font-size: 140%; padding-bottom: 30px; font-weight: bold;}
.homemenu {font-size: 200%;text-transform: uppercase;margin: 0px auto 0px auto;clear: both;}
.homemenu li {display: inline-block;padding-top: 60px;}
.homemenu ul {text-align: center;}
@media(max-width:1249px){
    .hometopcontainer{height: 440px;}
    .homemenu li{font-size: 80%;}
    .homeintro{font-size:200%; width: 70%; line-height: 30px; padding-top: 60px;}
}

.hometextbox {background-color: #f6eeef;width: 1125px;height: 304px;}
.hometextbox {background-image: url(/images/MxohlIwnPPiZZxSPyqPP0ku08g.png);background-position: 375px;}
.hometextbox .content { background-color: #f6eeef; float: left; width:375px; height: 304px; padding: 40px; box-sizing: border-box; }

.hometextbox2 { background-color: #f6eeef; width: 750px; height: 308px; }
.hometextbox2 { background-image: url(/images/un7hFOkE6NhsuDGsEAO00ag08k.png); background-position: 0px;}
.hometextbox2 .content { background-color: #f6eeef; padding: 0px; float: right; width: 375px; height: 308px; padding: 40px; box-sizing: border-box; }

.hometextbox3 {background-color: #000000;width: 750px;height: 578px;padding: 45px;box-sizing: border-box;}
.hometextbox3 { color: #ffffff; }
.hometextbox3 h2 { font-size: 200%; font-family: PoppinsBold; padding-bottom: 25px; }
.hometextbox3 li {list-style: circle;list-style-position: inside;font-size: 125%;margin: 1em 0;padding-left: 60px;}

.hometextbox4 { background-color: #f6eeef; width: 1125px; height: 299px; }
.hometextbox4 { background-image: url(/images/NdyJGciC6d2m8I7fwkhV0af08b.png); background-position: 0px; }
.hometextbox4 .content { background-color: #f6eeef; float: right; width: 750px; height: 299px; padding: 93px; box-sizing: border-box; }
.hometextbox4 h3 { font-size: 165%; text-align: center;  }

.homeoutro { text-align: center; color: #ed1c24;  font-size: 120%; line-height: initial; border-top: solid 3px #ed1c24; border-bottom: solid 3px #ed1c24; }
.homeoutro {max-width: 1125px;padding: 20px;margin: 0px auto 0px auto;margin-bottom: 45px;}
.homeoutro a { color: #ed1c24; }

.homepage { padding-top: 0px; }
.homecontainer {padding-top: 80px;margin: 0px auto 0px auto;max-width: 1125px;background-image: url(/images/GSGOIYbjucRFUhMWKib30af0gq.png), url(/images/45FChEU8ZecO8A8lX89z0af07w.png);background-position: 750px 384px, 750px 986px;}

.homeiso {margin: 0px auto 0px auto;padding: 80px;text-align: center;max-width: 635px;font-size: 115%;line-height: 28px;}

@media(max-width:1149px){
    .homecontainer{width: 100%;background-image: url(/images/GSGOIYbjucRFUhMWKib30af0gq.png), url(/images/45FChEU8ZecO8A8lX89z0af07w.png);background-position: left top, right top;background-size: auto 1000px, auto 400px;padding-top: 400px;}
    .hometextbox{width:100%;background-size: cover;background-position: center bottom;padding-bottom: 400px;height: auto;}
    .hometextbox .content{width:100%; height: fit-content; }
    
    .hometextbox2{width:100%;background-size: cover;background-position: center bottom;height: auto;padding-bottom: 500px;}
    .hometextbox2 .content{width:100%; height: fit-content;}
    
    .hometextbox3{width:100%;background-size: cover;background-position: center center;height: fit-content}
    .hometextbox3 .content{width:100%;font-size: 60%;}
    .hometextbox3 li {margin: 0 ; line-height: 1.5; padding-left: 20px;}

    .hometextbox4{width:100%;background-size: cover;background-position: center center;height: 600px;}
    .hometextbox4 .content{width:100%; font-size: 98%; padding: 20px; height: fit-content; }


    .homeiso{padding: 50px; font-size: 100%;}
    .homeoutro{font-size: 90%;}
}
@media (max-width:899px){
    .homecontainer{ background-image: url(/images/45FChEU8ZecO8A8lX89z0af07w.png); background-position: center top; background-size: auto 700px;}
}
@media(max-width: 499px){
    .hometextbox{background-size: auto 200px;}
    .hometextbox2{background-size: auto 400px;}
}

.contactpage .content a{color: black;font-family: PoppinsBold;} 
.contactpage .pagetitle{text-transform: uppercase; font-size: 160%; font-family: PoppinsBold; margin-bottom: 20px; float: left;}
.contactpage .pagecontent{clear: both;}
.contactpage{max-width: 1140px;margin: 60px auto;}
.contactpage input { background-color: #ffd6d8; border: none; }
.contactpage .content {width: 330px;float: left;margin-right: 72px;}
.contactpage textarea{background:#ffd6d8; border: none;}
.contactpage .field_text, .contactpage .field_area, .contactpage .buttons{margin-bottom: 11px; font-size: 120%; }
.contactpage input[type="text"]{width: 450px; padding: 18px 15px;}
.contactpage textarea{width: 450px; padding: 8px 15px;}
.contactpage input[type="submit"]:hover{text-decoration: underline;}
.contactpage input[type="submit"]{padding: 5px 15px;}
.contactpage ::placeholder{color: black;}
.contactpage .label{display: none;}
.contactpage a strong{color: black; text-decoration: underline;}
.surv_standard{margin-bottom: 50px;}
@media(max-width:1249px){ 
    .contactpage{width: 90%;}
    .contactpage input[type="text"], .contactpage textarea{width: 300px}
}

.map{width: 100%; height: auto;}

/* About Us */
.pagecontent_inner {max-width: 80%; margin: 50px auto; }
.about .banner {background-size: cover; height: 150px; background-position: center bottom; margin-top: 30px;}
.about .pageheader_inner {position: relative; flex-direction: column;justify-content: center;}
.about .title  {font-size: 230%; font-weight: bold; top: 55px; position: absolute; left: 50%; transform: translateX(-50%); color: white; text-transform: uppercase;}
.about img {margin: 0 30px 0 0; max-width: 300px; width: 100%; height: auto;}
.about a {color: #ed1c24;}
.about h2 {color: #e41c24;}

@media (max-width: 450px) {
    .headercontainer .headeraddress, .headercontainer .headercontact {font-size: .7em;}
    #nav-9 ul {
        display: flex;
        justify-content: space-around;
    }
}

/* Responsiveness */

@media (max-width: 768px) {
    /* ------------------------------
        Typography
    ------------------------------ */
    .items ul {
        font-size: 1.35rem;     /* was 1.25rem */
        line-height: 1.45;
    }

    .content h2 {
        font-size: 1.55rem;     /* was 1.4rem */
        margin-bottom: 0.6rem;
    }

    .content h3 {
        font-size: 0.95rem;     /* was 0.8rem */
        margin-top: 0.3rem;
        margin-bottom: 0.6rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 500px) {
    .util_textbox.hometextbox, .util_textbox.hometextbox2{padding-bottom: 200px !important;}
    .util_textbox.hometextbox3 ul li {font-size: .8em;}
}

@media (max-width: 460px) {

    /* About */

    .about {margin-top: 60px;}

  /* ------------------------------
     Typography
  ------------------------------ */
  .items ul {
    font-size: 1.25rem;      /* slightly smaller for better fit */
    line-height: 1.4;
    padding-top: 30px;
  }

  .content h2 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
  }

  .content h3 {
    font-size: .8rem;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    overflow: hidden;        /* if text is long */
    text-overflow: ellipsis;
  }

  /* ------------------------------
     Layout / Spacing
  ------------------------------ */
  .content {
    padding: 0.5rem 1rem;     /* small but readable spacing */
    max-height: none;         /* avoid strange clipping */
  }

  .std_content.homeintro {
    padding: 0.5rem 1rem;
  }

  /* ------------------------------
     Menu
  ------------------------------ */
  .homemenu li {
    padding: 0.25rem 0; /* consistent spacing */
    
  }

  /* Hide desktop-only elements if needed */
  .divider.hidden {
    display: none;
  }

}

@media (max-width: 434px) {
    p img[alt="ISO registered"] {
        max-width: 100%;
        height: auto;
        display: block;   /* optional but helps with layout */
    }
}