@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Bold.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Bold.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Bold.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Bold.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Bold.svg#AktivGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk-XBoldItalic';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBoldItalic.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBoldItalic.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBoldItalic.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBoldItalic.svg#AktivGrotesk-XBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BlackItalic.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BlackItalic.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BlackItalic.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BlackItalic.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BlackItalic.svg#AktivGrotesk-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk-XBold';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBold.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBold.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBold.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBold.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-XBold.svg#AktivGrotesk-XBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk-HairlineItalic';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-HairlineItalic.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-HairlineItalic.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-HairlineItalic.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-HairlineItalic.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-HairlineItalic.svg#AktivGrotesk-HairlineItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk-Hairline';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Hairline.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Hairline.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Hairline.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Hairline.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Hairline.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Hairline.svg#AktivGrotesk-Hairline') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Italic.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Italic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Italic.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Italic.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Italic.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Italic.svg#AktivGrotesk-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-LightItalic.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-LightItalic.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-LightItalic.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-LightItalic.svg#AktivGrotesk-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Light.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Light.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Light.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Light.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Light.svg#AktivGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-MediumItalic.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-MediumItalic.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-MediumItalic.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-MediumItalic.svg#AktivGrotesk-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Medium.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Medium.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Medium.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Medium.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Medium.svg#AktivGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-ThinItalic.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-ThinItalic.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-ThinItalic.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-ThinItalic.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-ThinItalic.svg#AktivGrotesk-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Thin.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Thin.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Thin.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Thin.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Thin.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Thin.svg#AktivGrotesk-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Regular.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Regular.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Regular.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Regular.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Regular.svg#AktivGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Black.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Black.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Black.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Black.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Black.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-Black.svg#AktivGrotesk-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AktivGrotesk';
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BoldItalic.eot');
    src: url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BoldItalic.woff') format('woff'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BoldItalic.ttf') format('truetype'),
        url('/wp-content/themes/stangenes-default/fonts/Aktiv-Grotesk/AktivGrotesk-BoldItalic.svg#AktivGrotesk-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


.search-module-new {
    position: relative !important;
    max-width: 1280px;
    border-radius: 37px;
    margin: 0 auto;
    background: #3953A4;
    border: 0;
}

.search-cell1 {
    max-width: 520px;
    border-radius: 20px;
    display: block;
    position: relative;
}

.search-cell1 input {
    border-radius: 20px;
}

.search-module-new .search-submit {
    background: url(img/search02.svg) no-repeat center center !important;
}

.search-cell2 {
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.search-module-new .sh-ph span {
    display: block;
    font-size: 16px;
    color: #fff;
    margin-left: 0.5em;
    font-family: 'AktivGrotesk';
}

.search-module-new .sh-ph {
    background: none;
    width: auto;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
}

.search-module-new .sh-ph:before {
    content: "";
    position: relative;
    background: url(img/call02.svg) no-repeat center;
    background-size: 100% auto;
    width: 17px;
    height: 17px;
}

.search-module-new .search-row {
    display: flex;
    justify-content: space-between;
}

.ct-head {
    display: flex;
    align-items: center;
}

.h-mail {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.h-mail span {
    font-size: 16px;
    margin-left: 0.5em;
    font-family: 'AktivGrotesk';
}

.h-mail:before {
    content: "";
    position: relative;
    background: url(img/mail02.svg) no-repeat center;
    background-size: 100% auto;
    width: 19px;
    height: 15px;
}

.site-header02 .btn.sh-catalog {
    border-radius: 20px;
    max-width: 153px;
    height: 40px;
    padding: 8px 16px;
    border: 1px solid #3953A4;
    color: #3953A4;
    font-size: 16px;
    font-weight: 600;
    font-family: 'AktivGrotesk';
}

.site-header02 .btn.sh-catalog:hover {
    background: #3953A4;
    color: #fff;
    transition: 0.3s all;
}

.site-header02 .btn.sh-catalog:hover:before {
    display: none;
}

.site-header02 .btn.sh-rfq {
    max-width: 182px;
    height: 40px;
    background: #A46739;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 16px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #A46739;
    font-family: 'AktivGrotesk';
}

.site-header02 .btn.sh-rfq:before {
    display: none;
}

.site-header02 .btn.sh-rfq:hover {
    background: #fff;
    color: #A46739;
    transition: 0.3s all;
}

.site-header02.gdd-005-b .site-nav-container .sn-li-l1.menu-item-has-children>a span {
    font-size: 16px;
    text-transform: uppercase;
    color: #010101;
    font-family: 'AktivGrotesk';
    font-weight: 300;
}

.site-header02 .sn-li-l2,
.site-header02 .sn-li-l3,
.site-header02 .hs-menu-depth-2 {
    background: transparent;
}

.site-header02 .sub-menu.sn-level-2 {
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 20%);
    min-width: auto;
}

.site-header02.gdd-005-b .site-nav-container .sn-li-l2>a span,
.site-header02.gdd-005-b .site-nav-container .sn-li-l3>a span,
.site-header02.gdd-005-b .site-nav-container .hs-menu-depth-2>a span {
    color: #010101;
}

.site-header02 .sn-li-l1:hover,
.site-header02 .hs-menu-depth-1:hover {
    background: transparent;
}

.site-header02 .sn-li-l1:hover a,
.site-header02 .hs-menu-depth-1:hover a {
    color: #3953A4
}

.site-header02 .sn-li-l1>a,
.site-header02 .hs-menu-depth-1>a {
    height: 5.3em;
}


/* footer */
.site-footer02 {
    background: #3953A4;
}

.site-footer02 .sf-logo-wrap {
    flex-direction: column;
    width: 302px;
}

.social-list {
    display: flex;
    gap: 12px;
}

.site-footer02 .inner-wrap-narrow {
    display: flex;
    justify-content: space-between;
    max-width: 1440px;
    padding-right: 80px;
    padding-left: 80px;
}

.site-footer02 .sf-link-list {
    max-width: 124px;
}

.site-footer02 .sf-link-list li {
    margin-right: 0;
    width: 100%;
    text-align: left;
}

.site-footer02 .sf-link-list li a {
    font-family: 'AktivGrotesk';
}

.site-footer02 .sf-wrap .sf-cont-det {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.site-footer02 .sf-wrap .sf-cont-det p {
    margin-bottom: 1em;
    margin-right: 0;
}

.site-footer02 .sf-wrap {
    flex: 1;
    margin-left: 15em;
}

.site-footer02 .sf-location {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 0;
    font-family: 'AktivGrotesk';
}

.site-footer02 .sf-location:before {
    content: "";
    position: relative;
    left: 0;
    top: 0;
    background: url(img/factory.svg) no-repeat center;
    background-size: 100% auto;
    width: 19px;
    height: 18px;
    margin-right: 0.5em;
}

.site-footer02 .sf-email {
    position: relative;
    display: flex;
    margin-bottom: 1em;
    font-family: 'AktivGrotesk';
    align-items: center;
}

.site-footer02 .sf-email:before {
    content: "";
    position: relative;
    left: 0;
    top: 0;
    background: url(img/mail02.svg) no-repeat center;
    background-size: 100% auto;
    width: 19px;
    height: 15px;
    margin-right: 0.5em;
}

.site-footer02 .sf-ph {
    position: relative;
    display: flex;
    margin-bottom: 0;
    font-family: 'AktivGrotesk';
    align-items: center;
}

.site-footer02 .sf-ph:before {
    content: "";
    position: relative;
    background: url(img/call02.svg) no-repeat center;
    background-size: 100% auto;
    width: 17px;
    height: 17px;
    margin-right: 0.5em;
}

.home-intro {}

.home-intro .container {
    max-width: 1300px;
    padding: 0 10px;
    margin: 0 auto;
    min-height: 405px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    position: relative;
}

.home-intro .container:before {
    content: "";
    position: absolute;
    right: -150px;
    top: -70px;
    background: url(img/site-intro-ico.png) no-repeat center;
    background-size: 100% auto;
    width: 763px;
    height: 763px;
    z-index: 0;
}

.box-intro {
    max-width: 868px;
    position: relative;
    z-index: 1;
}

.sub-title {
    position: relative;
    font-style: italic;
    font-family: 'AktivGrotesk';
    font-size: 14px;
    color: #3953A4;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.sub-title:before {
    content: "";
    position: relative;
    background: url(img/sub-ttl-ico.svg) no-repeat center;
    background: 100% auto;
    width: 14px;
    height: 12px;
    margin-right: 0.5em;
}

.box-intro h1 {
    font-family: 'AktivGrotesk';
    font-weight: 700;
    font-size: 24px;
    color: #010101;
    margin-bottom: 24px;
}

.box-intro .content {
    max-width: 764px;
}

.box-intro .content p {
    font-family: 'AktivGrotesk';
    font-weight: 400;
    font-size: 20px;
    color: #010101;
}

.home-intro__buttons {
    display: flex;
    gap: 16px;
}

.home-intro__buttons .btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 219px;
    height: 40px;
    color: #fff;
    background: #A46739;
    border: 1px solid #A46739;
    text-transform: uppercase;
    font-family: 'AktivGrotesk';
    font-size: 16px;
    font-weight: 700;
    border-radius: 20px;
    padding: 8px 15px;
}

.home-intro__buttons .btn-primary:hover {
    background: #fff;
    color: #A46739;
    transition: 0.3s all;
}

.home-intro__buttons .btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 153px;
    height: 40px;
    color: #3953A4;
    background: #fff;
    border: 1px solid #3953A4;
    text-transform: uppercase;
    font-family: 'AktivGrotesk';
    font-size: 16px;
    font-weight: 700;
    border-radius: 20px;
    padding: 8px 15px;
}

.home-intro__buttons .btn-secondary:hover {
    background: #3953A4;
    color: #fff;
    transition: 0.3s all;
}

.advantage-module {
    padding: 24px 0 60px;
}

.advantage-module .container {
    max-width: 1080px;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.box-ttl {
    margin-bottom: 40px;
}

.box-ttl h2 {
    font-size: 24px;
    font-weight: 700;
    color: #010101;
    font-family: 'AktivGrotesk';
    margin-bottom: 0;
}

.advantage-box {
    display: flex;
    justify-content: space-between;
    background: #F6F7FA;
    border-radius: 40px;
    padding: 0 16px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.advantage-box .box-cnt {
    padding: 16px;
    max-width: 310px;
    position: relative;
}

.advantage-box .box-cnt:not(:first-child):before {
    content: "";
    position: absolute;
    width: 4px;
    height: 145px;
    background: #A46739;
    left: -30px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transform: rotate(13deg);
}

.advantage-box h3 {
    font-size: 20px;
    font-family: 'AktivGrotesk';
    color: #010101;
    font-weight: 700;
}

.advantage-box .box-txt p {
    font-size: 16px;
    color: #010101;
    font-weight: 400;
    line-height: 120%;
}

.advantage-box .box-txt p:last-child {
    margin-bottom: 0;
}

.product-module {
    padding: 60px 0;
}

.product-module .container {
    max-width: 1300px;
    padding: 0 10px;
    margin: 0 auto;
}

.product-module .box-ttl {
    text-align: center;
}

.product-module .box-ttl .sub-title {
    justify-content: center;
}

.product-list {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.product-list .box-item {
    max-width: 302px;
    border-radius: 20px;
    padding: 16px;
    background: #D1D5DF;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 500px;
    cursor: pointer;
}

.product-list .box-item:hover h3,
.product-list .box-item:hover .txt {
    transform: translateY(-4px);
}

.product-list .box-item:hover .btn-more {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.product-list .box-item:before {
    content: "";
    position: absolute;
    left: -30px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(img/bg-product.png) no-repeat center;
    background-size: 100% 100%;
    width: 240%;
    height: 100%;
    z-index: -1;
}

.product-list .box-item .img {
    text-align: center;
    display: block;
    transition: 0.7s all;
    width: 100%;
    opacity: 1;
}

.product-list .box-item .img.img-hover {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    animation: sufferTopToBottom 0.7s ease-in-out forwards;
}

.product-list .box-item:hover .img {
    opacity: 0;
}

.product-list .box-item:hover .img-hover {
    animation: sufferBottoTOp 0.7s ease-in-out forwards;
}


@keyframes sufferBottoTOp {
    0% {
        top: 100%;
        opacity: 0;
    }

    80% {
        top: 0;
        opacity: 0.8;
    }

    100% {
        top: 16px;
        opacity: 1;
    }
}

@keyframes sufferTopToBottom {
    0% {
        top: 16px;
        opacity: 1;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}

.product-list .box-item h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-family: 'AktivGrotesk';
    margin-bottom: 8px;
    transition: 0.3s all;
}

.product-list .box-item .txt {
    transition: 0.3s all;
}

.product-list .box-item .txt p {
    color: #fff;
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 8px;
}

.btn-more {
    margin: 0;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}

.btn-more a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
}

.btn-more a:after {
    content: "";
    position: relative;
    width: 15px;
    height: 15px;
    background: url(img/btn-arrow.svg) no-repeat center;
    background-size: 100% auto;
    margin-left: 0.5em;
}

.industries-module {
    padding: 60px 0;
}

.industries-module .container {
    max-width: 1300px;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.industries-module .container:before {
    content: "";
    position: absolute;
    left: -70px;
    top: 70px;
    bottom: 0;
    margin: auto 0;
    background: url(img/industries-bg.png) no-repeat center;
    background-size: 100% auto;
    width: 474px;
    height: 720px;
    z-index: -1;
}

.industries-module .box-ttl {
    text-align: center;
}

.industries-module .box-ttl .sub-title {
    justify-content: center;
}

.industries-list {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.industries-list .box-item {
    padding: 16px;
    border-radius: 20px;
    background: #F6F7FA;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    width: 232px;
}

.industries-list .box-item .ico {
    margin-bottom: 16px;
    display: block;
}

.industries-list .box-item h3 {
    font-size: 20px;
    color: #010101;
    font-family: 'AktivGrotesk';
    font-weight: 700;
    margin-bottom: 16px;
}

.industries-list .box-item .txt p {
    font-size: 16px;
    font-weight: 400;
    font-family: 'AktivGrotesk';
    line-height: 120%;
}

.industries-list .box-item .txt p:last-child {
    margin-bottom: 0;
}

.btn-industries {
    text-align: center;
}

.btn-industries a {
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background: #3953A4;
    width: max-content;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 100%;
    font-family: 'AktivGrotesk';
    padding: 10px 16px;
    font-weight: 700;
    margin: 0 auto;
    border-radius: 20px;
    border: 1px solid #3953A4
}

.btn-industries a:hover {
    transition: 0.3s all;
    background: #fff;
    color: #A46739;
    border-color: #A46739;
}

.resources-module {
    padding: 60px 0;
}

.resources-module .container {
    padding: 0 10px;
    max-width: 1080px;
    margin: 0 auto;
}

.resources-module .box-ttl {
    text-align: center;
}

.resources-module .box-ttl .sub-title {
    justify-content: center;
}

.resources-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 1017px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.resources-list .box-item {
    padding: 16px;
    background: #F6F7FA;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.resources-list .box-item:nth-child(2) .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.resources-list .box-item .img {
    display: block;
    border-radius: 24px;
    background: #A46739;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 302px;
    margin-bottom: 16px;
    overflow: hidden;
}

.resources-list .box-item:last-child .img img {
    max-height: 261px;
    width: auto;
}

.resources-list .box-item h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    font-family: 'AktivGrotesk';
    margin-bottom: 8px;
    color: #010101;
}

.resources-list .box-item .txt p {
    line-height: 20px;
    font-size: 16px;
    font-family: 'AktivGrotesk';
    margin-bottom: 16px;
    margin-top: 0;
}

.resources-list .box-item .btn-resources {
    margin: 0;
}

.resources-list .box-item .btn-resources a {
    padding: 10px 16px;
    border-radius: 20px;
    background: #3953A4;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none;
    font-family: 'AktivGrotesk';
    font-weight: 700;
    height: 40px;
    border: 1px solid #3953A4;
}

.resources-list .box-item .btn-resources a:hover {
    transition: 0.3s all;
    background: #fff;
    color: #A46739;
    border-color: #A46739;
}

.requirement-module {
    padding: 100px 0 60px;
}

.requirement-module .container {
    max-width: 1080px;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.requirement-module .container:before {
    content: "";
    position: absolute;
    right: -175px;
    bottom: -61px;
    background: url(img/equirement-img.png) no-repeat center;
    background-size: 100% auto;
    width: 418px;
    height: 304px;
    z-index: -1;
}

.requirement-module .container:after {
    content: "";
    position: absolute;
    right: -160px;
    bottom: -60px;
    background: url(img/equirement-bg.png) no-repeat center;
    background-size: 100% auto;
    width: 656px;
    height: 586px;
    z-index: -2;
}

.requirement-module .box-cnt {
    max-width: 736px;
}

.requirement-module .box-cnt h2 {
    color: #010101;
    font-weight: 700;
    font-size: 24px;
    font-family: 'AktivGrotesk';
}

.requirement-module .box-cnt .txt p {
    font-size: 20px;
    line-height: 120%;
}

.requirement-module .box-cnt .btn-group {
    display: flex;
    gap: 16px;
}

.requirement-module .box-cnt .btn-group a {
    border-radius: 20px;
    text-decoration: none;
    font-weight: 700;
    font-family: 'AktivGrotesk';
    padding: 10px 16px;
    height: 40px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.requirement-module .box-cnt .btn-group .btn01 {
    background: #A46739;
    color: #fff;
    border: 1px solid #A46739;
    max-width: 157px;
    width: 100%;
}

.requirement-module .box-cnt .btn-group .btn02 {
    border: 1px solid #3953A4;
    color: #3953A4;
    max-width: 196px;
    width: 100%;
}

.requirement-module .box-cnt .btn-group .btn01:hover {
    transition: 0.3s;
    background: #fff;
    color: #A46739;
}

.requirement-module .box-cnt .btn-group .btn02:hover {
    background: #3953A4;
    color: #fff;
    transition: 0.3s all;
}

.site-footer02 .sf-logo-wrap .sf-logo {
    max-width: 302px;
    margin-right: 0;
    margin-bottom: 32px;
}

.site-footer02 .thomas-fx {
    display: flex;
    gap: 24px;
    justify-content: flex-start;
    width: 100%;
}

.site-footer02 .thomas-fx .sf-logo {
    width: auto;
}

.thomas-fx .iso {
    width: 102px;
    height: 93px;
}

@media (max-width: 1060px) {
    .site-header02.gdd-005-b .site-nav-container .sn-li-l1.menu-item-has-children>a span {
        font-size: 14px !important;
    }

    .site-header02.gdd-005-b .sh-top-nav {
        display: flex;
        justify-content: flex-end;
    }

    .site-footer02 .sf-wrap {
        flex: 1;
        margin-left: 5em;
    }

    .product-list .box-item {
        width: 48%;
    }

    .industries-list .box-item {
        width: 31.3%;
        margin-bottom: 3%;
    }

    .industries-list {
        gap: 3%;
    }

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

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

    .resources-list .box-item {
        flex: initial;
        width: 48%;
    }

    .advantage-box .box-cnt {
        padding: 16px 25px;
    }

    .advantage-box .box-cnt:not(:first-child):before {
        left: -10px;
        transform: rotate(3deg);
    }

    .advantage-box h3 {
        font-size: 18px;
    }

    .home-intro .container:before {
        right: -250px;
        top: -70px;
        width: 703px;
        height: 693px;
        z-index: 0;
    }

    .site-header02 .btn.sh-catalog {
        display: flex !important;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }

    .site-header02 .btn.sh-rfq {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .search-cell1 {
        display: none;
    }

    .ct-head {
        justify-content: center;
        gap: 8px;
    }

    .site-header02 .btn.sh-catalog,
    .site-header02 .btn.sh-rfq {
        display: none !important;
    }

    .sh-sticky-wrap .inner-wrap-wide {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    }

    .site-header02.gdd-005-b .site-logo {
        max-width: 166px;
        margin-left: 0;
    }

    .search-module-new {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-header02 .sh-ico-menu {
        width: 34px;
        height: 30px;
        background: url(img/toggle-menu.png) no-repeat center;
        border: 1px solid #3953A4;
        border-radius: 8px;
        padding: 8px;
    }

    .home-intro .container:before {
        background: url(img/site-intro-ico-sp.png) no-repeat center;
        background-size: 100% 100%;
        width: 100%;
        height: 119px;
        right: 0;
        left: 0;
        bottom: 0;
        top: initial;
        margin: 0 auto;
    }

    .box-intro .content p {
        font-size: 15px;
    }

    .home-intro .container {
        max-width: 1300px;
        padding: 40px 10px 150px;
        min-height: auto;
    }

    .home-intro__buttons .btn-primary,
    .home-intro__buttons .btn-secondary {
        padding: 8px 10px;
        font-size: 15px;
    }

    .advantage-box .box-cnt:not(:first-child):before {
        display: none;
    }

    .advantage-box {
        background: transparent;
        box-shadow: none;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0;
    }

    .advantage-box .box-cnt {
        background: #F6F7FA;
        border: 1px solid #CB7C4833;
        border-radius: 16px;
        max-width: 100%;
        padding: 20px;
    }

    .advantage-box .box-txt p {
        font-size: 14px;
    }

    .box-ttl h2 {
        font-size: 22px;
        padding: 0 16px;
    }

    .advantage-module .container,
    .product-module .container,
    .industries-module .container,
    .resources-module .container,
    .requirement-module .container {
        padding: 0 16px;
    }

    .advantage-module,
    .product-module,
    .industries-module,
    .resources-module,
    .requirement-module {
        padding: 48px 0
    }

    .resources-module,
    .product-module {
        background: #F6F7FA;
    }

    .product-list {
        gap: 24px;
    }

    .product-list .box-item {
        width: 100%;
        max-width: 302px;
    }

    .industries-list {
        gap: 16px;
    }

    .industries-list .box-item {
        width: 100%;
        box-shadow: none;
        border: 1px solid #CB7C4833;
        display: flex;
    }

    .industries-list .box-item .ico {
        flex-shrink: 0;
        margin-bottom: 0;
        margin-right: 16px;
    }

    .industries-list .box-item h3 {
        margin-bottom: 4px;
    }

    .industries-module .container:before {
        display: none;
    }

    .industries-list .box-item .txt p {
        margin: 0;
    }

    .btn-industries {
        text-align: left;
    }

    .resources-list {
        gap: 24px;
    }

    .resources-list .box-item {
        width: 100%;
        box-shadow: none;
        border: 1px solid #CB7C4833;
        padding: 12px;
    }

    .resources-list .box-item .img {
        height: 180px;
    }

    .resources-list .box-item .btn-resources {
        width: fit-content;
    }

    .requirement-module .box-cnt h2 {
        font-size: 20px;
    }

    .requirement-module .box-cnt .txt p {
        font-size: 15px;
    }

    .requirement-module .container:after {
        display: none;
    }

    .requirement-module .container {
        padding-bottom: 200px;
    }

    .requirement-module .container:before {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: -49px;
        background-size: contain;
        width: 358px;
        height: 200px;
        z-index: -1;
    }

    .site-footer02 .inner-wrap-narrow {
        padding: 48px 16px 32px;
        flex-direction: column;
    }

    .site-footer02 .sf-logo-wrap .sf-logo {
        display: block;
        margin: 0;
    }

    .site-footer02 .sf-logo-wrap>.sf-logo {
        margin: 0 auto 32px;
    }

    .site-footer02 .thomas-fx {
        justify-content: center;
        margin-bottom: 32px;
    }

    .site-footer02 .sf-logo-wrap {
        width: 100%;
    }

    .site-footer02 .sf-wrap {
        margin-left: 0;
        padding-top: 0;
        width: 100%;
    }

    .site-footer02 .sf-link-list {
        max-width: 100%;
        margin-bottom: 0;
    }

    .menu-ttl,
    .social-ttl {
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-align: left;
        display: block !important;
        margin-bottom: 12px;
        margin-top: 0;
    }

    .social-list.pc {
        display: none;
    }

    .social-list.sp {
        display: block !important;
    }

    .box-social {
        display: flex;
        gap: 16px;
    }

    .box-social a {
        text-decoration: none;
    }

    .sf-small-footer {
        background: #3953A4;
        position: relative;
        padding: 16px 16px 0;
    }

    .sf-small-footer .inner-wrap-narrow {
        padding: 0;
    }

    .sf-small-footer:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto;
        width: calc(100% - 32px);
        height: 1px;
        background: #CB7C4833
    }

    .sf-small-footer .sf-copyright {
        font-size: 12px;
        text-align: left !important;
        color: #fff;
    }

    .sf-small-footer .sf-copyright a {
        color: #fff;
    }

    .page-template-font-page-new .site-nav,
    .page-template-font-page-new #hs_menu_wrapper_primary_nav {
        background: #fff;
    }

    .site-header02 .sn-li-l1>a,
    .site-header02 .hs-menu-depth-1>a {
        height: auto;
        padding: 0 16px;
    }

    .site-header02 .snc-header {
        background: #fff;
    }

    .site-header02 .close-menu {
        color: #010101
    }

    .site-header02 .close-menu:after {
        filter: brightness(1)invert(1)
    }

    .site-header02 .sub-menu.sn-level-2 {
        box-shadow: none;
    }

    .site-header02 .sn-li-l2>a,
    .site-header02 .sn-li-l3>a,
    .site-header02 .hs-menu-depth-2>a {
        padding: 0 1.4375em;
    }

    .site-header02 .fx-menu .sn-li-l2 .m-subnav-arrow {
        display: none !important;
    }

    .site-header02 .fx-menu .sn-li-l2 {
        border-right: 0;
        border-bottom: 1px solid #3953A4;
    }

    .site-header02 .fx-menu .sn-li-l2:last-child {
        border-bottom: 0;
    }
}



.footer-menu .menu-ttl {
    display: none;
}

.social-list.sp {
    display: none;
}

.sf-small-footer .sf-social {
    display: none;
}

.sf-small-footer .sf-copyright {
    width: 100%;
    text-align: center;
}

.site-header02 .sn-level-3 {
    position: relative;
    left: 0;
    display: block !important;
    padding: 0 !important;
    margin: 0 10px !important;
}

.site-header02 .fx-menu:hover .sub-menu.sn-level-2 {
    display: flex !important;
}

.site-header02 .sub-menu.sn-level-2 .title-menu>a>span {
    font-size: 16px;
    color: #3953A4;
    font-weight: 600;
    font-family: 'AktivGrotesk';
}

.site-header02 .sn-level-4 li a {
    text-decoration: none;
    color: #010101 !important;
    font-size: 14px;
    padding-left: 10px;
    position: relative;
}

.site-header02 .sn-level-4 li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #3953A4;
}

.site-header02 .sn-level-4 {
    margin: 0 25px;
}

.site-header02 .sn-li-l2>a,
.site-header02 .sn-li-l3>a,
.site-header02 .hs-menu-depth-2>a {
    line-height: 2.5em;
}

.site-header02 .fx-menu .sn-li-l2 {
    border-right: 1px solid #3953A4;
    padding: 12px 0;
}

.site-header02 .fx-menu .sn-li-l2:last-child {
    border-right: 0;
}