/* GLOBAL STYLESHEET ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	
	CQS Blue:  rgb(0,67,146)
	Link Blue: rgb(9,76,163)
	Link Hover: rgb(0,120,217) 	

/*_________________________________________________________________________________________________ LAYOUT */
@media print {
    a[href]:after {
        content: none;
    }
}
@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 200;
    src: local("Arial Regular"), local("Arial-Regular"),
        url(https://fonts.gstatic.com/s/sourcesanspro/v18/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu3cOWxw.woff2)
            format("woff2"),
        url(https://fonts.gstatic.com/s/sourcesanspro/v18/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu3cOWxw.woff2)
            format("woff2"),
        url(https://fonts.gstatic.com/s/sourcesanspro/v18/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2)
            format("woff2");
    font-display: swap;
}
body[class^="p-iso-9001-"] #nav ul li#gn-iso-9001 > a,
body[class^="p-iso-14001-"] #nav ul li#gn-iso-14001 > a,
body[class^="p-certifications-"] #nav ul li#gn-all-certifications > a,
body[class^="p-other-services-"] #nav ul li#gn-other-services > .faux-link,
body[class^="p-other-iso-certifications-"]
    #nav
    ul
    li#gn-all-certifications
    > .faux-link,
body[class^="p-other-cqs-services-"] #nav ul li#gn-other-services > .faux-link,
.p-certification-faqs-default #nav ul li#gn-faq > a,
body[class^="p-about-"] #nav ul li#gn-about > a,
.p-cqs-certification-news-default #nav ul li#gn-news > a,
.p-contact-cqs-default #nav ul li#gn-contact > a {
    color: rgb(1, 104, 189);
}

.container-fluid {
}
.row .row {
    background: none;
}
.row > .page {
    margin: 0 auto;
}
.aside {
    padding: 0 1.428em;
}
.bleed {
    margin: 0 -15px;
}
.bg-blue {
    background-color: rgb(0, 67, 146);
}
.bg-blue-circle {
    background-color: rgb(0, 67, 146);
    background-image: -moz-radial-gradient(
        50% 50%,
        circle cover,
        #2686d5,
        #094ca3
    );
    background-image: -webkit-radial-gradient(
        50% 50%,
        circle cover,
        #2686d5,
        #094ca3
    );
    background-image: -o-radial-gradient(
        50% 50%,
        circle cover,
        #2686d5,
        #094ca3
    );
    background-image: -ms-radial-gradient(
        50% 50%,
        circle cover,
        #2686d5,
        #094ca3
    );
    background-image: radial-gradient(50% 50%, circle cover, #2686d5, #094ca3);
}
@media (min-width: 768px) {
    .aside {
        padding: 0 20px;
    }
    body[class^="p-iso-9001-"] #nav ul li#gn-iso-9001 > a,
    body[class^="p-iso-14001-"] #nav ul li#gn-iso-14001 > a,
    body[class^="p-iso-27001-certificate-default"] #nav ul li#gn-iso-27001 > a,
    body[class^="p-iso-45001-certificate-default"] #nav ul li#gn-iso-45001 > a,
    body[class^="p-certifications-"] #nav ul li#gn-all-certifications > a,
    body[class^="p-other-services-"] #nav ul li#gn-other-services > .faux-link,
    body[class^="p-other-iso-certifications-"]
        #nav
        ul
        li#gn-all-certifications
        > .faux-link,
    body[class^="p-other-cqs-services-"]
        #nav
        ul
        li#gn-other-services
        > .faux-link,
    .p-certification-faqs-default #nav ul li#gn-faq > a,
    body[class^="p-about-"] #nav ul li#gn-about > a,
    .p-cqs-certification-news-default #nav ul li#gn-news > a {
        background: #939393;
        background: -moz-linear-gradient(top, #939393 0%, #575757 100%);
        background: -webkit-linear-gradient(top, #939393 0%, #575757 100%);
        background: linear-gradient(to bottom, #939393 0%, #575757 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#575757',GradientType=0 );

        color: #fff;
    }
}
body[class^="p-iso-9001-"] #nav ul li#gn-iso-9001 > a span,
body[class^="p-iso-14001-"] #nav ul li#gn-iso-14001 > a span,
body[class^="p-iso-27001-certificate-default"] #nav ul li#gn-iso-27001 > a span,
body[class^="p-iso-45001-certificate-default"] #nav ul li#gn-iso-45001 > a span,
body[class^="p-certifications-"] #nav ul li#gn-all-certifications > a span,
body[class^="p-other-services-"] #nav ul li#gn-other-services > .faux-link span,
body[class^="p-other-iso-certifications-"]
    #nav
    ul
    li#gn-all-certifications
    > .faux-link
    span,
body[class^="p-other-cqs-services-"]
    #nav
    ul
    li#gn-other-services
    > .faux-link
    span,
.p-certification-faqs-default #nav ul li#gn-faq > a span,
body[class^="p-about-"] #nav ul li#gn-about > a span,
.p-cqs-certification-news-default #nav ul li#gn-news > a span {
    color: #fff;
}
@media (min-width: 960px) {
    .container-fluid {
        min-width: 960px;
    }
    .row > .page {
        width: 100%;
        margin: 0 0;
    }
}
/*_____________________________________________________________________________________________ TYPOGRAPHY */
html {
    font-size: 100%;
}
body {
    font: 4.375vw/1.5 "Source Sans Pro", sans-serif;
    font-weight: 400;
    background: #fff;
     min-height: 100vh;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}
h1 {
    font-size: 1.724em;
    line-height: 1.4;
    font-weight: 300;
    margin-bottom: 1em;
}
h1 + .subtitle {
    position: relative;
    top: -1.5em;
    display: block;
    font-size: 1.2em;
    font-weight: 300;
}
h2 {
    font-size: 1.4em;
    line-height: 1.4;
    font-weight: 300;
}
h2 + .subtitle {
    position: relative;
    top: -1.5em;
    display: block;
    font-size: 1.2em;
    font-weight: 300;
}
h2 a,
h2 a:hover,
h2 a:focus {
    font-weight: 300;
}
h3 {
    font-size: 1.2em;
    line-height: 1.4;
    font-weight: 700;
}
em {
    color: rgb(0, 67, 146);
    font-weight: 400;
    font-style: normal;
}

p {
    padding-bottom: 1.2em;
    margin-bottom: 0;
}
.note {
    font-size: 0.85em;
}
.highlight {
    font-size: 1.85em;
    font-weight: 300;
    color: rgb(0, 67, 146);
}
.intro {
    padding-bottom: 1.5em;
}
.credit {
    font-size: 0.8em;
}
.aside .highlight {
    color: #333;
}

/* Default text colours */
h1,
h2,
h3 {
    color: #000;
}
h1 > span {
    color: #000;
}
h1 strong {
    color: #254e63;
}
a:active {
    color: inherit;
}
a,
a:hover,
a:focus {
    color: rgb(9, 76, 163);
}
.row.reverse,
.row.reverse h1,
.row.reverse h2,
.row.reverse h3 {
    color: #fff;
}
@media (min-width: 768px) {
    .intro {
        padding-bottom: 3em;
    }
    body {
        font-size: 1em;
        line-height: 1.2;
        font-weight: 400;
        padding-bottom: 2.5em;
    }
    h2 {
        font-size: 1.7em;
        line-height: 1.4;
        font-weight: 300;
    }
}
@media (min-width: 960px) {
    body {
        padding-bottom: 5em;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0.3em;
        margin-bottom: 0.5em;
    }
    h1 {
        font-size: 2.625em;
        line-height: 1.4;
        font-weight: 300;
        margin-bottom: 1em;
    }
    h1 + .subtitle {
        position: relative;
        top: -1.5em;
        display: block;
        font-size: 1.875em;
        font-weight: 300;
    }
    h2 {
        font-size: 1.875em;
        line-height: 1.4;
        font-weight: 300;
    }
    h3 {
        font-size: 1.2em;
        line-height: 1.4;
        font-weight: 700;
    }
}
/*_________________________________________________________________________________________________ HEADER */
#header {
    position: relative;
    z-index: 100;
    padding-bottom: 1.5em;
}
#header [class^="col"] {
    z-index: 0;
}
#site-logo {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 1.428em 4.28em 1.428em 1.071em;
}
#site-logo:before {
    position: absolute;
    top: 0;
    right: 21px;
    left: -1280px;
    left: -50vw;
    height: 100%;
    display: block;
    content: "";
    z-index: -1;
    -ms-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    background: linear-gradient(to bottom, #2686d5 0%, #094ca3 100%);
}
#site-logo img {
    height: 5.857em;
    margin-bottom: 0;
}
#brochure-pdf {
    float: right;
    width: 7.142em;
    margin: 1.785em 1.0714em 0 1.428em;
    text-align: center;
}
#brochure-pdf > a {
    font-size: 0.875em;
    display: block;
    background-position: 50% 120%;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 3.928em;
}
.nowebp #brochure-pdf > a {
    background-image: url(/themes/ipage/assets/img/common/brochure-pdf.jpg);
}
.webp #brochure-pdf > a {
    background-image: url(/themes/ipage/assets/img/common/brochure-pdf.webp);
}
#news-feed {
    float: right;
    width: 12em;
    text-align: right;
    margin: 1.785em 0 0 0;
}
#news-feed > a {
    font-size: 0.875em;
    display: block;
    margin-bottom: 0.5em;
}
#news-feed .post a {
    font-weight: normal;
    color: #000;
}
#news-feed .post .date {
    font-weight: bold;
}
@media (min-width: 768px) {
    #site-logo {
        float: left;
        position: relative;
        display: inline-block;
        padding: 1.428em 4.28em 1.428em 1.071em;
    }
    #site-logo img {
        height: 105px;
        margin-bottom: 0;
    }
    #news-feed {
        float: right;
        text-align: right;
        margin: 70px 0 0 0;
    }
    #brochure-pdf {
        float: right;
        margin: 70px 0 0 16px;
        text-align: center;
    }
    #high-contact {
        float: right;
        text-align: right;
        margin: 70px 0 0 16px;
    }
    #high-contact a {
        padding: 20px 12px;
    }
}
@media (min-width: 960px) {
    #news-feed {
        margin: 70px 0 0 0;
    }
    #brochure-pdf {
        margin: 70px 0 0 30px;
    }
    #high-contact {
        margin: 70px 0 0 30px;
    }
}
/*_________________________________________________________________________________________________ BANNER */
#banner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 25em;
}
.banner-overlap {
    margin-top: -25em;
}
.aside.banner-overlap {
    margin-top: 0em;
}
@media (min-width: 768px) {
    .aside.banner-overlap {
        margin-top: -25em;
    }
    .banner-overlap-x {
        margin-top: -25em;
    }
}
/*___________________________________________________________________________________________________ MAIN */
#main {
    position: relative;
    z-index: 0;
}
#main .row > .page {
    padding-top: 2em;
    padding-bottom: 2em;
}
#main [class*="col-"] {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
#main .panel .intro p {
    width: auto;
}
#main .panel p {
    width: 100%;
}
#main .aside .panel p {
    width: auto;
}

/*_________________________________________________________________________________________________ FOOTER */
#footer {
    background-color: #2a2a2a;
    padding-top: 30px;
}
#footer-logo > a img {
    width: 6.857em;
}
#endorsements {
    padding-top: 0px;
    padding-bottom: 40px;
    height: auto;
}
#testimonial q {
    font-weight: 300;
    color: rgb(9, 76, 163);
    font-size: 1.5em;
    display: block;
}
#certifications div {
    color: #fff;
    text-align: right;
    float: right;
    padding: 0.857em 0 0 0px;
    line-height: 1.785em;
    margin-bottom: 2.5em;
}
#certifications span {
    font-size: 1.5em;
    font-weight: 300;
}
#footer #certifications .btn {
    float: right;
    margin: 20px 0 70px 30px;
}
#memberships {
    padding-top: 10px;
    margin-left: 0;
    text-align: center;
    margin-top: 0px;
}
#memberships div {
    border-top: 1px solid rgb(204, 204, 204);
}
#memberships > div img {
    width: 30%;
    margin-bottom: 0;
}
#company-info {
    color: rgb(153, 153, 153);
    font-size: 0.75em;
}
.copyright,
.address {
    display: block;
}
#company-info a {
    color: rgb(153, 153, 153);
    font-weight: normal;
    text-decoration: underline;
}
#social-media-links {
    display: inline-block;
}
#social-media-links ul {
    float: right;
}
#social-media-links li {
    list-style: none;
    float: left;
}
#social-media-links a {
    display: inline-block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#social-media-links a:hover {
    opacity: 0.4;
    transition: all 0.3s ease;
}
#squirrel {
    margin-top: 25px;
}
#squirrel > div {
    float: right;
}
#tum a {
    margin-right: 16px;
}
#twit a {
    margin-right: 16px;
}
.nowebp #tum a {
    background-image: url(/themes/ipage/assets/img/common/tumblr.jpg);
}
.nowebp #twit a {
    background-image: url(/themes/ipage/assets/img/common/twitter.png);
}
.nowebp #link a {
    background-image: url(/themes/ipage/assets/img/common/linkedin.jpg);
}
.webp #tum a {
    background-image: url(/themes/ipage/assets/img/common/tumblr.webp);
}
.webp #twit a {
    background-image: url(/themes/ipage/assets/img/common/twitter.webp);
}
.webp #link a {
    background-image: url(/themes/ipage/assets/img/common/linkedin.webp);
}
@media (min-width: 768px) {
    #squirrel {
        margin-top: 0;
    }
    #endorsements {
        padding-top: 0px;
        padding-bottom: 40px;
        min-height: 240px;
    }
    #footer {
        padding-top: 60px;
        margin-top: 0px;
    }
    #social-media-links ul {
        float: right;
    }
    #squirrel .cert-sm-up {
        color: #fff;
        text-align: right;
        float: right;
        padding: 12px 0 0 0px;
        line-height: 25px;
    }
    #squirrel .cert-sm-up span {
        font-size: 1.875em;
        font-weight: 300;
    }
    #squirrel .ft-contact {
        float: right;
        margin: 20px 0 70px 30px;
    }
    #memberships div {
        border-top: none;
    }
}
@media (min-width: 960px) {
    #memberships {
        width: auto;
        padding: 10px 0 0 0px;
        margin-left: 210px;
        margin-top: 0px;
    }
    #memberships > div img {
        width: 7.3125em;
    }
    #memberships {
        border-top: 1px solid rgb(204, 204, 204);
    }
}
/*_____________________________________________________________________________________________ Footer testimonial slider */

/* carousel */
#quote-carousel {
    padding: 2em 0.714em 2.142em 0.714em;
    text-align: left;
}
/* indicator position */
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
    background: #c0c0c0;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
    background: #333333;
    height: 10px;
    width: 10px;
    margin-bottom: 1px;
}
/* typography */
.carousel slide h1 {
    text-align: center;
    margin-bottom: -20px !important;
}
.carousel slide p {
    font-style: italic;
}
#endorsements q {
    font-weight: 300;
    color: rgb(9, 76, 163);
    font-size: 1.1em;
    display: block;
    margin-bottom: 10px;
}
@media (min-width: 768px) {
    #quote-carousel {
        padding: 30px 10px 30px 10px;
        text-align: left;
    }
}

/*_____________________________________________________________________________________________ COMPONENTS */
/*-------------------------------------------------------------------------------------------------- LINKS */
a,
a:hover,
a:focus,
a:active {
    font-weight: bold;
    text-decoration: none;
    outline: none;
}
.fa-angle-right {
    padding-right: 16px;
    font-size: 1em;
    font-weight: 300;
    color: rgb(1, 104, 189);
}

/*------------------------------------------------------------------------------------------------- IMAGES */
img {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1.5em;
}
/*------------------------------------------------------------------------------------------------ BUTTONS */
.btn {
    display: inline-block;
    padding: 0.75em;
    font-size: 1em;
    border: 0;
    background: rgb(1, 104, 189) !important;
    color: #fff !important;
    font-weight: normal;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus {
    color: #fff;
    font-weight: normal;
    outline: none;
}
.btn:hover {
    background: rgb(0, 120, 217) !important;
    transition: all 0.3s ease;
    color: #fff !important;
}
@media (min-width: 768px) {
    .btn {
        line-height: inherit;
    }
}
/*-------------------------------------------------------------------------------------------------- LISTS */
ul {
    padding-left: 1em;
    margin: 1.5em 0;
}
li {
    margin-bottom: 0.3em;
}
.tick-list {
    list-style-type: none;
    padding: 0px;
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.tick-list li {
    background-repeat: no-repeat;
    background-position: 0px 2px;
    background-size: 5%;
    padding-left: 1.785em;
    padding-bottom: 0.571em;
    display: inline-block;
    float: left;
    width: 100%;
}
.nowebp .tick-list li {
    background-image: url(/themes/ipage/assets/img/common/tick-list.webp);
}
.webp .tick-list li {
    background-image: url(/themes/ipage/assets/img/common/tick-list.webp);
}
.content .tick-list:nth-child(2) {
    margin: 0;
}
@media (min-width: 768px) {
    .tick-list {
        width: 50%;
    }
    .tick-list li {
        width: 95%;
        padding-right: 5%;
    }
    .content .tick-list:nth-child(2) {
        margin: 2em 0;
    }
    .tick-list li {
        background-repeat: no-repeat;
        background-position: 0px 2px;
        background-size: 16px;
        padding-left: 25px;
        padding-bottom: 8px;
        display: inline-block;
        float: left;
        width: 100%;
    }
    .nowebp .tick-list li {
        background-image: url(/themes/ipage/assets/img/common/tick-list.jpg);
    }
    .webp .tick-list li {
        background-image: url(/themes/ipage/assets/img/common/tick-list.webp);
    }
    ul {
        margin: 2em 0;
    }
}
.highlight-link,
.highlight-link:hover {
       color: #dd3333 !important;
}
.highlight-a {
    color: #dd3333 !important;
   
}
.highlight-a span {
    color:#dd3333!important;
}

@media (min-width: 960px) {
    .tick-list {
        width: 250px;
    }
    .tick-list li {
        width: 200px;
        padding-right: 0;
    }
    .content .tick-list:nth-child(2) {
        margin: 2em 0;
    }
}
/*------------------------------------------------------------------------------------------------- PANELS */
.panel {
   
    background-color: #fff;
    border-radius: 0 0 0 0;
    position: relative;
    border: none;
    margin-bottom: 2em;
    box-shadow: none;
}
.panel li {
   font-weight: normal;
   list-style: none;
   padding: 0px 0px 10px 0px
}
.panel li a{
   font-weight: normal;
   
}
.panel li.no-link
{
   color:#dd3333!important;
}
.panel > div {
    padding: 30px;
}

.aside .panel {
    margin-right: -20px;
    margin-left: -20px;
}
.aside .panel > div {
    padding: 20px;
}
.aside .panel {
    margin-right: -1.428em;
    margin-left: -1.428em;
}
@media (min-width: 768px) {
    .aside .panel {
        margin-right: -20px;
        margin-left: -20px;
    }
}
/*------------------------------------------------------------------------------------------------- TABLES */
table {
    width: 100%;
    margin-bottom: 2em;
}
td,
th {
    padding: 0.5em 0.4em;
    border: 1px solid #ccc;
}

table.fees th {
    text-align: right;
    vertical-align: top;
    border: 1px solid #ccc;
}
table.fees th[colspan="2"] {
    text-align: center;
}
table.fees td {
    text-align: right;
    vertical-align: bottom;
    border: 1px solid #ccc;
}
table.fees td:first-child {
    width: 30%;
}
table.fees td + td {
    width: 17.5%;
}
table.fees td[colspan="4"] {
    text-align: left;
}

table.fees.full tr:first-child th:first-child {
    border-width: 0 1px 1px 0;
}

.aside .costs {
    background-color: rgb(0, 120, 217);
    color: #fff;
}
.aside .costs h2 {
    color: #fff;
}
.aside .costs table.fees {
    width: 100%;
    font-size: 0.8em;
    margin-bottom: 2em;
}
.aside .costs table.fees tr {
    border-bottom: 1px solid #fff;
}
.aside .costs table.fees th {
    padding: 8px 0;
    text-align: right;
    vertical-align: top;
    border: 0;
}
.aside .costs table.fees td {
    padding: 8px 0;
    text-align: right;
    vertical-align: middle;
    border: 0;
}
.aside .costs table.fees .turnover {
    width: 50%;
}
.aside .costs table.fees .cert-fee {
    width: 25%;
}
.aside .costs table.fees .audit-fee {
    width: 25%;
}
/*----------------------------------------------------------------------------------------- RESPONSIVE NAV */
nav ul {
    list-style: none;
    padding: 0;
}
nav ul li a {
    position: relative;
    display: block;
    padding-left: 1.5em;
}

nav ul li a:hover::before {
    opacity: 1;
}

/*--------------------------------------------------------------------------------------------- Pagination */
nav ul.pagination li a {
    display: block;
    min-width: 2.429em;
}
nav ul.pagination li a::before {
    display: none;
}

/*--------------------------------------------------------- DO NOT EDIT | Add override styles to customise */
#nav .toggle {
    position: absolute;
    top: 0;
    right: 15px;
    background: #ccc;
    display: block;
    min-width: 1em;
    min-height: 1em;
    cursor: pointer;
    z-index: 1;
}
#nav .toggle span {
    display: none;
}

#menu {
    display: none;
}
#menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: white;
}
#menu ul li {
    position: relative;
    margin: 0;
}
#menu ul li a {
    position: relative;
    display: block;
    padding: 0.2em 15px;
}

#menu > ul > li > a {
    padding: 0.75em 4em 0.75em 15px;
}
#menu > ul > li > a::before {
    display: none;
}
#menu > ul > li > a:hover {
  color: #dd3333;
}
#menu > ul > li > .drop {
    display: none;
    padding: 0 15px 1em;
}
#menu > ul > li > .drop > div > div {
    margin-top: 0.5em;
}
#menu > ul > li > .drop ul {
    margin: 0 0px;
    background: #292929;
}

@media (min-width: 768px) {
    #nav {
        float: left;
    }
    #nav .toggle {
        display: none;
    }

    #menu {
        display: block !important;
        margin: 0;
        margin-top: 132px;
    }
    #menu > ul {
        display: flex;
        flex-wrap: wrap;
        background: none
    }
    #menu > ul > li > a {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
        
    }
    #menu > ul > li > .drop {
        display: block !important;
        position: absolute;
        left: 0;
        top: 100%;
        visibility: hidden;
        z-index: 2;
        padding: 0.5em 15px;
    }
    #menu > ul > li:hover .drop {
        visibility: visible;
    }
    #menu > ul > li > .drop > div > div {
        margin-top: 0;
    }

    #menu > ul > li.drop-right .drop {
        right: 0;
        left: auto;
    }
    #menu > ul > li.mega-menu {
        position: static;
    }
    #menu > ul > li.mega-menu .drop {
        left: 0;
        right: 0;
    }
}
/*-------------------------------------------------------------------------------------- Nav Customisation */
#nav {
    margin-top: 2.714em;
}
#nav .toggle {
    background: none;
}
#nav #menu > ul > li {
    padding-left: 5px;
    cursor: pointer;
}
#menu > ul > li > .drop {
    padding: 0 0 1em;
}
#nav > .toggle {
    top: 6px;
    right: 0;
    padding: 2em 0.5em;
}
#nav > .toggle::before {
    content: "\f0c9";
    display: block;
    width: 1.333em;
    height: 1.333em;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    font-size: 2em;
    line-height: 1.333;
    color: #fff;
}
#menu > ul > li > .toggle {
    top: 1px;
    padding: 0.571em 0.5em;
}
#menu > ul > li > .toggle::before {
    content: "\f107";
    font-weight: 400;
    display: block;
    width: 1em;
    height: 1em;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    font-size: 2em;
    line-height: 1;
    color: rgb(1, 104, 189);
    background: none;
}
#menu > ul > li > .toggle.is-open::before {
    transform: rotate(180deg);
}
#menu > ul > li > a,
#menu > ul > li > .faux-link {
    padding: 0.75em 4em 0.75em 15px;
    font-size: 1.143em;
    font-weight: normal;
    color: #000;
    border-top: 1px solid rgb(204, 204, 204);
}
#menu .sector {
    display: none;
}
#menu .heading {
    display: block;
    margin-bottom: 0.3em;
    font-size: 1.143em;
    font-weight: 300;
    cursor: default;
}
#menu > ul > li > .faux-link {
    cursor: default;
}
#menu > ul ul li a {
    font-weight: normal;
    padding-left: 2.5em;
    color: #fff;
    font-size: 1em;
   
}
#menu > ul ul li a::before {
    position: absolute;
    top: 0.15em;
    left: 15px;
  
    color: rgb(1, 104, 189);
}
#menu > ul:first-child {
    padding-top: 0em;
}
#menu > ul > li > span {
    padding: 0.75em 4em 0.75em 15px;
    display: block;
    font-weight: bold;
    font-size: 1.143em;
}
#menu .gn-title {
    border-top: 1px solid rgb(204, 204, 204);
}
#menu > ul > li > .pop {
    padding: 0 15px 1em;
}
#menu #gn-all-certifications .drop ul li a::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
   
}
#menu #gn-all-certifications .drop ul li a {
    padding-left: 1em;
}
#menu #gn-all-certifications ul li a {
    border-top: none;
    width: 21.428em;
    height: 5.357em;
    display: block;
    white-space: normal;
}
#menu #gn-all-certifications ul li strong {
    display: block;
    padding: 0.214em 0 0 3.571em;
}
#menu #gn-all-certifications ul {
    width: 21.428em;
    float: left;
}
#menu #gn-all-certifications ul img {
    float: left;
    margin-bottom: 0;
    width: 25%;
}
#menu #gn-contact {
    border-bottom: 1px solid rgb(204, 204, 204);
}
@media (min-width: 48em) {
    #menu #gn-all-certifications ul img {
        width: 68px;
    }
    #menu #gn-all-certifications ul {
        width: 30%;
        float: left;
    }
    #menu #gn-all-certifications ul li a {
        border-top: none;
        width: 250px;
        height: 75px;
        display: inline-block;
        white-space: normal;
        font-size: 0.875em;
    }
    #nav {
        margin-right: 0;
        margin-top: 0;
        width: 100%;
    }
    #menu {
        margin: 23px 0 0px;
    }
    #menu > ul {
        border-bottom: 0;
        margin-bottom: 0;
        padding-top: 2.25em;
    }
    #menu > ul > li {
        padding-bottom: 0;
        margin-left: 0.1em;
        margin-right: 0.1em;
        padding-left: 0;
        cursor: pointer;
        flex: 1 0 auto;
    }
    #menu > ul > li > a,
    #menu > ul > li > .faux-link {
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
        border-top: 0;
        transition: padding 0.2s ease;
     
        border-radius: 2px;
        font-weight: normal;
        color: #fff;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    #menu > ul > li > a span {
        display: block;
        font-size: 0.75em;
        color: rgb(102, 102, 102);
        font-weight: normal;
    }
    #nav #menu > ul > li > .drop {
        padding: 4px 0 1em;
        top: auto;
        white-space: nowrap;
    }
    #menu > ul > li.mega-menu .drop {
        padding: 4px 0 1em;
    }
    #menu > ul > li.mega-menu .drop > div {
        padding: 1.5em 0;
    }
    #menu .drop > div > ul > li > a:hover {
     color: #dd3333;
    }
    #nav .drop > div > ul > li + li > a {
        border-top: 0px solid #fff;
    }
    #nav .drop > div > div > ul > li > a {
        display: block;
        padding: 0.4em 0.75em;
        font-weight: normal;
        color: #fff;
    }
    #menu > ul > li > .drop {
        left: auto;
        right: 0;
    }
    #menu #gn-iso-9001 > .drop {
        left: 0;
        right: auto;
    }
    #menu #gn-iso-14001 > .drop {
        left: 0;
        right: auto;
    }
    #menu > ul > li:hover > a {
    
      
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#bcbcbc',GradientType=0 );
    }
    #menu > ul > li + li + li > a {
        border-left: none;
    }
    #menu > ul > li .drop > div {
        box-shadow: 0 16px 24px rgba(0, 0, 0, 0.35);
        border-top: 1px solid #ddd;
        background: linear-gradient(to bottom, #ffffff 0, #eaeaea 65px);
        left: 0;
    }
    #menu > ul > li > .drop > div {
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        right: 0;
    }
    #menu > ul > li > a,
    #menu > ul > li > .faux-link {
        font-size: 0.875em;
        font-weight: normal;
        padding: 0.5em;
    }
    #menu > ul > li > span {
        display: block;
        font-weight: normal;
        font-size: 0.875em;
    }
    #menu > ul > li > span {
        padding: 0.687em 1em 0.312em 0.812em;
        border-top-left-radius: 0.312em;
        border-top-right-radius: 0.312em;
    }
    #menu > ul ul li a::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        font-family: "Font Awesome 5 Pro";
        color: #005282;
    }
    #menu > ul ul li a {
        padding-left: 1em;
    }
    #menu > ul > li#gn-home {
        padding-right: 0.25em;
    }
    #menu > ul > li#gn-home > a {
        position: relative;
       
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4b257', endColorstr='#ad8012',GradientType=0 );
        overflow: hidden;
        width: 100%;
        padding-left: 30px;
        padding-right: 0;
        font-size: 0;
    }
    #menu > ul > li#gn-home > a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        
    }
    .nowebp #menu > ul > li#gn-home > a:after {
      
    }
    .webp #menu > ul > li#gn-home > a:after {
        
    }
    #menu > ul > li#gn-contact {
        padding-left: 0.5em;
        border-bottom: 0;
        display: none;
    }
    #menu > ul > li.mega-menu .drop {
        left: 15px;
        right: 15px;
    }
}
@media (min-width: 960px) {
    #header {
        padding-bottom: 0;
        padding-top:40px;
    }
    #nav {
        margin-right: 0;
        width: 100%;
    }
    #menu {
        margin-top: 30px;
        margin-bottom: 48px;
    }
    #menu > ul > li {
        padding-bottom: 0em;
       
    }
    #menu > ul > li.drop-right .drop {
        right: 0;
    }
    #menu > ul > li > span {
        padding: 0.687em 0.687em 0.312em 0.75em;
    }

    #menu > ul > li > a,
    #menu > ul > li > .faux-link {
        font-size: 1em;
    }
    #menu {
        margin: 0px 0 0px;
    }
    #menu ul {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #menu > ul > li {
        float: left;
        position: relative;
        cursor: pointer;
        margin-bottom: 0;
    }
    #menu > ul > li + li {
        margin-left: 2px;
        margin-right: 0;
    }
    #menu > ul > li > a,
    #menu > ul > li > .faux-link {
        padding: 0.4rem 0.2em;
       
        border-radius: 2px;
        font-weight: normal;
        color: #fff;
    }
    #menu > ul > li#gn-home {
        margin-right: 15px;
        margin-left: 0;
        padding-right: 0;
    }
    #menu > ul > li#gn-home > a {
        position: relative;
       
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4b257', endColorstr='#ad8012',GradientType=0 );
        overflow: hidden;
        width: 100%;
        padding-left: 50px;
        padding-right: 0;
    }
    #menu > ul > li#gn-home > a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
      
    }
    .nowebp #menu > ul > li#gn-home > a:after {
       
    }
    .webp #menu > ul > li#gn-home > a:after {
       
    }
    #menu > ul > li#gn-contact {
        float: right;
        padding: 0;
    }
    #menu #gn-all-certifications ul li strong {
        display: block;
        padding: 3px 0 0 50px;
    }
    #menu #gn-all-certifications ul img {
        float: left;
        margin-bottom: 0;
    }
    #menu > ul > li.mega-menu .drop {
        left: 0;
        right: 0;
    }
    #menu #gn-all-certifications ul {
        width: 300px;
    }
}
/*-------------------------------------------------------------------------------------- INNER PAGE SUB NAV */

.aside .section-nav {
    margin-bottom: 3em;
}
.aside .section-nav h4 {
    margin: 0;
    font-size: 1.5em;
}
.aside .section-nav h4 a {
    background-color: #666;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    padding: 0 1.142em;
    color: #fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.125);
    -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.125);
    box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.125);
    position: relative;
    z-index: 1;
}
.nowebp .webp .aside .section-nav h4 a {
    background-image: url(/themes/ipage/assets/img/common/title-reef.png);
}
.webp .aside .section-nav h4 a {
    background-image: url(/themes/ipage/assets/img/common/title-reef.webp);
}
.aside .section-nav h4 a span {
    position: relative;
    display: block;
    padding: 0.809em 0 0.809em 1.23em;
}
.aside .section-nav h4 a span:before {
    content: "\f105";
    position: absolute;
    top: 0.809em;
    left: 0;
    display: block;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
}
.aside .section-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.aside .section-nav ul li {
    margin-bottom: 0;
}
.aside .section-nav ul li a {
    display: block;
    padding: 0 1.714em;
    font-weight: 400;
    color: #000;
}
.aside .section-nav ul li.no-link {
    padding: 1.142em 0 1.142em calc(1.714em + 1.857em);
    background: rgb(0, 120, 217);
    color: #fff;
}
body[class^="p-iso-14001-"] .aside .section-nav ul li.no-link {
    background: rgb(66, 177, 0);
}
@media (min-width: 48em) {
    .aside .section-nav ul li.no-link {
        padding: 16px 0 16px calc(24px + 26px);
    }
}
.aside .section-nav ul li a span {
    position: relative;
    display: block;
    padding: 1.142em 0 1.142em 1.857em;
}
.aside .section-nav ul li a span {
    border-bottom: 1px solid rgb(204, 204, 204);
}
.aside .section-nav ul li:last-child a span {
    border-bottom: none;
}
.aside .section-nav ul li a span:before {
    content: "\f105";
    position: absolute;
    top: 0.523em;
    left: 0;
    display: block;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.5em;
    color: rgb(9, 76, 163);
}
.aside .section-nav a span:before {
    transition: left 0.1s;
}
.aside .section-nav a:hover span:before {
    left: 0.15em;
}
.mini-nav {
    padding: 18px 0 0 0;
    margin-bottom: -2.5em;
}
.mini-nav ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.mini-nav ul li {
    padding: 0.25em 0;
    margin-bottom: 10px;
}
.mini-nav ul li:first-child {
    background: none;
    background-color: #fff;
    padding-left: 0px;
    width: auto;
    border-bottom: none;
}
.mini-nav ul li a {
    display: block;
    font-size: 0.8em;
    font-weight: 400;
    color: #666;
}
.mini-nav ul li a strong {
    font-weight: 700;
    color: rgb(9, 76, 163);
    font-size: 1.8em;
}
.mini-nav ul li a strong:before {
    content: "\f101";
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    padding-right: 0.5em;
}

@media (min-width: 768px) {
    .mini-nav ul li a strong {
        font-size: 15px;
    }
    .aside .section-nav h4 a {
        padding: 0 24px;
    }
    .aside .section-nav {
        margin-bottom: 6em;
    }
    .aside .section-nav h4 a {
        padding: 0 24px;
    }
    .aside .section-nav h4 a span {
        padding: 17px 0 17px 26px;
    }
    .aside .section-nav ul li a span {
        padding: 16px 0 16px 26px;
    }
    .aside .section-nav ul li a {
        padding: 0 24px;
    }
    .aside .section-nav ul li a span:before {
        top: 11px;
    }
    .mini-nav {
        padding: 18px 0;
    }
    .mini-nav ul {
        margin-bottom: 1.5em;
    }
}

/*-------------------------------------------------------------------------------------- EXPANDABLE PANELS */
.expand-trigger {
    cursor: pointer;
}
.expand-trigger + div {
    display: none;
}

.no-js .expand-trigger + div {
    display: block;
}

/*---------------------------------------------------------------------------------------------- UTILITIES */
.flash {
    font-size: 1.875em;
    font-weight: 300;
}
.cta dt {
    clear: both;
    float: left;
    width: 24%;
    font-weight: 700;
}
.cta dd {
    float: right;
    width: 76%;
    margin-left: 0;
    color: rgb(9, 76, 163);
    font-weight: 700;
}
.cal-email-xs a {
    padding: 1em 0.857em;
    width: 100%;
    font-size: 1em;
}
.cal-email-xs a:first-child {
    margin-bottom: 1em;
}
@media (min-width: 768px) {
    .aside .section-nav {
        margin-bottom: 3em;
    }
    .cal-email-xs a {
        padding: 0.8em 0;
    }
}
@media (min-width: 960px) {
    .aside .section-nav {
        margin-bottom: 6em;
    }
}
@media (min-width: 992px) {
    .cal-email-xs a {
        display: none;
    }
}
/*--------------------------------------------------------------------------------------------- ANIMATIONS */
/*@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translatex(0);
		transform: translatex(0);
	}
	40% {
		-webkit-transform: translatex(20px);
		transform: translatex(20px);
	}
	80% {
		-webkit-transform: translatex(10px);
		transform: translatex(10px);
	}
}*/
.border {
    border: 1px solid #dee2e6 !important;
    padding: 5px;
}

.contactbody .cta dt {
    width: 60%;
}
.post-date {
    color: #aaa;
}
.post-title_post {
    margin-bottom: 0;
    margin-top: 15px;
}
.certCheck {
    height: 54px;
    border-radius: 1px;
    width: 60%;
}
#btn_search {
    background-image: url(/themes/ipage/assets/img/common/find_icon.png);
    height: 50px;
    width: 120px;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 20px;
}
.inputbox input {
    float: left;
    height: 54px !important;
    border-radius: 1px;
}
.text-secondary {
    color: white;
}
.topHeader
{
    position: absolute;
    top: 0;
    width: 100%;
}
.topHeaderImage
{
    min-height: 200px;
    background: black;
    position: relative;
}

.topHeaderImage img
{
    margin: 0;
    min-height: 200px;
    
}
.baner_heading {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 35px; /* */
    z-index: 2;
    text-align: center;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .baner_heading {
       font-size: 25px; 
    }
}

.baner_heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px; /*  */
    background-color: #2f7cbf;; /*  */
}
.top-logo
{

    line-height: 40px;
        position: relative;
        overflow: hidden;
        padding: 0 25px 0 0;
        margin: 0 auto;
        display: block;
        float: left;
}
.top-logo img
{
    width: 150px;
    margin-top: 0;
}  
@media (max-width: 767.98px) {
  .top-logo img {
    margin-top: 30px;
  }
}
.menu-wrapper
{
   padding-top: 20px;
  
}
.top-banner
{
 border-bottom: #fff solid 1px;
 height: 40px;
 text-align: left;
 z-index: 10;
}
.top-banner span
{
    color:#fff;
    float: right;
    margin:10px;
}
.banner
{
    height: 355px;
}
.page-wrapper
{
    background: #fff;
    font-size:18px;
     
}
.reverse-mobile {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .reverse-mobile {
    flex-direction: column-reverse;
  }
}
.footer
{
    color: #fff;
    background: #2a2a2a;
}
.bg-dark-jungle-bottom,.footerbottom,.bg-dark-jungle-bottom a
{
   
     color: #fff;
     text-align: right;
}

.footerbottom
{
 background: #222222;
}

.footerbottom row
{
 background:none;
}.footer-cent h5 {
    color: #fff;
    margin: 0 0 27px;
    padding-top: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font: 700 14px / 18px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.component-country_id
{
    padding:0 15px
}
.form-group, .form-group h6
{
    font-size: 18px;
}
.reverse-mobile
{
    padding-top: 20px;
}
.home_content
{   
    margin-top: -150px;
    position: relative;
    z-index: 2000;
    background: none;
    margin-bottom:10px;
}
@media (max-width: 767px) {
  .home_content {
    margin-top: 0px;
    position: relative;
    z-index: 10;
  }
}
.mpc-quote_description
{
    color: #333333;
        font-family: magistral-bold;
        text-transform: uppercase;
        font-size: 16px;
}
.home_yu_content
{
   position: relative;
    color: #fff;
    background-image: url(/storage/cacf/ah/bbf/istock-000010364908small.jpg);background-size: cover;  
    padding: 0; 
    width: 100%;  
}
.mpc-overlay
{
    opacity: 0.75;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.right-content
{
 
 font-size: 14px;  
}
.page-content 
{
    padding-top: 20px;
}
.news_slider_wrapper
{
   background: #2c2e3d !important
}
.slider_wrapper
{
     background: #2c2e3d !important
}
.vc_column_container 
{
    padding:10px;
    padding-top:40px;
}
.certCheck_wrapper
{
    padding:170px 0px 0px 50px;
}

@media (max-width: 767.98px) {
  .certCheck_wrapper
{
    padding:110px 0px 0px 50px;
}
.certCheck_banner img
{
    height: 400px;
    background-size:contain;
}
.text-secondary{
    font-size: 20px;
}
}

.display-3 {
    font-size: 3.0625rem;
    font-weight: 600;
    line-height: 1.4;
}
.display-4 {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.4;
}
.text-muted {
    color: #8c98a4 !important;
}
.text-dark {
    color: #1e2022 !important;
}
.iso-detail 
{
    padding: 10px 0;
}