/*
                        _
 _ __   ___  ___   ___ | |_
| '__| / _ \/ __| / _ \| __|
| |   |  __/\__ \|  __/| |_
|_|    \___||___/ \___| \__|


*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");

html, body, main, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: "Noto Sans", sans-serif;
    font: inherit;
    vertical-align: baseline;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
}
*{
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    -webkit-text-size-adjust: auto;
    padding-top: 80px;
    max-width: 2560px;
    margin: 0 auto;
}

ol, ul {
    listStyle: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

button {
    margin: 0;
    padding: 0;
}

/*wp-block specific resets*/
.wp-site-blocks > * {
    -webkit-margin-before: 0 !important;
            margin-block-start: 0 !important;
    -webkit-margin-after: 0 !important;
            margin-block-end: 0 !important;
    padding: 0 !important;
}

.wp-container-1,
.wp-container-1 > *,
.wp-container-1 > * + * {
    -webkit-margin-before: 0 !important;
            margin-block-start: 0 !important;
    -webkit-margin-after: 0 !important;
            margin-block-end: 0 !important;
}

.wp-container-2,
.wp-container-2 > *,
.wp-container-2 > * + * {
    -webkit-margin-before: 0 !important;
            margin-block-start: 0 !important;
    -webkit-margin-after: 0 !important;
            margin-block-end: 0 !important;
}

h1 {
    font-size: 36px;
    line-height: 56px;
    font-weight: 700;
}

@media (min-width: 992px) {
    h1 {
        font-size: 56px;
        line-height: 75px;
        font-weight: 700;
    }
}

h2 {
    font-size: 40px;
    line-height: 50px;
}

h3 {
    font-size: 32px;
    line-height: 42px;
    color: #000;
    font-weight: 700;
    text-align: center;
    font-family: "Noto Sans", sans-serif;
}

@media (min-width: 992px) {
    h3 {
        font-size: 40px;
        line-height: 50px;
    }
}

h5 {
    font-size: 19px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
}

@media (min-width: 992px) {
    h5 {
        font-size: 24px;
        line-height: 24px;
    }
}

.h-100 {
    height: 100%;
}

.d-flex {
    display: flex;
}

.d-none {
    display: none;
}

@media (min-width: 768px) {
    .d-md-none {
        display: none;
    }

    .d-md-block {
        display: block;
    }
}

.csg-sep {
    height: 10px !important;
    margin: 24px auto;
}
p {
    margin-bottom: 12px;
    -webkit-margin-after: 12px !important;
            margin-block-end: 12px !important;
}
.wp-container-2 p{
    -webkit-margin-after: 12px !important;
            margin-block-end: 12px !important;
}
.single-post .wp-block-post-content *{
    max-width: 100%;
}
/*

 _                       _
| |__    ___   __ _   __| |  ___  _ __
| '_ \  / _ \ / _` | / _` | / _ \| '__|
| | | ||  __/| (_| || (_| ||  __/| |
|_| |_| \___| \__,_| \__,_| \___||_|


*/
.site-header {
    height: auto;
    position: relative;
}
@media (min-width: 992px){
    .site-header {
        height: 80px;
    }
}

.header-container {
    width: 100vw;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    font-family: "Noto Sans", sans-serif;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26);
    -webkit-backdrop-filter: blur(17px);
            backdrop-filter: blur(17px);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1000;
    max-width: 2560px;
}

.header-container a {
    font-family: "Noto Sans", sans-serif;
    text-decoration: none;
    color: #1B1C1C;
    background-color: rgba(0, 0, 0, 0);
}

#header-logo {
    margin: 0 0 0 3%;
    display: block;
}
#header-logo img{
    max-width: 100%;
}
/* @media (max-width: 562px){
    #header-logo {
        max-width: 20%;
    }
} */
@media (max-width: 991px){
    #header-logo {
        margin: 24px;
    }
}
.mainmenu {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 4rem;
}

.mainmenu a {
    background-color: rbga(0, 0, 0, 0);
    font-size: 14px;
    line-height: 27px;
    margin-right: 24px;
}
@media (min-width: 1500px) {
    .mainmenu a {
        font-size: 20px;
    }
}

.mainmenu a:hover {
    cursor: pointer;
}

.subnav ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    gap: 2.8rem;
    list-style-type: none;
}

.subnav ul li {
    font-size: 1.2rem;
    color: #000;
}

.search-box {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 3rem;
}
.search-icon, .right-arrow {
    fill: var(--theme-color3);
}
.search-box:hover .search-btn {
    color: #1B1C1C;
}

.search-btn {
    float: right;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
}

.search-btn > img {
    margin-top: -1rem;
    width: 2.3rem;
}

.search-text {
    border: none;
    background: none;
    outline: none;
    float: left;
    padding: 0;
    color: #1B1C1C;
    font-weight: normal;
    transition: 0.4s;
    line-height: 3rem;
    width: 160px;
    font-family: "Noto Sans", sans-serif;
    z-index: 1;
}
@media (min-width: 1200px){
    .search-text {
        width: 160px;
        z-index: 1000;
    }
}
.search-text.active {
    display: block;
}
.search-btn.show-input {
    display: block;
}
.search-btn.show-input.hide {
    display: none;
}
.search-btn.search-terms.hide {
    display: none;
}
.search-btn.search-terms {
    display: block;
}
.search-form {
    display: flex;
    position: relative;
}
.search-close {
    background: transparent;
    border: none;
    display: block;
    cursor: pointer;
    margin-left: 7px;
}
.search-close.hide {
    display: none
}
.search-close svg path {
    fill: #000;
}

header .contact {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--theme-color3, #646464) !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    padding: 11px 42px 11px 32px;
    position: relative;
    transition: 0.3s;
}

header .contact:hover{
    background: var(--theme-color3, #646464);
    color: #FFF;
}
header .contact svg{
    fill: var(--theme-color3, #646464);
    transition: 0.3s;
}
header .contact:hover svg{
    fill: #FFF;
    right: 5px;
}
.contact p {
    width: 9.6rem;
}

/** New button for A/B Testing **/

header .contact.inverted{
    display: none;
    background: var(--theme-color3, #646464);
    border: 1px solid var(--theme-color3, #646464) !important;
    color: #FFF;    
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    padding: 11px 42px 11px 32px;
    position: relative;
    transition: 0.3s;
    margin-left: 22px;
    margin-right: auto;
}

header .contact.inverted:hover{
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--theme-color3, #646464) !important;
}

header .contact.inverted svg{
    fill: #FFF;    
    transition: 0.3s;
}
header .contact.inverted:hover svg{
    fill: var(--theme-color3, #646464);
    right: 5px;
}


@media (min-width: 992px){
    header .contact.inverted {
        margin-left: 0;
    }
}

/** New button for A/B Testing **/


.search-box {
    position: relative;
}
header .search-text{
    top: 0;
    margin: auto;
    right: 30px;
    position: absolute;
    height: 40px;
    background-color: white;
    right: 64px;
    width: 0;
}

@media (min-width: 992px){
    .search-box {
        margin-right: 40px;
    }
}
.right-arrow{
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#header-content.header-container{
    display: flex;
}
.header__right-side{
    margin-right: 50px;
    display: flex;
}
/*
Sticky header is experimental, only use it on the front for screens above 782px width.
*/
.is-style-csg-2022-sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}
@media screen and (min-width: 782px) {
    /*#wp--skip-link--target {*/
    /*    padding-top: 80px !important;*/
    /*}*/

    /* Move the sticky position down to adjust for the WordPress admin bar */
    .admin-bar .is-style-csg-2022-sticky {
        top: 32px;
    }
}

/*
 _ __ ___    ___   __ _   __ _
| '_ ` _ \  / _ \ / _` | / _` |
| | | | | ||  __/| (_| || (_| |
|_| |_| |_| \___| \__, | \__,_|
                  |___/

 _ __ ___    ___  _ __   _   _
| '_ ` _ \  / _ \| '_ \ | | | |
| | | | | ||  __/| | | || |_| |
|_| |_| |_| \___||_| |_| \__,_|

*/
.megamenu {
    width: calc(100% - (4rem * 2));
    position: absolute;
    top: 80px;
    left: 0;
    height: calc(100vh - 16rem);
    background-color: #F1F1F1;
    padding: 4rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
    z-index: 900;
}
@media (max-width: 991px){
    #products-menu{
        top: 50px;
    }
}
.menu-link, header .subnav a{
    position: relative;
}
header .subnav a:after,
.menu-link:after{
    content:'';
    width: 0;
    position: absolute;
    bottom: -5px;
    height: 2px;
    background: var(--theme-color4);
    transition: 0.3s;
    left: 0;
}
header .subnav li a:after{
    height: 1px;
}
header .subnav a:hover:after,
.menu-link:hover:after{
    width: 100%;
}
header .subnav a.active:after,
.menu-link.activeMM:after{
    content:'';
    width: 100%;
    position: absolute;
    bottom: -5px;
    height: 2px;
    background: var(--theme-color4);
}
.megamenu#products-menu .mega-col {
    padding: 0 2rem;
    height: 100%;
    display: flex;
}

.megamenu#products-menu .mega-col div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.megamenu#products-menu .mega-col div h2 {
    font-size: 2.6rem;
    font-weight: 700;
    color: #1B1C1C;
    padding: 0 1.2rem 1.2rem;
}

.megamenu .mega-col div h3 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1B1C1C;
    padding: 1.2rem 1.2rem 0.1rem;
    line-height: 20px;
    text-align: left;
}

.megamenu .mega-col div p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #1B1C1C;
    max-width: 50ch;
    padding: 0 1.2rem 1.2rem;
}
@media (max-width: 1440px){
    .megamenu .mega-col div p {
        padding: 0 1.2rem 0rem;
        margin-bottom: 0 !important;
    }
}

.megamenu#products-menu .mega-col div button {
    text-align: left;
    border: 0;
}

.megamenu#products-menu .mega-col:nth-of-type(1) {
    width: 25%;
    flex-direction: column;
    flex-grow: 1;
}

.megamenu#products-menu .mega-col:nth-of-type(1) p {
    font-size: 1.6rem;
    max-width: 30ch;
}

.megamenu#products-menu .mega-col:nth-of-type(1) div:nth-of-type(2) {
    border: none;
}

.megamenu#products-menu .mega-col:nth-of-type(1) div:nth-of-type(2) h2 {
    padding: 1.2rem;
}

.megamenu#products-menu .mega-col:nth-of-type(2) {
    width: 40%;
    height: 65%;
    overflow: visible;
    border-left: 1px solid;
    align-items: flex-start;
    justify-content: center;
}

@media (max-width: 991px){
    .megamenu#products-menu .mega-col:nth-of-type(2),
    .megamenu#products-menu .mega-col:nth-of-type(3){
        width: 100% !important;
        padding: 0 !important;
        justify-content: flex-start !important;
    }
    .megamenu .mega-col:nth-of-type(1){
        width: 100% !important;
    }
    .mega__featured{
        padding: 0;
    }
    #industries-menu .mega-col:nth-of-type(2){
        padding-left: 0 !important;
        border: none !important;
    }
    .megamenu .mega-col:nth-of-type(3),
    .megamenu .mega-col:nth-of-type(2){
        width: 100% !important;
    }
}
.megamenu#products-menu .mega-col:nth-of-type(2) div h2 {
    padding-bottom: 4rem;
}

.megamenu#products-menu .mega-col:nth-of-type(2) div p {
    font-size: 1.4rem;
}

.megamenu#products-menu .mega-col:nth-of-type(2) div button {
    padding: 1.2rem 0 0.5rem;
}

.megamenu#products-menu .mega-col:nth-of-type(2) div button:nth-of-type(1) {
    margin-top: -1.2rem;
}

.megamenu#products-menu .mega-col:nth-of-type(3) {
    align-items: flex-start;
    justify-content: center;
    width: 40%;
}

.megamenu#products-menu .mega-col:nth-of-type(3) div h2 {
    padding-bottom: 4rem;
}

.megamenu#products-menu .mega-col:nth-of-type(3) div a h3 {
    padding: 1.2rem;
    max-width: 100%;
}

.megamenu#industries-menu .mega-icol {
    width: 22%;
    max-width: 22%;
    flex-direction: column;
    flex-grow: 1;
	border-right: 1px solid var(--theme-color4);
}

.megamenu#industries-menu .mega-icol p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #1B1C1C;
    max-width: 30ch;
    padding: 0 1.2rem 1.2rem;
}

.megamenu#industries-menu .mega-icol h2 {
    font-size: 2.6rem;
    font-weight: 700;
    color: #1B1C1C;
    padding: 0 1.2rem 1.2rem;
}

.megamenu#industries-menu .mega-icol h3 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.6rem;
    color: #1B1C1C;
    padding: 1.2rem 1.2rem 0.1rem;
    max-width: 100%;
	text-align:left;
	margin-bottom: 25px;
}

.megamenu#industries-menu .mega-icol .button {
    border: 1px solid var(--theme-color4);
    padding: 1.2rem 2.4rem;
    margin: 1.4rem 1.2rem 4.8rem;
	text-decoration: none;
	color: #000;
	display: inline-flex;
	cursor:pointer;
	font-size: 14px;
}

.megamenu#industries-menu .mega-icol .mega-placeholder {
    max-height: 200px;
    aspect-ratio: 1;
    margin: 1.2rem;
	display: flex;
    align-items: center;
}

.megamenu#industries-menu .mega-icol .mega-placeholder img{
    width:100%;
}

.megamenu#industries-menu .mega-dblcol {
    width: 75%;
    height: 55%;
    border-left: 1px solid;
    padding: 10rem 0 10rem 3rem;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}

.megamenu#industries-menu .mega-dblcol a {
    width: 49%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    text-align: left;
    margin: 1.2rem 0;
    padding: 0.6rem 0;
}

.megamenu#industries-menu .mega-dblcol a:last-of-type {
    padding: 0.6rem 0 6.2rem;
    max-width: none;
}

.megamenu#industries-menu .mega-dblcol a h3 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1B1C1C;
    padding: 1.2rem 1.2rem 0.1rem;
    max-width: 27ch;
}

.megamenu#industries-menu .mega-dblcol a p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #1B1C1C;
    max-width: 45ch;
    padding: 0 1.2rem 1.2rem;
}

.theme-berry #products-menu .mega-col:nth-of-type(2) {
    border-color: #5F2852;
}

.theme-berry #products-menu .mega-col:nth-of-type(2) a:hover {
    background-color: #5F2852;
}

.theme-berry #products-menu .mega-col:nth-of-type(2) a:hover h3, .theme-berry #products-menu .mega-col:nth-of-type(2) a:hover p {
    color: #F1F1F1;
}

.theme-berry #products-menu .mega-col:nth-of-type(3) a:hover {
    background-color: #CA7F9F;
}

.theme-berry #industries-menu .mega-icol div:first-of-type button {
    border-color: #5F2852;
}

.theme-berry #industries-menu .mega-dblcol {
    border-color: #5F2852;
}

.theme-berry #industries-menu .mega-dblcol a:hover {
    background-color: #5F2852;
}

.theme-berry #industries-menu .mega-dblcol a:hover h3, .theme-berry #industries-menu .mega-dblcol a:hover p {
    color: #F1F1F1;
}

/*_____________________________________
   ___                _
  / __\  ___    ___  | |_   ___  _ __
 / _\   / _ \  / _ \ | __| / _ \| '__|
/ /    | (_) || (_) || |_ |  __/| |
\/      \___/  \___/  \__| \___||_|

_______________________________________*/
.footer-container {
    max-height: 40rem;
    color: #f1f1f1;
    padding: 4.7rem 6% 2.1rem;
    background-color: var(--theme-color4, #303030);
}
footer {
    background-color: var(--theme-color4, #303030) !important;
}


#footer-logo {
    /* width: 150px; */
    height: 50px;
    display: block;
    -webkit-filter: invert(1);
            filter: invert(1);
}

.footer-flex {
    display: flex;
    flex-flow: row nowrap;
    flex-direction: column;
    text-align: center;
}

.footer-flex .col {
    width: 100%;
    height: 26.5rem;
    font-size: 1.6rem;
}

@media (min-width: 992px) {
    .footer-flex .col {
        width: 50%;
    }

    .footer-flex {
        display: flex;
        flex-direction: row;
        text-align: left;
    }
    .header-container{
        height: 8rem;
    }
}


.footer-flex .col:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

.footer-flex .col:nth-of-type(1) p {
    line-height: 150%;
    margin: 0;
    -webkit-margin-after: 0 !important;
            margin-block-end: 0 !important;
}

.footer-flex .col:nth-of-type(1) p span {
    font-weight: 700;
}

.footer-flex .col:nth-of-type(1) a {
    text-decoration: none;
    color: #f1f1f1;
    font-weight: 700;
}

.footer-flex .col:nth-of-type(1) div:last-of-type {
    padding: 3rem 0;
}

#footer-navigation {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    height: 100%;
}

@media (min-width: 992px) {
    #footer-navigation {
        width: 80%;
        float: right;
    }
}

#footer-navigation a {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #f1f1f1;
    font-size: 1.3rem;
    text-align: left;
    margin: 2rem 0 1.1rem;
    transition: 0.3s;
}
#footer-navigation .list span{
    position: relative;
    transition: 0.3s;
}
#footer-navigation .list span:after{
    width: 0;
    content: '';
    position: absolute;
    bottom: -7px;
    height: 1px;
    background: #FFF;
    transition: 0.3s;
    left: 0;
}
#footer-navigation .list:hover span:after{
    content: '';
    position: absolute;
    width: 100%;
}
.rect {
    display: block;
    width: 100%;
    height: 1px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    margin: 0 0 1.5rem;
    background-color: var(--theme-color2, #a2a2a2);
}

.disclaimer p {
    padding: 0.2rem;
    font-size: 1.2rem;
    line-height: 125%;
}

html {
    font-size: 10px;
    font-family: "Noto Sans", sans-serif;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

:root {
    --theme-color1: #B4E1E7;
    --theme-color2: #71B2B6;
    --theme-color4: #005253;
    --theme-color3: #00393A;
}
.black-white {
    --theme-color1: #BEBEBE;
    --theme-color2: #A2A2A2;
    --theme-color3: #707070;
    --theme-color4: #303030;
}
.theme-plum {
    --theme-color1: #D1B9D9;
    --theme-color2: #976CAE;
    --theme-color4: #5C3883;
    --theme-color3: #2E1B46;
}

.theme-berry {
    --theme-color1: #E4B0C3;
    --theme-color2: #B22372;
    --theme-color3: #8F1C5F;
    --theme-color4: #4D083C;
}

.theme-teal {
    --theme-color1: #B4E1E7;
    --theme-color2: #71B2B6;
    --theme-color4: #005253;
    --theme-color3: #00393A;
}

.theme-blue,
.page-id-18419 {
    --theme-color1: #BADAF3;
    --theme-color2: #0082C0;
    --theme-color3: #154A92;
    --theme-color4: #0F1C6B;
}

.blur-background {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

section.theme-berry {
    border-color: var(--theme-color3) !important;
}

/** Embed styles **/
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
span.splide__arrow{
    background: none;
    transform: none;
}

span.splide__arrows {
    text-align: right;
    display: none;
    align-items: center;
}
span.splide__arrow {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    border-radius: 0;
    height: auto;
    width: auto;
}
span.splide__arrow svg{
    width: 19px;
    height: 16px;
}

span.splide__arrow--prev {
    margin-right: 35px;
    left: 0;
}
span.splide__arrow--next {
    right: 0;
}

span.splide__arrows path {
    fill: var(--theme-color3);
}

.megamenu{
    width: 100%;
    height: 100vh;
}
#products-menu a {
    color: #000;
}
.megamenu#products-menu .mega-col div{
    justify-content: flex-start;
}
.megamenu.mega-col div h3{
    text-align: left;
}
.megamenu#products-menu .mega-col div h2 {
    padding-bottom: 4rem;
}
#header-content {
    background-color: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
}
.site-header{
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 1px 4px rgb(0 0 0 / 26%);
    -webkit-backdrop-filter: blur(17px);
            backdrop-filter: blur(17px);
    min-height: 80px;
    max-width: 2560px;
}
.mobile-menu-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 992px){
    .site-header{
        min-height: 80px;
        width: 100%;
    }
}
/** HEADER MENU **/
header .mainmenu,
header .subnav,
header .contact
{
    display: none;
}
@media (min-width: 1200px) {
    header .mainmenu,
    header .contact
    {
        display: flex;
    }

    header .subnav a{
        font-size: 20px;
    }
    header .subnav{
        display: block;
    }
    .mobile-menu-toggle,
    div.hamburger{
        display: none;
    }
}

.mainmenu ul{
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;

}


div.hamburger{
    position: absolute;
    z-index: 1001;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    align-items: center;
    -webkit-margin-before: auto !important;
            margin-block-start: auto !important;
    -webkit-margin-after: auto !important;
            margin-block-end: auto !important;
    height: 14px;
}

@media (min-width: 992px){
    header .mainmenu .extlinks a{
        font-size: 12px;
    }
}


@media (max-width: 1250px) {
    .mainmenu a{
        margin-right: 12px;
    }
}
@media (max-width: 1200px) {
    header .mainmenu{
        flex-direction: column;
        transform: translateY(112px);
        background: #F1F1F1;
        width: 100%;
        position: absolute;
		z-index: 222;
    }
    div.hamburger{
        display: flex;
    }
    .mainmenu li{
        padding: 12px 32px;
        display: block;
        width: 100%;
        position: relative;
        min-height: 60px;
    }

    .mainmenu.is-active{
        display: flex;
    }
    .mobile-menu-toggle{
        position: relative;
        width: 35px;
        height: 35px;
        background-color: rgba(255, 255, 255, 0.8);
        display: flex;
        align-items: center;
        margin-left: auto;
    }
    .mobile-menu-toggle:after{
        position: absolute;
        content: '+';
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        right: 0;
        top: 0;
        color: #000;
        font-size: 32px;
    }
    .mobile-menu-toggle.active-toggle:after{
        content: '-';
    }
    .mainmenu ul {
        flex-direction: column;
        width: 100%;
    }
    .megamenu{
        padding: 32px;
        flex-direction: column;

    }
    .megamenu#products-menu .mega-col:nth-of-type(1),
    .megamenu#industries-menu .mega-icol,
    .megamenu .mega-col{
        width: 100%;
        padding: 0;
    }
    .megamenu#products-menu .mega-col div h2{
        padding-bottom: 12px;
    }
    .megamenu#industries-menu .mega-icol .mega-placeholder{
        margin: 0;
    }

	.mainmenu.is-active {
		display: flex;
		height: calc(100vh - 80px);
		top: 80px;
		padding-top: 11px;
		margin-top: 0px;
		gap: unset;
		overflow: auto;
		flex-direction: column;
		transform: unset;
		justify-content: flex-start;
	}

	header .mainmenu .extlinks{
		display:flex;
		flex-direction: column;
	}

	.mainmenu li {
		padding: 12px 22px;
	}

	header .mainmenu .extlinks li{
		font-size: 14px;
	}

	header .mainmenu > ul li a,
	header .mainmenu .extlinks li a{
		font-size: 20px;
	}

	.megamenu {
		top: 50px;
        position: static;
        padding: 0;
        height: auto;
        margin-top: 24px;
	}
    .megamenu .mega-col div h3,
    .megamenu .mega-col div p{
        padding: 0.4rem 0 !important;
    }
    .megamenu .mega-col div p {
        margin-bottom: 16px;
    }

    .megamenu h2{
		display:none;
	}

	.megamenu .mega-col:after{
		display:none;
	}

	.megamenu#products-menu .mega-col div h2 {
		padding-bottom: 0px;
		font-size: 20px;
		line-height: 130%;
	}

	.megamenu#products-menu .mega-col:nth-of-type(2) div h2 {
		padding-bottom: 20px;
	}

	.facetwp-facet {
		margin-bottom: 10px !important;
	}

	#industries-menu .item_link {
		margin-bottom: 0px !important;
        padding: 15px 0 !important;
	}
}
.footer-container{
    max-height: unset;
}
#footer-logo{
    -webkit-filter: none;
            filter: none;
}
.csg-filter-bar{
    margin: auto;
    padding: 50px 15px;
    transition: 0.3s;
    left: 0;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    max-width: 1310px;
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
}
.csg-filter-bar a{
    text-decoration: none;
    color: #FFF;
    padding: 20px 35px;
}
.csg-filter-bar.is-active{
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.error404 main{
    min-height: 400px;
    height: calc(100vh - 390px);
    text-align: center;
}
.error404 main input{
    font-size: 16px;
}

.error404 main h5{
    line-height: 32px;
}
.error404 main h1{
    padding-top: 50px;
}

.csg-filter-bar .all{
    background: #000;
    min-width: 100px;
}
.csg-filter-bar ul{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.csg-filter-bar ul li.active{
    transform: scale(1.14);
    z-index: 3;
}
.csg-filter-bar ul li{
    color: #FFF;
    text-decoration: none;
}
.csg-filter-bar ul li{
    font-size: 18px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.csg-filter-bar ul li:not(.active):hover {
    transform: scale(1.07);
    z-index: 2;
}
.csg-filter-bar ul li:nth-child(2){
    background: var(--theme-color4);
    flex: 1;
}
.csg-filter-bar ul li:nth-child(3){
    background: var(--theme-color3);
    flex: 1;
}
.csg-filter-bar ul li:nth-child(4){
    background: var(--theme-color2);
    flex: 1;
}
.csg-filter-bar ul li:nth-child(5){
    background: var(--theme-color1);
    flex: 1;
}
.container {
    max-width: 1180px;
    padding: 0 15px;
    margin: auto;
    box-sizing: border-box;
}
.container-lg{
    max-width: 1310px;
    padding: 0 15px;
    margin: auto;
    box-sizing: border-box;
}


.news-section {
    max-width: none !important;
    background: #F1F1F1;
    -webkit-margin-before: 0 !important;
            margin-block-start: 0 !important;
}

.news-section h1{
    background: #F1F1F1;
    margin-bottom:50px;
    text-align: center;
    color: #000;
}

.news-section#news-multi .news-column {
    border: 1px blue solid;
    width: 33.33%;
}

.news-section#news-multi .lg-column {
    border: 1px purple solid;
    height: 100%;
    align-items: flex-end;
}

.news-section#news-multi .sm-column {
    border: 1px yellow solid;
    display: flex;
    flex-direction: column;
    flex-flow: column nowrap;
}

.news-section#news-mono {
    /*border: 1px blue solid;*/
}

.csg-news-columns {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    height: 100%;
}

.csg-news-column.lg-column {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 2;
}

.csg-news-column.lg-column + .lg-column {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 3;
}

.csg-news-column.sm-column {
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 2;
    grid-column-end: 4;
    display: flex;
}

.csg-news-column .headline-bar {
    height: 64px;
    display: flex;
}


.csg-news-column.sm-column + .sm-column {
    grid-row-start: 2;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-column-end: 4;
    flex-direction: row-reverse;
}

.csg-news-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.csg-news-sm-heading {
    height: 100%;
    background: var(--theme-color3);
    padding: 25px 34px;
}

.csg-news-sm-content {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-section .row{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.news-section .row .row{
    flex-direction: row;
}

.news-section .row img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.news-section .col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
    display: flex;
    flex-direction: column;
}
.news-section .col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.news-section .arrow {
    padding: 15px 20px;
    height: 100%;
    background: var(--theme-color1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}
.csg-news-link:hover .arrow{
    padding: 15px 40px;
}
.news-section .arrow path {
    fill: var(--theme-color4);
}
.news-section .content {
    position: relative;
    height: 100%;
}
.small-column .row{
    height: 50%;
}
.news-section .small-column a + a .row{
    flex-direction: row-reverse;
}
.csg-news-link{
    height: 100%;
}
.news-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.large-column .content{
    display: flex;
    flex-direction: column-reverse;
}
.large-column .darkbar {
    width: 16px;
	height: 100%;
    background: var(--theme-color4);
}
.large-column .csg-news-headline-bar {
    background: var(--theme-color3);
}
.small-column .csg-news-headline-bar {
    background: var(--theme-color4);
}
.small-column .content {
    background: var(--theme-color3);
    color: #FFF;
}

.news-section .multichromatic .large-column:nth-child(1) a{
    --theme-color1: #B2DCE2;
    --theme-color2: #6AAEB5;
    --theme-color3: #004F51;
    --theme-color4: #003942;
}
.news-section .multichromatic .large-column:nth-child(2) a{
    --theme-color1: #C8A1DD;
    --theme-color2: #A57BCA;
    --theme-color3: #5D279E;
    --theme-color4: #2C1B47;
}
.news-section .multichromatic .small-column a:nth-child(1){
    --theme-color1: #389EE1;
    --theme-color2: #0089D1;
    --theme-color3: #0E428A;
    --theme-color4: #05206D;
}
.news-section .multichromatic .small-column a:nth-child(2){
    --theme-color1: #CA7F9F;
    --theme-color2: #B02673;
    --theme-color3: #80245F;
    --theme-color4: #5F2852;
}

.csg-news-headline-bar{
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 52px;
}
.news-section h5{
    color: #FFF;
    padding: 15px 24px;
}
.news-section .small-column {
    flex-direction: column;
}
/** RESPONSIVE **/
@media (min-width: 992px) {
    .news-section .row{
        flex-direction: row;
    }
    .news-section .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .news-section .small-column {
        flex-direction: row;
    }
    .news-section .arrow {
        padding: 0 20px;
    }
    .large-column .content {
        flex-direction: column;
    }
    .news-section h5{
        padding: 20px 35px;
    }
    .csg-news-headline-bar{
        min-height: 64px;
    }
    .csg-news-link:hover .arrow{
        padding: 0 30px;
    }
    .news-section .small-column .col-5,
    .news-section .small-column .col-7{
        height: 100%;
    }
}
#products-menu .mega-col:nth-child(1){
    position: relative;
}
#products-menu .mega-col:nth-child(1):after {
    content:'';
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
    background: var(--theme-color4);

}
#products-menu .mega-col:nth-child(1) h2{
    padding-bottom: 22px;
}
.megamenu .mega-col div h3{
    line-height: 20px;
}


.megamenu#industries-menu .mega-dblcol a {
    width: 49%;
    min-width: 49%;
    margin-top: 0px;
    padding-top: 0px;
	margin-bottom: 0px;
}

.megamenu#industries-menu .mega-dblcol {
	display: flex;
	flex-flow: wrap;
	justify-content: flex-start;
	align-items: center;
}

.megamenu#industries-menu .mega-dblcol a h3 {
    text-align: left;
    line-height: 170%;
}

.megamenu#industries-menu .block_popular h3 {
    margin-bottom: 5px;
}
#products-menu .mega-content:hover,
#industries-menu .mega-content:hover
{
    color: #FFF !important;
    background: var(--theme-color4);
}
#products-menu .mega-content:hover h3,
#industries-menu .mega-content:hover h3,
#industries-menu .mega-content:hover p,
#products-menu .mega-content:hover p
{
    color: #FFF !important;
}
#products-menu.megamenu .menu-link:hover{
    background: var(--theme-color1);
}
.megamenu .mega-col div p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #1B1C1C;
    max-width: 50ch;
}
a.mega__featured-btn {
    border: 1px solid var(--theme-color3);
    padding: 9px 20px;
    font-size: 14px;
    color: #000;
    display: inline-block;
}
.megamenu .mega-col:nth-of-type(1) {
    width: 25%;
    flex-direction: column;
    flex-grow: 1;
}
.megamenu .mega-col:nth-of-type(2) {
    width: 40%;
    overflow: visible;
    border-left: 1px solid var(--theme-color4);
    align-items: flex-start;
    justify-content: center;
}
.megamenu .mega-col:nth-of-type(3) {
    align-items: flex-start;
    justify-content: center;
    width: 40%;
}
.mega__featured-description {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin: 20px 0;
}
#industries-menu .mega-content {
    margin-bottom: 24px;
}
#industries-menu .item_link{
    padding: 15px;
}
#industries-menu .mega-col:nth-of-type(2) {
    padding-left: 10%;
}
#industries-menu .mega__content h5{
    margin-bottom: 16px;
}
#industries-menu .mega__content{
    padding-right: 15px;
}
.mega__featured {
    padding: 0 15%;
    text-align: center;
}
#industries-menu .item_link:hover{
    color: #FFF !important;
}
@media (max-width: 768px) {
    #footer-logo{
        margin: auto auto 24px;
    }
}
span.hamburger-box{
    width: 20px;
    height: 14px;
}
span.hamburger-inner:before{
    top: -14px;
}
span.hamburger-inner:after{
    top: -7px !important;
}
span.hamburger-inner, span.hamburger-inner:after, span.hamburger-inner:before{
    width: 100%;
    height: 2px;
}

.hamburger.is-active:hover, .hamburger:hover{
    opacity: 1 !important;
}
.hamburger.is-active span.hamburger-box{
    top: 4px;
}
body.error404 main{
    background: #E5E5E5;
    padding-top: 100px !important;
}
.error404 h1{
    color: #000;
    text-align: center;
}
@media (max-width: 991px){
    body.error404 main{
        padding-top: 50px !important;
    }
    .header__right-side{
        margin-right: 72px;
    }
}
.single-product_item main,
.single-resources main{
    background: #f1f1f1;
    color: #000;
    font-size: 16px;
    line-height: 24px;
}
.single-product .container,
.single-resources .container {
    max-width: 1180px;
    padding-top: 50px;
}
.single-product h1,
.single-resources h1 {
    text-align: center;
}
.single-product .row,
.single-resources .row {
    margin: 54px 0 0 0;
}
@media (min-width: 992px){
    .single-product .row,
    .single-resources .row {
        display: flex;
        margin: 54px -16px 0;
    }
    .single-product .col-lg-6,
    .single-resources .col-lg-6{
        flex: 0 0 auto;
        width: 50%;
        padding: 0 16px;
    }
}

.csg-header{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    color: #f1f1f1 !important;
    background-color: var(--theme-color3);
    -webkit-margin-before: 0 !important;
            margin-block-start: 0 !important;
    -webkit-margin-after: 0 !important;
            margin-block-end: 0 !important;
    position: relative;
}
.csg-header .title{
    padding: 32px;
}
.csg-header.ltr{
    padding-right: 0;
    text-align: left;
}
.csg-header.rtl{
    padding-left: 0;
    text-align: right;
}
.csg-header.rtl {
    justify-content: flex-end;
}
.csg-header.ltr .csg-header-line{
    right: 0;
}
.csg-header.rtl .csg-header-line{
    left: 0;
}
.csg-header.rtl .csg-header-line{
    flex-direction: row-reverse;
}


.csg-header-line{
    position: absolute;
    height: 100%;
    display: none;
}

.csg-header-line1{
    background: var(--theme-color4);
    width: 32px;
    height: 100%;
}
.csg-header-line2{
    background: var(--theme-color1);
    width: 64px;
    height: 100%;
}
/** RESPONSIVE **/
@media (min-width: 768px){
    .csg-header-line {
        display: flex;
    }
    .csg-header .title{
        padding: 64px 64px 64px 140px;
    }
    .csg-header.rtl .title{
        padding: 64px 140px 64px 64px;
    }
    .csg-header.ltr{
        padding-right: 96px;
    }
    .csg-header.rtl{
        padding-left: 96px;
    }
}



.style_select2 .select2-selection{
	background-color: transparent !important;
    border: 2px solid var(--theme-color4) !important;
    border-radius: 0px !important;
    outline: none !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 8px !important;
	height: 48px !important;
}

.style_select2 .select2-selection__rendered{
	line-height: 140% !important;
    font-size: 16px !important;
    color: #000 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
    right: 14px !important;
}

.style_select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--theme-color4) transparent transparent transparent !important;
    border-width: 11px 9px 0 9px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--theme-color4) transparent !important;
    border-width: 0 9px 11px 9px !important;
}

.select2-dropdown {
    border: 1px solid #eee;
	background-color: #E5E5E5;
}

.select2-results__option {
	padding: 6px !important;
    color: #000;
    font-size: 13px;
    line-height: 16px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px !important;
    border-radius: 4px;
    margin: 4px 6px;
    width: calc(100% - 12px) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
    outline: unset !important;
}

.style_select2 .select2-selection__clear{
	position: absolute;
	right: 16px;
	color: #ff0000;
	font-size: 19px !important;
}

.select2-container--disabled{
    opacity: 0.2;
}
em {
    font-style: italic;
}
strong {
    font-weight: 700;
}
a {
    color: #000;
    text-decoration: underline;
}
@media (max-width: 568px){
    p.has-background{
        padding: 5px;
    }
    p.has-background a {
        font-size: 14px;
    }
}

.download_file{
    text-decoration: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.download_file.view_file svg{
    fill: var(--theme-color4);
}
.download_file svg,
.download_file img{
    margin-bottom: 20px;
}
.back-resources{
    display: flex;
}
.back-resources a{
    text-decoration: none;
    display: flex;
}
.back-resources a:hover .back {
    padding: 10px 14px;
}

.back-resources .back{
    background: var(--theme-color1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    transition: 0.3s;
}

.back-resources span{
    background: var(--theme-color3);
    color: #FFF;
    padding: 10px 15px;
}
.file_details ul{
    padding: 0;
    list-style: none;
    border-bottom: 2px solid var(--theme-color4);
    margin-bottom: 16px;
    padding-bottom: 8px;
}


.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > * + *, .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > * + *{
    -webkit-margin-before: 0 !important;
            margin-block-start: 0 !important;
}
#footer-navigation a:hover{
    text-decoration: none;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
a.button{
    text-decoration: none;
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
#person-module{
    background: #F1F1F1;
    padding: 32px 0 50px!important;
    color: var(--theme-color4);
}
#person-module h1{
    font-size: 32px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
#person-module h2{
    font-size: 18px;
    line-height: 20px;
}
#person-module .person-bio{
    font-size: 16px;
    margin-top: 24px;
    line-height: 24px;
}
#person-module .row{
    display: flex;
    margin: 0 -20px;
}
@media (max-width: 991px){
    #person-module .row {
        flex-direction: column;
    }
}
#person-module .row .column{
    padding: 0 20px;
    flex: 0 0 auto;
}

#person-module .col-lg-4{
    width: 33%;
}
#person-module .col-lg-8{
    width: 66%;
}
@media (max-width: 992px){
    #person-module .col-lg-4,
    #person-module .col-lg-8 {
        width: 100%;
    }
    #person-module .return_back{
        margin-top: 16px;
    }
}
#person-module img{
    max-width: 100%;
    height: auto;
}
#footer-navigation a,
a.btn{
    text-decoration: none;
}
.csg-paragraph{
    -webkit-margin-before: 0 !important;
            margin-block-start: 0 !important;
}

.tooltip {
    position: relative;
}
.tooltip:before{
    border-width: 0;
    transition: 0.3s;
}
.tooltip:after{
    width: 0;
    transition: 0.3s;
}

.tooltip:hover:after{
    display: flex;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    content: attr(title);
    font-size: 16px;
    padding: 13px;
    width: 320px;
    position: absolute;
    left: 0;
    right: 0;
    background: var(--theme-color4, #303030);
    margin: auto;
    bottom: 66px;
}
.tooltip:hover:before{
    border: solid;
    border-color: var(--theme-color4, #303030) transparent;
    border-width: 12px 6px 0 6px;
    content: "";
    left: 310px;
    bottom: 55px;
    position: absolute;
}
.csg-news-headline-bar.tooltip:before{
    bottom: 70px;
    left: 180px;
}
.csg-news-headline-bar.tooltip:after{
    bottom: 80px;
}
.single-post main{
    background: #FFF;
    padding-bottom: 80px !important;
}
.single-post h2,
.single-post h3{
    text-align: left;
}
.single-post h3 {
    font-size: 24px;
    font-weight: 500;
}
.single-post .csg-paragraph{
    background: none;
    padding: 50px 0;
}
.single-post .csg-paragraph .container{
    padding: 0;
}
.single-post .postdate{
    display: flex;
    max-width: 1180px !important;
}
.single-post .postdate,
.single-post .wp-block-post-date{
    font-size: 14px;
    color: #000;
}
.single-post .container{
    max-width: 1180px !important;
    margin: auto;
}
.single-post .author-card{
    display: flex;
    margin: 0;
}
.single-post .author-card img{
    border: 3px solid #ececec;
}
.single-post .author-meta h4{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 0.75em;
    text-transform: uppercase;
}
.single-post .author-meta{
    background-color: #ececec;
    padding: 16px;
    font-size: 13px;
    width: 100%;
    height: 100%;
    max-width: 320px;
    transform: translate(-20px, 65px);
    color: #000;
}
.single-post .csg-paragraph li{
    margin-bottom: 12px;
}
.single-post .wp-block-post-date{
    margin-left: 5px;
}
.single-post .wp-block-post-featured-image img{
    max-height: 600px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 24px;
}
.single-post .wp-block-post-title{
    font-size: 32px;
    text-transform: uppercase;
    line-height: 36px;
    color: #000;
    max-width: 1180px !important;
    padding: 24px 0;
}
.single-post .wp-block-post-content{
    font-size: 16px;
    line-height: 24px;
    color: #000;
    background: #FFF;
}
.single-post .wp-block-post-content p{
    letter-spacing: 0.5px;
}
.single-post .single-block{
    max-width: 1180px;
    padding: 0 15px;
}
.csg-iconic a{
    text-decoration: none;
}
.csg-iconic_media_icon .icon_outer{

}
/** ICONOGRPATHY **/
.csg-iconic .icon_outer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}
.csg-iconic_media_image img{
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    margin-bottom: -1px;
}

.iconography_column_container .arrow3 {
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-image: url(../../../assets/images/svgs/arrow3.svg);
    mask-image: url(../../../assets/images/svgs/arrow3.svg);
}

.csg-iconic .block2_style .icon_outer .arrow_i {
    content: '';
    display: table;
    position: absolute;
    top: 0;
    bottom: 0;
    margin:auto;
    right: -120px;
    width: 136px;
    height: 38px;
    z-index: -1;
}
.csg-iconic .block2_style .icon_outer .arrow_i path{
    fill: var(--theme-color2);
}
.csg-iconic .block2_style .ic_item:last-child .arrow_i{
    display: none;
}

@media (max-width: 768px){
    .csg-iconic .block2_style .icon_outer {
        position: static;
    }
    .csg-iconic .block2_style .icon_outer .arrow_i {
        content: '';
        display: block;
        position: absolute;
        top: auto;
        bottom: -90px;
        margin:auto;
        right: 0;
        left: 0;
        width: 136px;
        height: 38px;
        z-index: 1;
        transform: rotate(90deg);
    }
}
.csg-iconic .block2_style .ic_item:last-child .icon_outer:after {
    display: none;
}
.csg-iconic .name_outer a .name_outer{
    padding-right: 25px;
}
.csg-iconic .name_outer{
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 20px;
}
.csg-iconic .name_outer svg{
    margin-left: 16px;
    transition: 0.3s;
    transform: translateX(0);
    position: absolute;
    right: 0;
}

.csg-iconic a:hover .name_outer svg{
    transform: translateX(8px);
}
.iconography_cards_container .text_outer {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    word-break: normal;
}


    /** Block 1 Styles **/
.csg-iconic .block1_style .iconography_cards_body{
    padding: 32px 64px 48px;
}
.csg-iconic .block1_style .icon_outer{
    height: 245px;
}
.csg-iconic .block1_style .csg-iconic_media_icon .icon_outer{
    padding: 32px;
}
.csg-iconic .block1_style .csg-iconic_media_icon img,
.csg-iconic .block2_style .csg-iconic_media_icon img,
.csg-iconic .block3_style .csg-iconic_media_icon img
{
    height: 120px;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}


/** Block 2 Styles **/
.csg-iconic .block2_style .icon_outer{
    /*height: 200px;*/
}

/** Block 3 Styles **/
.csg-iconic .block3_style .icon_outer{
    /*height: 200px;*/
}

/** Block 4 Styles **/
.csg-iconic .block4_style .icon_outer{
    background: var(--theme-color1);
    border: 1px solid var(--theme-color1);
    height: 200px;
}
.csg-iconic .block4_style img{
    background: var(--theme-color1);
    border: 1px solid var(--theme-color1);
}
.csg-iconic .block4_style .csg-iconic_media_icon img{
    height: 100px;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.csg-iconic .block4_style .csg-iconic_media_icon .icon_outer{
    padding: 20px;
}


.iconography_cards_container .ic_item {
    /*padding: 32px 32px 66px 32px;*/
    background: #fff;
    margin: 0px 10px;
    margin-bottom: calc(36px + 30px);
    position: relative;
    transition: 0.3s;
}
.d-none{
    display: none;
}
.mobile-contacts{
    margin-top: 40px;
}
.mobile-contacts .row{
    display: flex;
    flex-wrap: wrap;
}
.mobile-contacts .col-6{
    width: 50%;
    flex: 0 0 auto;
}
@media (max-width: 767px){
    footer .rect{
        margin: 54px auto;
    }
    .footer-flex .col:nth-of-type(1) div:last-of-type{
        padding: 0;
    }
    .footer-flex .col{
        height: auto;
    }
    .footer-flex .col:nth-of-type(1){
        justify-content: unset;
    }
    #footer-navigation{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        margin-bottom: 60px;
    }
    #footer-navigation .list{
        margin: 0;
        font-weight: 700;
    }
    footer .disclaimer{
        text-align: center;
    }
}
.csg-iconic .h4{
    font-size: 19px;
    line-height: 22px;
    color: #000;
    font-weight: 700;
}
@media (min-width: 992px){
    .csg-iconic .h4{
        font-size: 24px;
        line-height: 24px;
    }
}
/** MODAL **/
.modal {
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    transition: 0.3s;
    z-index: -1;
    display: flex;
}
.modal.fade-in{
    opacity: 1;
    z-index: 1;
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 48px 20px 20px;
    border: 1px solid #888;
    width: 90%;
    position: relative;
}
.mega-col .mega__featured,
.mega-col .d-none{
    display: none !important;
}
@media (min-width: 768px){
    .modal-content {
        width: 50%;
    }
    .mega-col .mega__featured,
    .mega-col .d-md-block{
        display: block !important;
    }
}

.modal .close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/** GLOBAL STYLES **/
.ratio{
    position: relative;
    width: 100%;
}
.ratio::before {
    display: block;
    padding-top: 56.25%;
    content: "";
}
.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/** BREADCRUMBS **/
.breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 16px 0 32px;
}
.breadcrumbs a{
    color: var(--theme-color3);
    font-size: 14px;
}
.breadcrumbs .active a{
    text-decoration: none;
}
.breadcrumb-item+.breadcrumb-item::before{
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #6c757d;
    content: "/";
}
/** BREADCRUMBS END**/
/** LEADERSHIP PAGE **/
#leadership-page{
    background: #FFF;
}
#leadership-page .row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
#leadership-page img{
    max-width: 100%;
    height: auto;
    max-height: 257px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.leadership__card{
    position: relative;
    margin: 24px 0;
    display: block;
    overflow: hidden;
}
.leadership__card:hover .leadership__overlay{
    transform: translateY(-100%);
}
.leadership__name{
    background: var(--theme-color3);
    padding: 16px;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
    color: #FFF;
    height: 50px;
    transition: 0.4s;
}
.leadership__overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.5s;
    transform: translateY(-50px);
}
.leadership__title{
    display: flex;
    align-items: center;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    height: calc(100% - 50px);
    text-transform: uppercase;
    line-height: 24px;
    justify-content: center;
    padding: 8px;
}
/** LEADERSHIP PAGE END **/
/** PERSON PAGE **/
#person-module .return_back{
    text-decoration: none;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 24px;
}
#person-module .return_back:hover .icon svg{
    transform: translateX(-3px);
}

#person-module .return_back .icon{
    width: 20px;
    height: 20px;
    background: var(--theme-color4);
}
#person-module .return_back .icon svg{
    transition: 0.4s;
}

#person-module .return_back .icon path{
    fill: var(--theme-color1);
}
#person-module .return_back span{
    display: table-cell;
    font-size: 14px;
    background: var(--theme-color3);
    padding: 5px;
    vertical-align: middle;
}
/** PERSON PAGE END**/
#person-module .d-none{
    display: none;
}
@media (min-width: 992px){
    #person-module .d-lg-none{
        display: none;
    }
    #person-module .d-lg-inline-block{
        display: inline-block;
    }
}
@media (min-width: 768px){
    .d-md-none{
        display: none;
    }
    .d-md-block{
        display: block;
    }
    .col-md-4{
        padding: 0 15px;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-3{
        padding: 0 20px;
        flex: 0 0 auto;
        width: 25%;
    }
}
.open_file{
    margin-left: 8px;
}
body.page-template-search2 .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
    max-width: 100%;
}
body {
    --wp--custom--v-spacing: 0;
}

/** News/Insights **/
.latest-news {
    background: #E5E5E5;
}
.latest-news a{
    text-decoration: none;
    display: block;
}
.latest-news .item-card-column .tooltip:hover:after{
    left: -20px;
    right: 0;
    bottom: 116px;
}
.latest-news .item-card-column .tooltip:hover:before {
    left: 50%;
    bottom: 107px;
    position: absolute;
    right: auto;
}
.latest-news .heading {
    height: 100%;
}
.latest-news .row {
    justify-content: center;
}
.latest-news .large-column{
    padding: 23px;
}
.latest-news .news-section{
    background: #E5E5E5;
}
.latest-news .large-column h5{
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}
.latest-news .news-title{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #FFF;
    text-align: left;
    padding: 15px;
}
.latest-news .csg-news-headline-bar{
    justify-content: space-between;
}
.item-card-column {
    width: 100%;
    padding: 23px;
}
.item-card{
    border: 1px solid var(--theme-color3, #707070);
    height: 100%;
}

.item-card h5 {
    padding: 15px 35px 15px 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}
.item-card .heading  h5{
    padding: 15px 35px 15px 20px;
}
.item-card .content {
    padding: 40px 20px;
    color: #000;
    font-size: 18px;
    line-height: 22px;
}
.item-card a{
    transition: 0.3s;
    text-decoration: none;
}

.item-card a:hover svg{
    right: 10px;
}
.item-card path {
    fill: var(--theme-color1);
}
.item-card .heading {
    display: flex;
    align-items: center;
    position: relative;
    background: var(--theme-color3, #707070);
}
.item-card .heading svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto;
    transition: 0.3s;
}
@media  (min-width: 992px) {
    .item-card-column {
        width: 25%;
        padding: 23px;
    }
}
.insights_filter_search .resource_cats {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-bottom: 0px;
    justify-content: center;
}
.fix_centerdf {
    height: 64px;
    align-items: center;
}
ul, ol {
    padding-left: 4rem;
}

/* Buttons from WYSIWYG Custom Formats */
.btn {
    padding: 10px 20px 10px 20px;
    position: relative;
    font-size: 14px;
    display: block;
    margin-top: 20px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.btn-primary {
	background: var(--theme-color3);
	border: 1px solid var(--theme-color3);
	color: #fff;
}

.btn-primary:hover {
	background: transparent;
	border: 1px solid var(--theme-color3);
	color: #000;
}

.themec-dark .btn-primary {
	border: 1px solid var(--theme-color1);
	background-color: var(--theme-color1);
	color: #000;
}

.themec-dark .btn-primary:hover {
	background: transparent;
	border: 1px solid var(--theme-color1);
	color: #fff;
}

.btn-secondary {
	border: 1px solid var(--theme-color3);
	color: #000;
}

.btn-secondary:hover {
	background: var(--theme-color3);
	border: 1px solid var(--theme-color3);
	color: #fff;
}

.themec-dark .btn-secondary {
	border: 1px solid var(--theme-color1);
	color: #fff;
}

.themec-dark .btn-secondary:hover {
	background: var(--theme-color1);
	border: 1px solid var(--theme-color1);
	color: #000;
}

.entry-content > #ez-toc-container{
    display: none;
}

@media (max-width: 1200px) {
	.contact_us_button {
		display: none !important;
	}
}

@media (min-width: 1201px) {
	.header__right-side{
    
    	margin-right: 0px;
	
    }
    .contact_us_button {
		display: block !important;
        position: relative;
        left: -40px;
	}
    header .contact_us_button {
    	background: var(--theme-color3, #646464);
    	color: #FFF;
	}
    header .contact_us_button:hover {
    	background: #FFF;
    	color: var(--theme-color3, #646464);
	}
    
    header .contact_us_button svg {
    	fill: #FFF;
    	transition: 0.3s;
	}
    
    header .contact:hover svg {
    	fill: var(--theme-color3, #646464);
    	right: 5px;
	}
}

/* Menu fix */

.ubermenu .ubermenu-image {
    -webkit-transform: none;
}