/* Fonts start */
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon/fonts/icomoon.eot?9hvj1j');
    src:  url('../fonts/icomoon/fonts/icomoon.eot?9hvj1j#iefix') format('embedded-opentype'),
      url('../fonts/icomoon/fonts/icomoon.ttf?9hvj1j') format('truetype'),
      url('../fonts/icomoon/fonts/icomoon.woff?9hvj1j') format('woff'),
      url('../fonts/icomoon/fonts/icomoon.svg?9hvj1j#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

p{
    word-break: break-word !important;
}

body[data-form-submit="regular"] .container-wrap button[type="submit"], .container-wrap button[type="submit"]{
    padding: 13px 34px !important;
}

.wpb_tab p, .wpb_tab ul{
    font-family: 'open sans' !important;
    font-size: 18px !important;
    line-height: 28px;
}

.pagination-container{
    display: flex
}

#pagination{
    width: auto !important;
    display: inline-flex;
    align-items: center;
    margin: 0 auto;
}

body #pagination .page-numbers.next, body #pagination .page-numbers.prev{
    position: relative !important;
    font-size: 0 !important;
}

a.next::after{
    content: '>';
}

a.prev::after{
    content: '<';
}

a.next::after, a.prev::after{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px !important;
}

h2.news-title{
    font-size: 26px !important;
    line-height: 32px !important;
}

.scroller{
    padding-top: 170px !important;
    margin-top: -170px !important;
}

@media only screen and (max-width: 991px) {
    body {
        overflow-anchor: none;
    }
}

body.single-post.material[data-bg-header="true"] .container-wrap{
    padding-top: 0 !important;
}

#save-time .row-bg-overlay{
    position: relative;
}

.container-max-800{
    width: 100%;
    max-width: 800px;
    margin: 0 auto 100px auto;
}

.wpb_tabs_nav p a{
    color: #0000009c !important;
    transition: .3s ease-in-out;
}

.wpb_tabs_nav li.active p a{
    color: #000000 !important;
}

.wpb_tabs_nav p a:hover{
    color: #000000 !important;
    text-decoration: none !important;
}

p a{
    color: #ec008c !important;
}

p a:hover{
    text-decoration: underline !important;
}

input:focus, textarea:focus, select:focus{
    border-color: #0000000A !important;
}

input[type=checkbox]{
    width: 16px;
    height: 16px;
    accent-color: #ec008c;
}

.wpcf7-list-item{
    display: flex;
    align-items: center;
}

select{
    height: 48px;
}

label{
    display: block;
    margin-bottom: 10px;
}

.single-post-img{
    margin-bottom: 48px;
}

#custom-cta{
    background:linear-gradient(90deg, rgb(0,131,203) 0%, rgb(70,229,253) 99%) !important;
    border-radius: 16px !important;
}

#page-preadcrumb{
    margin-bottom: 100px;
    padding-top: 128px;
    padding-bottom: 128px;
}

#pagination{
    text-align: center;
}

#pagination > span.page-numbers.current{
    box-shadow: none !important;
    background-color: #17AEEF !important;
}

@media only screen and (max-width: 991px) {
    #page-preadcrumb{
        margin-bottom: 100px;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom-post-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -12px;
}

.custom-post-row .img-thumbnail{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 16px;
}

.custom-post-row .img-thumbnail img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    transition: .3s ease-in-out;
}

.custom-post-row .col.span_4 {
    width: 33% !important;
    margin-bottom: 48px;
    margin-right: 0 !important;
    padding: 0 12px !important;
}

@media only screen and (max-width: 991px) {
    .custom-post-row .col.span_4 {
        width: 50% !important;
    }
}

@media only screen and (max-width: 768px) {
    .custom-post-row .col.span_4 {
        width: 100% !important;
    }
}

.custom-post-row .col.span_4:hover .img-thumbnail img{
    transform: scale(1.1);
}

.main-content > .row{
    padding-top: 90px;
}


#header-space{
    height: auto !important;
}

body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version{
    height: auto !important;
}
header#top{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
header#top > .container > .row{
    align-items: center !important;
}

#logo{
    margin: 0 !important;
}

@media only screen and (max-width: 1500px) {
    #logo img{
        width: 250px !important;
        height: auto !important;
    }

    .main-content > .row{
        padding-top: 75px;
    }
}

@media only screen and (max-width: 1200px) {
    #logo img{
        width: 200px !important;
        height: auto !important;
    }

    .main-content > .row{
        padding-top: 68px;
    }
}
@media only screen and (max-width: 991px) {
    header#top{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .main-content > .row{
        padding-top: 82px;
    }
}

  
.icon-package:before {
    content: "\e900";
    color: #17aeef;
}
.icon-folder:before {
    content: "\e901";
    color: #17aeef;
}
.icon-pensil:before {
    content: "\e902";
    color: #00aeef;
}
.icon-lamp:before {
    content: "\e903";
    color: #17aeef;
}
.icon-envelope:before {
    content: "\e904";
    color: #17aeef;
}
.icon-cnc:before {
    content: "\e905";
    color: #17aeef;
}

h1{
    line-height: 1 !important;
}

#k-sticky-tabs h3{
    margin-bottom: 30px !important;
}

.meta-category{
    display: none !important;
}
/* Fonts end */

.chromo-btn, button.k-submit{
    display: inline-block !important;
    transition: .3s ease-in-out;
}

.chromo-btn:hover, button.k-submit:hover{
    transform: translateY(-20%);
}
.chromo-btn:hover .link_wrap, button.k-submit:hover{
    box-shadow: 0 20px 38px rgba(0,0,0,0.16) !important;
}

/* Buttons start */
.chromo-btn .link_wrap, button.k-submit{
    padding: 13px 0 !important; 
    color: #ffffff;
    border-radius: 24px;
}

.chromo-btn .link_wrap .link-text, button.k-submit{
    padding: 13px 34px !important;
}

.chromo-btn .link_wrap .text, button.k-submit{
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 13px 34px !important;
}

.chromo-btn .link_wrap .text::after, button.k-submit::after{
    font-family: 'icomoon' !important;
    content: "\e909";
    margin-left: 10px;
    font-size: 14px;
}

.wpcf7 .d-flex{
    margin-left: -16px;
    margin-right: -16px;
}

.wpcf7 .d-flex > div{
    width: 100%;
    padding: 0 16px;
}

.wpcf7 #products-checks, .wpcf7 #services-checks{
    display: none;
}

.wpcf7 #products-checks strong, .wpcf7 #services-checks strong{
    display: block;
    margin-bottom: 20px;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output{
    border: none !important;
    color: #ec008c !important;
}

.form-control{
    margin-bottom: 40px;
}

.chromo-btn.teal .link_wrap .text::after, button.k-submit::after{
    color: #ffffff !important;
 }

.chromo-btn.white .link_wrap{
    background-color: transparent;
    border: 2px solid #ffffff;
}

.chromo-btn.teal .link_wrap, button.k-submit{
    border: 2px solid #00AEEF !important;
    background-color: #00AEEF !important;
}

.chromo-btn.teal .link_wrap:hover, button.k-submit:hover{
    border: 2px solid #00AEEF !important;
    background-color: #00AEEF !important;
}
/* Buttons end */

/* Font sizes start */
.f-14{
    font-size: 14px;
}
.f-16{
    font-size: 16px !important;
    line-height: 28px !important;
}
/* Font sizes end */

.d-flex{
    display: flex;
}

.flex-wrap{
    flex-wrap: wrap;
}

.align-items-center{
    align-items: center;
}

.align-items-end{
    align-items: end;
}

.justify-content-end{
    justify-content: end;
}

.text-right{
    text-align: right;
}

.w-50{
    width: 53% !important;
}

.mt-30{
    margin-top: 30px;
}

.mt-60{
    margin-top: 60px;
}

.mb-0{
    margin-bottom: 0 !important;
}

.mb-64{
    margin-bottom: 64px !important;
}

.circle{
    position: relative;
    width: 98px;
    height: 98px;
    border: 2px solid #17AEEF;
    margin: 0 auto;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}

.circle .icon::before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent !important;
    font-size: 60px;
    transition: all .3s ease-in-out;
}

.hover:hover .circle{
    background-color: #17AEEF;
}

.hover:hover .circle .icon::before{
    color: #ffffff;
}



#footer-widgets h3{
    font-size: 20px !important;
    color: #ffffff;
}

#footer-outer p a{
    font-weight: bold;
    color: #ffffff;
}

#footer-outer .row{
    padding: 0 !important;
    padding-bottom: 20px !important;
}

#footer-outer .row:nth-child(1){
    padding-top: 100px !important;
}

@media only screen and (max-width: 991px) {
    #footer-outer .row:nth-child(1){
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .wpcf7 .d-flex{
        flex-direction: column;
    }

    .wpcf7 .d-flex > div:not(:last-child){
        margin-bottom: 40px;
    }
}

#footer-outer .row:nth-child(2){
    padding-bottom: 40px !important;
}

#footer-outer .row:nth-child(4){
    padding-top: 50px !important;
    padding-top: 30px !important;
}

.social-imgs img, .cert-imgs{
    margin-bottom: 0 !important;
    flex-shrink: 1;
}

.cert-imgs:not(:last-child){
    margin-right: 24px;
}

.social-imgs:not(:last-child){
    margin-right: 40px;
}

.row.border-bottom{
    border-bottom: 1px solid #ffffff;
}

.dope{
    font-weight: bold;
}

.heart{
    margin-bottom: -1px !important;
}

.material #footer-outer #footer-widgets .col ul.footer-bottom-menu li{
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.material #footer-outer #footer-widgets .col ul.footer-bottom-menu li a{
    opacity: .7 !important;
    transition: opacity .3s ease-in-out !important;
    background-image: none !important;
}

.material #footer-outer #footer-widgets .col ul.footer-bottom-menu li a:hover{
    opacity: 1 !important;
    background-image: none !important;

}

.material #footer-outer #footer-widgets .col ul.footer-bottom-menu li:not(:last-child)::after{
    content: '';
    position: absolute;
    width: 1px;
    background-color: #ffffff;
    height:  14px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#menu-footer-second-col, #menu-footer-third-col-menu, #menu-footer-forth-menu{
    font-size: 16px !important;
}

@media only screen and (min-width: 1400px){
    #footer-widgets[data-cols="5"] .container .row > div:first-child {
        width: 47.5% !important;
    }
}

@media only screen and (min-width: 1400px){
    #footer-widgets[data-cols="5"] .container .row > div {
        width: 15.5%;
    }
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a{
    margin-left: 0 !important;
}

#product-halfs{
    color: #ffffff;
}

#product-halfs h3{
    color: #ffffff;
}

#product-halfs .row-bg-wrap::before{
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(255,249,177);
    background: linear-gradient(90deg, rgba(255,249,177,1) 0%, rgba(254,207,21,1) 100%);
    z-index: -1;
}

#product-halfs .row-bg-wrap:first-child::after{
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #EC098C;
    z-index: -1;
}

@media only screen and (max-width: 991px) {
    #product-halfs .row-bg-wrap::before{
        width: 100%;
        height: 50%;
    }

    #product-halfs .row-bg-wrap:first-child::after{
        width: 100%;
        height: 50%;
        left: 0;
        bottom: 0;
    }
}

#product-halfs-second .row-bg-wrap::before{
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #F9FDFF;
    z-index: -1;
}

#product-halfs-second .row-bg-wrap:first-child::after{
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #F9FDFF;
    z-index: -1;
}

#product-halfs-second .row-bg{
    background-size: 50% 100%;
}

@media only screen and (max-width: 1200px) {
    .break-lg{
        flex-direction: column;
    }

    .cert-imgs{
        margin-bottom: 40px !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .break-lg .col{
        width: 100% !important;
        justify-content: center;
        padding: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    .dope{
        margin-top: 5px;
    }
}

@media only screen and (max-width: 500px) {
    .break-sm{
        flex-direction: column;
    }

    .material #footer-outer #footer-widgets .col ul.footer-bottom-menu.break-sm li:not(:last-child)::after{
        width: 0;
    }
}

.icon-salient-search::before{
    content: '\e907' !important;
}

pre, code{
    background: transparent !important;
    padding: 0 !important;
}

code{
    text-align: center;
    padding: 0;
    margin-bottom: 48px;
}

@media only screen and (max-width: 991px) {
    code{
        margin-bottom: 0;
    }
    
    #page-preadcrumb h1{
        margin-bottom: 0 !important;
    }
}


code span{
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.65px;
    font-family: 'open sans';
}

code a:not(:hover){
    opacity: 1 !important;
}

code .breadcrumb_last{
    opacity: .7;
    text-decoration: underline;
}

#k-timeline .nectar-flickity:not(.masonry) .flickity-slider .cell{
    width: 226px !important;
    margin: 0 80px !important;
}


#k-timeline .flickity-viewport{
    position: relative;
}

#k-timeline .flickity-viewport::after{
    content: '';
    position: absolute;
    top: 129px;
    left: 0;
    width: 300%;
    height: 1px;
    background-color: #00AEEF;
    z-index: -1;
    transform: translateX(-20%);
}

#k-timeline h3{
    position: relative;
    color: #00AEEF;
    margin-bottom: 160px;
}

#k-timeline h3::after{
    position: absolute;
    content:url('../images/timeline-circle.svg');
    top: 130px;
    left: 50%;
    transform: translate(-50%, -50%);
}

#certs-accordion .wpb_column{
    max-width: 1044px;
    margin: 0 auto;
}

#certs-accordion .wpb_column{
    max-width: 1044px;
    margin: 0 auto;
}

#certs-accordion a.toggle-heading{
    font-size: 20px !important;
    display: flex;
    align-items: center;
}

/* We can only add the images with the correct order 
    using nth-child
*/

#certs-accordion .toggle:nth-child(1) a.toggle-heading::before{
    content: url(../images/tuv-2015-square.png);
    margin-right: 5px;
}

#certs-accordion .toggle:nth-child(2) a.toggle-heading::before{
    content: url(../images/tuv-square.png);
    margin-right: 5px;
}

#certs-accordion .toggle:nth-child(3) a.toggle-heading::before{
    content: url(../images/fsc-square.png);
    margin-right: 5px;
}

#certs-accordion .toggle:nth-child(4) a.toggle-heading::before{
    content: url(../images/sedex-square.png);
    margin-right: 5px;
}

#image-with-text img{
    margin: 0 !important;
    width: 100% !important;
}
.k-tabs-mobile{
    display: none;
}

.k-tabs-desktop .ui-tabs-panel{
    padding: 40px 0 !important;
}
.k-tabs-mobile .wpb_tabs_nav{
    display: flex;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}

.scrolling-tab-content .wpb_row{
    margin-bottom: 0 !important;
}

.k-tabs-mobile .wpb_tabs_nav .active-tab{
    background-color: transparent !important;
    color: #000000 !important
}

.k-tabs-mobile .wpb_tabs_nav .active-tab::after{
    box-shadow: none !important;
}

.k-tabs-mobile .wpb_tabs_nav:before, .k-tabs-mobile .wpb_tabs_nav:after{
    all: unset !important;
}

@media only screen and (max-width: 999px) {
    .k-tabs-mobile{
        display: block;
    }
}

@media only screen and (max-width: 999px) {
    .k-tabs-desktop{
        display: none;
    }
}

.nectar-fancy-box[data-style="hover_desc"] .box-bg::before {
    background: linear-gradient(to bottom,rgba(23,174,239,0),rgba(23,174,239,0.9) 100%) !important;
}

.justify-content-end{
    justify-content: end;
}

.justify-content-center{
    justify-content: center;
}

.align-items-center{
    align-items: center;
}

.color-white{
    color: #ffffff;
}

.color-white h3, .color-white p{
    color: #ffffff !important;
}

.halfs-outer{
    display: flex;
    margin-bottom: 0 !important;
}

.halfs-outer .half{
    width: 50%;
    padding: 0 20px;
}

.halfs-outer .half > img{
    width: 100% !important;
    height: 120% !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    transform: translateY(-16%) !important;
    display: block !important;
}

.halfs-outer .half.yellow{
    background: rgb(255,249,177);
    background: linear-gradient(90deg, rgba(255,249,177,1) 0%, rgba(254,207,21,1) 100%);
}

.halfs-outer .half.red{
    background-color: #EC098C;
}

.halfs-outer .half.light-blue{
    background-color: #F9FDFF;
}
.halfs-outer .half.sky{
    background: linear-gradient(180deg, #9EBEE7 0%,  #DCF0FF 100%);
}

@media only screen and (max-width: 991px) {
    .halfs-outer .half.sky{
        position: relative;
        background: #F9FDFF;
    }

    .halfs-outer .half.sky::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 84%;
        top: 0;
        left: 0;
        background: linear-gradient(180deg, #9EBEE7 0%,  #DCF0FF 100%);
    }
}

.half-content{
    width: 100%;
    max-width: 692px;
}

.half-content img{
    width: 100%;
    transform: translateY(60px);
}

.half-content h3, .half-content p{
    max-width: 505px;
}

.p-0{
    padding: 0 !important;
}

.py-90{
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

@media only screen and (max-width: 991px) {
    .halfs-outer{
        flex-direction: column;
    }

    .halfs-outer .half{
        justify-content: center !important;
        width: 100%;
    }

    .halfs-outer:nth-child(2) .half:nth-child(1){
        order: 1;
    }

    .halfs-outer:nth-child(2) .half:nth-child(2){
        order: 0;
    }
}

.otgs-development-site-front-end{
    display: none;
}

.right-aligned-menu-items nav ul{
    margin-left: 0 !important;
    display: flex;
}

.right-aligned-menu-items nav > ul > li:nth-child(1){
    order: 1;
    margin-left: 20px !important;
    border-left: 2px solid #000000;
}

.right-aligned-menu-items nav > ul > li:nth-child(1) a{
   margin-right: 0 !important;
}

.right-aligned-menu-items nav > ul > li:nth-child(1):before{
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e9c9';
    padding-left: 20px;
    margin-right: 5px;
    font-size: 20px;
    margin-top: -3px;
}

.right-aligned-menu-items nav > ul > li:nth-child(2){
    order: 0;
}


@media all{
    .container.main-content, #footer-widgets > .container, header#top > .container{
        max-width: 1308px !important;
        padding: 0 20px !important;
    }
}

#header-outer #mobile-menu .inner .menu-items-wrap > ul{
    padding: 0 20px;
}


@media only screen and (min-width: 992px) {
    .right-aligned-menu-items nav ul ul{
        width: auto !important;
        margin-left: 20px !important;
    }
}

.food-safe{
    position: relative !important;
}

.food-safe-title{
    display: flex;
    align-items: center;
}

.food-safe-title::after{
    content: url(../images/food_safe_black.svg);
    transform: scale(.5);
}

.food-safe::after{
    content: url(../images/food_safe.svg);
    position: absolute;
    bottom: 18px;
    right: 18px;
    z-index: 10;
    height: unset !important;
    visibility: visible !important;
}

#block-12 img{
    width: 353px;
    height: auto;
}

.sub-menu a:hover .menu-title-text{
    font-weight: bold;
}

.menu-item a[href="#"]{
    cursor: default !important;
}

.the-blog-content .single-post-img{
    width: 100% !important;
    height: auto !important;
    max-width: unset !important;
}

.the-blog-content .wp-block-image{
    width: 100%;
    margin-bottom: 20px !important;
}

.the-blog-content .wp-block-image img{
    width: 100% !important;
    height: auto !important;
    max-width: unset !important;
}