/*
Theme Name: Avada by Integrated Worlds
Description: Avada's Child theme for Integrated Worlds
Author URI: https://www.integrated-worlds.com
Template: Avada
Author: Integrated Worlds
Text Domain: iwo-avada
Version: 1.1.1
Requires: 6.0
Tested: 6.7
Requires PHP: 8.1
*/

.hyphens {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.langswitch { display: none; }
.clientslider img { filter: grayscale(100%); }

.en .de_only, .es .de_only,
.de .en_only, .es .en_only,
.de .es_only, .en .es_only { display: none; }

.sep-double, .hide, .has-post-thumbnail .post-slideshow { display: none; }
.archive.category main { max-width: 1360px !important; margin: 0 auto; }
.pointer, .cursor_pointer, #oc_maps { cursor: pointer; }
input, textarea { border-radius: 0 !important; border: 1px solid rgba(100, 100, 10, 0.5) !important; background-color: #fff !important; }
header .topright { position: absolute; right: 0; top: 7px; }
.to-top-container #toTop { border: 0 !important; }

/*______________________________   Color special sections
----------------------------------------------------------------------------*/
[style*="background-color: var(--awb-bg-color)"] a.fusion-button,
[style*="--awb-background-color:var(--awb-color1)"] a.fusion-button,
[style*="--awb-background-color:var(--awb-color1)"] a.fusion-button,
[style*="--awb-background-color:var(--awb-color1)"] input,
[style*="background-color:var(--awb-color1)"] a.fusion-button, .fusion-post-content-wrapper {
    background-color: var(--awb-color4) !important;
}

.fusion-rollover {
    --image_gradient_top_color: var(--awb-color2);
    --image_gradient_bottom_color: var(--awb-color1);
    --image_rollover_icon_color: var(--awb-color2);
    opacity: 0.9 !important;
}

/* input[type="submit"] */
[style*="--awb-background-color:var(--awb-color1)"] input[type="submit"],
[style*="background-color:var(--awb-color1)"] input[type="submit"],
[style*="background-color: var(--awb-color2)"] input[type="submit"],
[style*="background-color:var(--awb-color2)"] input[type="submit"] {
    background-color: #ffffff !important;
    color: var(--awb-color1) !important;
}

#toTop {
    background-color: var(--awb-color2) !important;
    opacity: 0.5 !important;
}

.blue_introbox > div {
    --awb-background-color: var(--awb-color1) !important;
}

.fusion-image-wrapper .fusion-rollover, input.fusion-search-submit {
    background-color: var(--awb-color2) !important;
}

/*   ____________________________________________font colors   */
/* iwofurn  color background  or make the button white  */
[style*="background-color: var(--awb-bg-color)"] a.fusion-button span, #yourcontact h3,
[style*="--awb-background-color:var(--awb-color1)"] a.fusion-button span,
[style*="background-color:var(--awb-color1)"] a.fusion-button span {
    color: var(--awb-color1) !important;
}

/* bright color background  */
[style*="--awb-background-color:var(--awb-color1)"] a.fusion-button span,
.bright_bg h4, .bright_bg h5, .bright_bg h6, .header_right_fullwidth h2 {
    color: var(--awb-color2) !important;
}

.fusion-post-content blockquote,
[style*="--awb-background-color:var(--awb-color1)"] a,
.fusion-body blockquote p,
.post-content blockquote p,
.dark_bg p, .dark_bg h5 {
    color: var(--awb-color6) !important;
}

/* grey  color background  is white font  */
[style*="background-color:var(--awb-color7)"] p, [style*="background-color:var(--awb-color2)"] a:hover,
[style*="background-color: var(--awb-color8)"] h3 {
    color: var(--awb-color3) !important;
}

/* white  color background  */
.content_title {
    color: #fff !important;
}

[style*="background-color: var(--awb-color2)"] p,
[style*="background-color:var(--awb-color2)"] p,
[style*="--awb-background-color:var(--awb-color1)"] h2,
[style*="--awb-background-color:var(--awb-color1)"] label,
[style*="background-color: var(--awb-color2)"] h4,
[style*="--awb-bg-color:var(--awb-color5)"] p,
[style*="--awb-bg-color:var(--awb-color5)"] h6,
.hero_h1 .fusion-breadcrumbs *, footer h6 a, footer p, footer li, footer li a,
footer p a, .cluster *, .imgcontainer *, .hero_h1 h1, a.iconbutton::before, .reviews h5,
.blue_introbox h6, [style*="background-color:var( --awb-custom_color_1)"] *, footer a span, .intro_check .fusion-li-item h3,
.fusion-social-network-icon, .has-mask-background[style*="--awb-background-color:var(--awb-color1)"] .fusion-toggle-heading,
.has-mask-background[style*="--awb-background-color:var(--awb-color1)"] .panel-title a {
    color: #fff !important;
}

[style*="background-color:var(--awb-color1)"] p, [style*="background-color:var(--awb-color1)"] h2,
[style*="background-color:var(--awb-color1)"] h3, [style*="background-color:var(--awb-color1)"] h4,
[style*="--awb-background-color:var(--awb-color1)"] h5, [style*="--awb-background-color:var(--awb-color1)"] h4,
[style*="background-color:var(--awb-color1)"] h5, [style*="--awb-background-color:var(--awb-color1)"] p,
[style*="background-color:var(--awb-color1)"] div {
    color: var(--awb-color4) !important;
}

.fusion-breadcrumbs span a:hover, .breadcrumb-iwo .fusion-breadcrumbs a, .breadcrumb-iwo .fusion-breadcrumbs span:last-child {
    color: var(--awb-color2);
}

.iwoyellow, .iwofurn_text, .iwofurn_text a {
    /* iwofurn */
    color: var(--awb-bg-color);
}

.fusion-post-content blockquote,
[style*="--awb-background-color:var(--awb-color1)"] a,
.fusion-body blockquote, .post-content blockquote,
.dark_bg p, .dark_bg h5 {
    color: var(--awb-color6) !important;
}

.awb-menu__main-li_regular.current-menu-ancestor .awb-menu__main-a_regular, .awb-menu__main-li_regular.current-menu-item .awb-menu__main-a_regular, .awb-menu__main-li_regular.current-menu-parent .awb-menu__main-a_regular, .awb-menu__main-li_regular.expanded .awb-menu__main-a_regular, .awb-menu__main-li_regular.hover .awb-menu__main-a_regular, .awb-menu__main-li_regular:active .awb-menu__main-a_regular, .awb-menu__main-li_regular:focus .awb-menu__main-a_regular, .awb-menu__main-li_regular:focus-within .awb-menu__main-a_regular:hover .awb-menu__main-a_regular {
    color: var(--awb-color1) !important;
}

[style*="--awb-background-color:var(--awb-color1)"] a {
    text-decoration: underline;
}

/* Color Specials  */


/* 			    	Special distances
 * ___________________________________________________________ */
:root {
    /* color */
    --iwofurn: #ec7c00;
    --bottom-distance: 5.6%;
    --padding: calc(15px + 1.2vmin);
}

body.layout-boxed-mode #wrapper, body.layout-boxed-mode .fusion-footer-parallax {
    width: auto;
}

.fusion-body .breadcrumb-iwo, #intro .color_box p, #intro .color_box h5, .post-content blockquote, .post {
    margin: 0;
}

.fusion-testimonials.classic .company-name {
    display: table-cell !important;
}

.fusion-testimonials blockquote .awb-quote,
.fusion-testimonials.classic blockquote q, .fusion-body .breadcrumb-iwo, #intro .color_box h5 {
    padding: 0;
}

@media screen and (min-width: 901px) {
    #hero .fusion-fullwidth {
        padding-left: calc(50px + 6.9vw) !important;
    }
}

@media screen and (min-width: 1201px) {
    .post-content .fusion-fullwidth, #hero .fusion-fullwidth {
        padding-left: calc(50px + 6.9vw) !important;
        padding-right: calc(50px + 6.9vw) !important;
    }
}

.post-content .fusion-fullwidth:not(.header, .breadcrumb, .contact, .no_padding, .breadcrumb-iwo, #intro) {
    padding-top: calc(15px + 9.1vmin) !important;
    padding-bottom: calc(15px + 9.1vmin) !important;
}

body.single-post:not(.layout-boxed-mode) .post-content .fusion-fullwidth:not(.header, .breadcrumb, .contact, .no_padding, .breadcrumb-iwo, #intro) {
    padding-top:0 !important;
    padding-bottom:0 !important;
}

@media screen and (min-width: 1361px) {
    .single-post .post-content:not(#newblog) .fusion_builder_column_1_1 .fusion-fullwidth .fusion-flex-justify-content-flex-start {
        margin-right: calc(100px + 30vmin);
    }
}

.cluster, .padding_box p, .fusion-post-content blockquote, .post-content blockquote {
    margin-bottom: 3.1% !important;
}

.hero_right div.fusion-content-layout-column, #intro .color_box > div, .color_box > div,
.cluster, .imgcontainer:not(.clusters_smaller), .clustersmaller div, .padding_box p,
.fusion-post-content blockquote, .post-content blockquote, .off-canvas-content > div {
    padding: var(--padding) var(--padding) !important;
}

[style*="background-color:var(--awb-color1)"] ul,
[style*="background-color:var(--awb-color2)"] ul,
[style*="background-color:var(--awb-color3)"] ul,
[style*="background-color:var(--awb-color4)"] ul,
[style*="background-color:var(--awb-bg-color)"] ul,
[style*="background-color:var(--awb-color3)"] ul,
[style*="background-color:var(--awb-color6)"] ul,
[style*="background-color:var(--awb-color7)"] ul {
    padding: var(--padding) var(--padding) !important;
}

.hero_right h2, .color_box > div {
    margin-bottom: var(--bottom-distance) !important;
}

#intro .intro_column1 .fusion-text, #intro .intro_column1 .fusion-title:nth-child(3n) {
    margin-bottom: calc(var(--bottom-distance));
}

.post-content .no_padding_top {
    padding-top:0 !important;
}

.no_padding_bottom {
    padding-bottom:0 !important;
    margin: 0 !important;
}

#intro h6, .heading_small h6, .fusion-li-item-content {
    padding-bottom: 4%;
}

.single-post .fusion-li-item-content {
    padding-bottom:0;
}

.breadcrumb-iwo, .breadcrumb.fullwidth-box {
    padding-top: 2% !important;
    padding-bottom: 1% !important;
}

#intro ul, .review blockquote {
    padding: 0 !important;
}

.fusion-post-content blockquote, .post-content blockquote, .intro_column1 {
    max-width: 840px;
}

@media screen and (min-width: 901px) {
    #intro aside {
        position: absolute;
        right:0;
        z-index: 4;
    }
}

@media screen and (min-width: 901px) and (max-width: 1201px) {
    .hero_right div.fusion-content-layout-column {
        margin-left:0;
    }
}

@media screen and (max-width: 900px) {
    .cluster, .padding_box p, .fusion-post-content blockquote, .post-content blockquote {
        margin-bottom: 30px !important;
    }

    .fusion-body .fusion-flex-container {
        padding-right: var(--padding) !important;
        padding-left: var(--padding) !important;
    }

    .breadcrumb-iwo {
        margin-bottom: 20px !important;
    }
}

/* End Special distances */


/*
				    			 			 Typography specialtype  Integrated Worlds Typography
 * ________________________________________________________________________________________________________________________ */
:root {
    --body_typography-font-size: calc(12px + .2vw);
    --h1_typography-font-size: calc(16px + .88vw);
    --h2_typography-font-size: calc(20px + .5vw);
    --h3_typography-font-size: calc(17px + .4vw);
    --h4_typography-font-size: calc(16.5px + .3vw);
    --h5_typography-font-size: calc(15px + .23vw);
    --h6_typography-font-size: calc(13px + .2vw) !important;
    --h6_typography-font-family: Arial, Helvetica !important;
    /* color */
    --iwofurn: #ec7c00;
    --post_title_typography-font-size: calc(16px + .4vw);
    /**/
    --bottom-distance: 5.6%
}

body {
    /*! -moz-osx-font-smoothing: grayscale !important; */
    -webkit-font-smoothing: antialiased !important;
    /*! text-rendering: optimizeLegibility; */
}

/* font-family  */
.fusion-one-page-text-link {
    font-family: 'Century Gothic', serif;
}

.display-counter, .unit {
    font-family: 'Century Gothic Bold', serif;
}

.heading_small h6, h6, h6.heading_small, .heading_small .menu-item {
    font-family: Arial, Helvetica, serif !important;
    font-weight: bold !important;
}

.post-content h4 strong, h4 strong a, .fusion-breadcrumbs a {
    font-family: 'Helvetica Neue Medium', serif;
    font-weight: normal;
}

p strong, li strong, a strong, h5 a, .title_bold h3, .fusion-li-item-content b, .company-name strong {
    font-family: 'Helvetica Neue Bold', serif;
    font-weight: normal;
}

body, li, .iwofurnbox h5, .fusion-accordian #accordion-12268-1 .panel-title a, h5.content-box-heading, [class^="icon-"] p, [class*=" icon-"] p {
    font-family: 'Helvetica Neue Regular', serif;
    font-weight: 200 !important;
}

/*  font-weight  */
.fusion-toggle-boxed-mode .panel-title a span {
    font-weight: 200 !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* font-sizes  */
body, h5 {
    font-size: var(--body_typography-font-size);
}

h1, .as_h1 *, .as_h1, #intro h2, h1.fusion-responsive-typography-calculated {
    font-size: var(--h1_typography-font-size) !important;
}

h2, .as_h2, h2.fusion-responsive-typography-calculated {
    font-size: var(--h2_typography-font-size) !important;
}

h3, .as_h3, .hero_right h2, h3.fusion-responsive-typography-calculated {
    font-size: var(--h3_typography-font-size) !important;
}

.fusion-text h3.fusion-responsive-typography-calculated:not(.fusion-li-item-content) {
    font-size: var(--h6_typography-font-size) !important;
    padding-bottom: 1%;
}

h4, h4.fusion-responsive-typography-calculated, .as_h4, h4.content-box-heading,
.fusion-accordian .panel-title a span {
    font-size: var(--h4_typography-font-size) !important;
}

h5, .as_h5, h5.fusion-responsive-typography-calculated, .productgrid h4.fusion-responsive-typography-calculated,
.fusion-carousel-item h3.fusion-responsive-typography-calculated,
.swiper-slide h3.fusion-responsive-typography-calculated {
    font-size: var(--h5_typography-font-size) !important;
}

footer h6, footer p, footer li, footer li a, footer p a, .fusion-li-item-content {
    font-size: var(--h6_typography-font-size);
}

.heading_small h6, footer h6.title-heading-left, .heading_small *, .fusion-breadcrumbs, #menu-secondary-top-menu .menu-item {
    font-size: calc(var(--body_typography-font-size) / 1.2);
}

#menu-secondary-top-menu li span {
    font-size: calc(var(--body_typography-font-size) / 1.4) !important;
}

.fusion-accordian .toggle-content {
    font-size: var(--body_typography-font-size) !important;
    letter-spacing: 0.04em !important;
}

@media screen and (max-width: 900px) {
    .clusters_smaller h5, .clusters_smaller h4 {
        font-size: var(--h3_typography-font-size) !important;
        line-height: normal !important;
    }

    .fusion-accordian .panel-title .fusion-toggle-heading {
        margin-top: 4px;
        margin-left: 22px;
        font-size: var(--h5_typography-font-size) !important;
    }
}

/*  letter spacings  */
body {
    letter-spacing: 0.08em;
}

h4 strong a, .title_bold h3, .fusion-accordian .panel-title a span, .fusion-li-item-content {
    letter-spacing: 0.045em !important;
}

.heading_small *, h6, .fusion-breadcrumbs {
    letter-spacing: 0.13em !important;
}

.heading_small *, footer h6 a, h6 {
    letter-spacing: 0.15em !important;
}

footer h6 strong {
    letter-spacing: 0.25em !important;
}

/*  line height  */
h4 .as_h4, strong, h3 strong {
    line-height: normal !important;
}

.fusion-li-item-content, .fusion-text p {
    line-height: 1.4em;
}

footer li {
    line-height: 1.5em;
}

h3.fusion-li-item-content {
    padding-top: 1%;
}

[class*=" icon-"] {
    line-height: inherit;
}

/*  font specials  */
.fusion-testimonials.classic blockquote h5, .fusion-testimonials.classic blockquote p {
    font-style: italic !important;
    line-height: 1.4em !important;
}

.uppercase, footer h6 strong, .heading_small h6 {
    text-transform: uppercase;
}

.not_uppercase {
    text-transform: unset;
}

/*      END Typographie
______________________________________________________________   */


.fusion-carousel-item .fusion-responsive-typography-calculated {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


.fusion-title.title.heading_small {
    margin-right: 1% !important;
}


/* 			    			Header
 * ___________________________________________________________ */
header {
    overflow: visible;
}

header > div {
    padding-top: .9vmin;
    padding-bottom: 0.9vmin;
}

/* shrinked  */
header.fusion-sticky-transition {
    box-shadow:0 0 17px rgba(60, 60, 60, 0.15) !important;
}

header.fusion-sticky-transition * {
    transition: all ease-in-out 0.04s !important;
}

header.fusion-sticky-transition {
    min-height: 70px !important;
    max-height: 70px !important;
}

@media screen and (min-width: 901px) {
    header.fusion-sticky-transition .logowrapper {
        max-width: 300px !important;
        margin-top: -9px;
    }
}

@media screen and (min-width: 1680px) {
    .logowrapper {
        position: relative;
        /*	left: calc(100vw - 1480px - 400px ); */
        right: calc(1360px / 2 - 50vw + 170px);
    }

    .fusion-sticky-transition .logowrapper {
        right:0
    }
}

/*   topright */
.topright {
    padding-right:0;
}

@media screen and (min-width: 901px) {
    header .menubasic .menu-item {
        padding-left: 4%;
    }

    .topright {
        padding-right: 20px;
        min-width: 330px !important;
    }
}

@media screen and (min-width: 1201px) {
    .topright {
        padding-right: 50px;
    }
}

header .topright li:not(:last-child) {
    padding-right: 4%;
}

/* Special Color mod */
header {
    background-image: none;
}

body:not(.child, .category, .single-post, .single-casestudies, .single-avada_theme) header:not(.fusion-sticky-transition) {
    background-image: linear-gradient(rgba(0, 0, 6, 1) 10%, rgba(0, 0, 0, 0) 100%);
}

body:not(.child, .category, .single-post, .single-casestudies, .single-avada_theme) header:not(.fusion-sticky-transition) {
    background-image: linear-gradient(rgba(0, 0, 6, 1) 10%, rgba(0, 0, 0, 0) 100%);
}

body:not(.child, .category, .single-post, .single-casestudies, .single-avada_theme) header:not(.fusion-sticky-transition) img,
body:not(.child, .category, .single-post, .single-casestudies, .single-avada_theme) header:not(.fusion-sticky-transition) .topright span,
body:not(.child, .category, .single-post, .single-casestudies, .single-avada_theme) header:not(.fusion-sticky-transition) ul.fusion-menu > li > span,
body:not(.child, .category, .single-post, .single-casestudies, .single-avada_theme) header:not(.fusion-sticky-transition) ul.fusion-menu > li > a > span {
    filter: brightness(100) grayscale(100) contrast(100);
    opacity: 0.9;
}

body ul > li .sub-menu span {
    filter: brightness(0) grayscale(0) contrast(0) !important;
}

/* mobile correction
   The legacy mobile-menu rules here targeted Avada's old markup
   (.fusion-menu-element-wrapper / .avada-menu-mobile-menu-trigger), renamed to
   .awb-menu* by the theme update, so they no longer matched (dead selectors).
   They were cosmetic compensations for the old theme defaults; Avada's new
   defaults already provide good spacing/touch targets (item padding 24/40px,
   min-height 65px), so the inert rules were removed rather than re-pointed.
   The only one that fixed a real problem — cancelling the header's white
   brightness() filter on the light mobile panel — now lives in the awb-menu
   fix block at the end of this file. */
@media screen and (max-width: 900px) {
    header.fusion-sticky-transition .logowrapper {
        margin-top: 15px;
    }
}

/*   END Header Nav */

/* __________________________________________  Hero   Hero slider  */
@media screen and (min-width: 901px) {
    section#hero, #hero .parallax-inner, #hero section {
        height: 74vmin !important;
        max-height: calc(900px);
        min-height: 660px !important;
    }

    #hero .parallax-inner, #hero .fullwidth-video {
        margin-top: -60px;
    }

    #hero section::after {
        content: " ";
        width: 100% !important;;
        height: 60px;
        position: absolute;
        bottom: 60px !important;
    }

    .hero_right {
        min-height: 520px;
        height: 70vmin !important;
        max-height: 571px;
    }

    /* notfullimage */
    #hero .notfullimage {
        top: calc(70px + 5vw) !important;
        margin-bottom: calc(70px + 5vw) !important;
    }

    #hero .notfullimage, .hero_left:not(.notfull), #hero .notfullimage .hero_right {
        height: 53vmin !important;
        min-height: 500px !important;
        max-height: 620px;
    }

    .header_right_fullwidth {
        max-height: none !important;
    }

    .hero_left .fusion-breadcrumb-sep {
        display: none;
    }

    .fullimage .hero_right {
        margin-bottom:0 !important;

        /*! min-width: 365px; */
    }

    .hero_left > div:first-child {
        margin-left: -12%;
        min-width: 110%;
    }

    .hero_h1 h1 {
        padding: 10px 5% 4% 0 !important;
    }

    .hero_right div:not([class]):last-child {
        position: absolute;
        bottom: 4%;
    }
}

/*  END 901 for desktop*/
.hero_h1 div:first-child {
    padding: 5% 7%0 !important;
}

.hero_h1 > div:first-child {
    background-color: rgba(0, 102, 147, 0.9) !important;
}

body:not(.child, .home .page-template-100-width) .hero_h1 > div:first-child {
    background-color: rgba(0, 36, 66, 0.9) !important;
}

.hero_h1 {
    margin-left: 9%;
    margin-bottom: -4% !important;
    max-width: 68% !important;
    min-width: 420px !important;
}

@media screen and (max-width: 900px) {
    .logowrapper img {
        margin-top:0;
        max-width: 219px;
    }

    #hero section, section.fullimage, section#hero .parallax-inner {
        max-height: 420px !important;
        min-height: 420px !important;
    }

    section.fullimage {
        overflow: visible !important;
        margin-bottom: 400px;
    }

    section.fullimage.no_hero_right {
        margin-bottom: 20px !important;
    }

    .fullimage.no_hero_right {
        margin-bottom: 30px;
    }

    .fullimage .hero_left {
        position: absolute;
        bottom: -28px !important;
        max-width: 300px;
    }

    .fullimage .hero_left div {
        min-width: 97.4% !important;
        margin-left: 2px !important;
    }

    .fullimage .hero_right {
        position: absolute;
        top: 468px !important;
    }

    #hero .fullimage .hero_right .fusion-builder-nested-column-0 {
        display: none;
    }

    #hero .fullimage .fusion-builder-nested-column-0 > .fusion-column-wrapper {
        padding: var(--padding) var(--padding) !important;
    }

    header .fusion_builder_column_1_5 .fusion-flex-justify-content-center {
        margin-left: 5px;
    }

    /* 	.notfullimage  */
    :not(.single) #hero .notfullimage {
        padding-top: 80px !important;
    }

    #hero .notfullimage {
        margin-bottom: 319px;
    }

    #hero .notfullimage .fusion-builder-nested-column-0 > .fusion-column-wrapper {
        padding: var(--padding) var(--padding) !important;
        margin-left: calc(var(--padding) * 1.5);
        width: 80%;
    }

    #hero .notfullimage.fusion-flex-container .fusion-flex-align-content-flex-end {
        align-content: flex-start;
    }

    #hero .notfullimage .hero_left {
        height: 300px;
        width: 124% !important;
        margin-left: -23px !important;
    }

    #hero .notfullimage .hero_left .fusion-builder-nested-column-0 {
        position: absolute;
        bottom:0 !important;
        min-width: 100% !important;
        margin-left: 2px !important;
    }

    #hero .notfullimage .hero_right {
        margin-top: 25px !important;
    }

    .hero_right .fusion-button-default-span {
        position: absolute;
        bottom: 20px;
        right: 30px;
        display: none;
    }

    .not_mobile {
        display: none;
    }
}

/* hero breadcrumb only on desktop  */
.hero_h1 span.fusion-breadcrumb-item:nth-child(1) {
    font-size: 10px;
}

.hero_h1 .fusion-breadcrumbs {
    display: inline-grid;
}

.hero_h1 .fusion-breadcrumb-item::before {
    content: "// ";
    letter-spacing: 0.05em;
    font-weight: normal;
}

.hero_h1 .fusion-breadcrumb-item:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
    white-space: nowrap;
}

.hero_h1 .fusion-breadcrumb-item:nth-child(2) {
    display: block;
}

.hero_h1 .fusion-breadcrumb-item {
    text-transform: uppercase;
    letter-spacing: 0.25em;
    font-weight: bold;
    line-height: 140%;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hero_h1 span:nth-child(1) {
}

.hero_h1 .fusion-breadcrumbs-1 > span:nth-child(3), .hero_h1 .fusion-breadcrumbs-1 > span:nth-child(3) span {
    font-size: 12px !important;
    line-height: 19px !important;
}

.hero_h1 .fusion-breadcrumbs-1 > span:nth-child(5), .hero_h1 .fusion-breadcrumbs-1 > span:nth-child(5) span {
    font-size: 14px !important;
    line-height: 20px !important;
}

.hero_h1 .fusion-breadcrumbs-1 > span:nth-child(7), .hero_h1 .fusion-breadcrumbs-1 > span:nth-child(7) span {
    font-size: 15px !important;
    line-height: 22px !important;
}

.hero_h1 .fusion-breadcrumbs-1 > span:nth-child(9), .hero_h1 .fusion-breadcrumbs-1 > span:nth-child(9) span {
    font-size: 18px !important;
    line-height: 24px !important;
}

.hero_h1 .fusion-breadcrumbs-1 > span:nth-child(11), .hero_h1 .fusion-breadcrumbs-1 > span:nth-child(11) span {
    font-size: 20px !important;
    line-height: 24px !important;
}

/* END Headerslider */


/*________________
-----------------------------------------------------------  */
.logowrap img {
    background-color: #fff;
}

@media screen and (max-width: 900px) {
    .fusion_builder_column_1_2 .fusion-imageframe {
        margin-bottom: 20px;
    }
}

/**/
html:not(.avada-has-site-width-percent) #main {
    padding: 0 !important;
}


/*__________________________  Introduction
-----------------------------------------------------------  */

.iwofurnbox::before {
    position: absolute;
    content: "";
    background-image: url('https://integrated-worlds.24-u.de/wp-content/uploads/2022/10/integratedworld_-logo-weiss.svg');
    background-repeat: no-repeat;
    background-size: 340px !important;
    background-position-x: 7vw !important;
    background-position-y: -30px !important;
    height: 100%;
    width: 100%;
    opacity: 0.12;
}

.iwofurnbox * {
    color: #fff !important;
    text-shadow: none;
}

/* _______   testimonialbox  */
.testimonialbox > div {
    min-height: 340px !important;
    height: calc(240px + 25vmin) !important;
}

.testimonialbox .fusion-testimonials {
    position: relative;
    width: 100%;
    top:0 !important;
    height: 100% !important;
}

.fusion-testimonials.classic .author {
    position: absolute !important;
    top: calc(90px + 25vmin) !important;
}

.fusion-testimonials .testimonial-pagination {
    background: none !important;
    text-align: left;
}

.fusion-testimonials.classic blockquote {
    background-color: transparent !important;
}

.testimonialbox .testimonial-pagination {
    position: absolute !important;
    top: calc(147px + 25vmin) !important;
    right: -4px;
}


/*  automatic List of children   */
.permalist {
    background-color: var(--awb-color8) !important;
    font-size: 17px !important;
    height: 30px !important;
    width: 30px !important;
    margin-right: 11px !important;
    padding-left: 2px !important;
}

.automaticchilds {
    padding-top: 4%;
}

h3.fusion-li-item-content, .fusion-li-item-content h3 {
    padding-bottom:0 !important;
    margin-bottom:0 !important;
    font-weight: bold !important;
    font-size: calc(var(--h5_typography-font-size) / 1.1) !important;
    line-height: 1.3em !important;
}

/* END Introduction  */


/*______________________________  Content sections */
.fusion-one-page-text-link {
    font-family: 'Century Gothic', serif;
    font-weight: 600;
    letter-spacing: normal;

}

.fusion-one-page-text-link {
    padding-bottom: 2%;
}

.fusion-one-page-text-link::before {
    content: " ❯ ";
    font-weight: normal;
    font-size: 10px;
    position: relative;
    top: -2px;
    left: -2px;
}

.post-content p, .post-content h4, .single-post .post-content h5 {
    margin-bottom: 3vmin;
}

.privacy p:first-child {
    margin-bottom:0 !important;
}

/* END Contentsections  */


/* 			    			Contactform 7
 * ___________________________________________________________ */
.wpcf7-form input, .wpcf7-form textarea {
    color: var(--awb-color3) !important;
    letter-spacing: normal;
    font-family: Arial, serif;
    border: none !important;
    background-color: #dedede !important;
}

[style*="background-color: var(--awb-color7)"] input,
[style*="background-color: var(--awb-color7)"] textarea {
    background-color: #fff !important;
}

[style*="--awb-background-color:var(--awb-color1)"] input,
[style*="--awb-background-color:var(--awb-color1)"] textarea {
    background-color: #fff !important;
}

.wpcf7-submit {
    background-color: var(--awb-color2) !important;
    color: #fff !important;
}

input.wpcf7-submit {
    --awb-background-color: var(--awb-color1) !important;
    color: #fff !important;
}

[style*="background-color: var(--awb-color2)"] input.wpcf7-submit {
    background-color: var(--awb-color2) !important;
    color: #fff !important;
}

input.has-spinner {
    float: right;
    padding: 14px 40px !important;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-not-valid-tip {
    color: #dc3232; /* Red */
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em;
}

.wpcf7-list-item {
    display: inline-block;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
    content: " ";
}

form.submitting .wpcf7-spinner {
    visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
    .wpcf7-spinner::before {
        animation-name: blink;
        animation-duration: 2000ms;
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes blink {
    from {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.wpcf7 input[type="file"] {
    cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    direction: ltr;
}


#contactlead .wpcf7-form p, #intro .wpcf7-form p {
    margin-bottom: 18px !important;
}

@media screen and (min-width: 901px) {
    .wpcf7-form .fusion_builder_column_1_2 {
        width: 50%;
        float: left;
        padding-right: 3%;
    }

    .wpcf7-form .fusion_builder_column_1_2.last {
        padding-right:0;
    }
}

/* END CF7*/
#awb-oc-12507 .awb-off-canvas {
    max-width: 1480px;
}

@media screen and (max-width: 900px) {
    .awb-off-canvas .wpcf7-form-control {
        max-height: 40px;
    }
}

/* ___________________________________  Slidingbar  */
@media screen and (min-width: 901px) {
    #slidingbar .fusion-column {
        width: 40%;
        padding-right: 3%;
        float: left;
        min-width: 820px;
    }
}

/* __________________________    Accordion  / Toggle Correction  */

.fusion-toggle-heading {
    position: absolute;
    left: calc(var(--padding) * 2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}

.fusion-toggle-icon-right .fusion-toggle-heading {
    position: relative;
    left: 2px !important;
}

.fusion-toggle-icon-left .panel-title a {
    padding: calc(var(--padding) / 1.4) !important;
}

.fusion-toggle-icon-unboxed .panel-title a {
    padding-top: calc(var(--padding) / 1.4) !important;
    padding-bottom: calc(var(--padding) / 1.4) !important;
}

[style*="background-color:var(--awb-color1)"] .active,
[style*="background-color:var(--awb-color1)"] .collapse.in {
    background-color: var(--awb-color2) !important;
}

.fusion-accordian .panel-title {
    line-height: normal;
}

.fusion-toggle-icon-unboxed span.fusion-toggle-icon-wrapper::after {
    content: "+";
    width: 100%;
    position: absolute;
    left: 95%;
}

.fusion-toggle-icon-unboxed .active .fusion-toggle-icon-wrapper::after {
    content: "-";
    width: 100%;
    position: absolute;
    left: 95%;
}

.fusion-toggle-icon-right.fusion-toggle-icon-unboxed .fusion-toggle-icon-wrapper::after {
    display: none !important;
}


/*              Carousel Slider
___________________________________________________  */

.fusion-carousel-wrapper.fusion-carousel-swipe {
    padding: 3px !important;
    margin: 3px !important;
}


/* 			    			Colors rollovers and more
 * ___________________________________________________________ */
#oc_maps:hover svg text, #oc_maps:hover svg path {
    fill: var(--iwofurn);
}

.iwofurn_bg {
    background-color: var(--iwofurn);
}

/* End Colors and more */


/* 			    			Effects
 * ___________________________________________________________ */
.transition, a:hover, #oc_maps svg text, #oc_maps:hover svg path {
    transition: all ease-in-out 0.3s;
}

/* End effects */


/* _______________________________ Clusters imagecontainers */
.cluster .fusion-column-inner-bg {
    background-color: var(--awb-color2);
}

.cluster .fusion-column-inner-bg-image:hover {
    background-color: var(--awb-color2);
    opacity: 0.4 !important;
}

.cluster, .imgcontainer {
    height: 48vmin;
    min-height: 338px;
    max-height: 36vh;
    padding-bottom:0 !important;
}

.clusters_smaller article {
    height: 30vmin;
    min-height: 330px;
}

.clusters_smaller.imgcontainer {
    height: 30vmin;
    min-height: 330px;
}

.clusters_smaller.imgcontainer .fusion-imageframe {
    position: absolute;
    top:0;
    left: 5.76%;
    width: calc(100% - 11%);
}

.clusters_smaller.imgcontainer .fusion-imageframe {
    position: absolute;
    top:0;
    left: 5.76%;
    width: calc(100% - 11%);
}

@media screen and (max-width: 900px) {
    .clusters_smaller.imgcontainer .fusion-imageframe {
        left:0 !important;
        width: calc(98.2%);
    }

    .clusters_smaller.imgcontainer .fusion-imageframe img {
        width: calc(100%);
    }
}

.clusters_smaller.imgcontainer .fusion-text {
    padding-left: 6%;
}

/* _____________________ Productgrid */

.productgrid {
    min-height: 320px;
    max-height: 460px;
    height: 92vmin;
}

.productgrid *, .productgrid p {
    color: #fff !important;
}

.productgrid p {
    position: relative;
    top:0;
    padding: 0 !important;
    margin: 0 !important;
}

.productgrid .fusion-button {
    float: right !important;
    position: absolute;
    bottom: 4%;
    right: 4%;
}

/* */


/* 			       Buttons und Co.
 * ___________________________________________________________ */
.iconbutton {
    padding: 0 0 0 calc(1px + 0.2vmin);
    height: 38px;
    width: calc(35px + 1.6vmin);
}

.iconbutton .button-icon-left {
    margin: 0 !important;
    color: #fff;
}

.tel.iconbutton i::before {
}

.tel.iconbutton a {
    text-indent: 9999px;
    font-size: 0.0000001em;
    width: 100%;
    height: 100%;
    position: absolute;
}

/* 			    		     Button Texts
* ___________________________________________________________ */
.de .fusion-button:not(.iconbutton) .fusion-button-text:empty::before, .de .fusion-read-more::before {
    content: "Mehr erfahren";
}

.en .fusion-button:not(.iconbutton) .fusion-button-text:empty::before, .en .fusion-read-more::before {
    content: "Read more";
}

.es .fusion-button:not(.iconbutton) .fusion-button-text:empty::before, .es .fusion-read-more::before {
    content: "Leer más";
}

.de .dl_button .fusion-button-text:empty::before {
    content: "Herunterladen" !important;
}

.en .dl_button .fusion-button-text:empty::before {
    content: "Download now" !important;
}

.es .dl_button .fusion-button-text:empty::before {
    content: "Descargar" !important;
}

.fusion-read-more {
    background-color: var(--awb-color1);
    color: #fff;
    padding: 1em;
    display: block;
}

.fusion-read-more::before {
    display: none;
}

.fusion-read-more::after {
    display: none;
}


/* AP Ansprechpartner */

#contact_fullwith img, .small_ap img {
    border-radius: 100%;
}

/*  contact bottom of the document   */
#yourcontact img {
    max-width: 460px;
    border-radius: 100%;
}

@media screen and (min-width: 1201px) {
    #yourcontact div .leftside_ap {
        padding-right: 10%;
    }
}

@media screen and (min-width: 901px) {
    #yourcontact div .fusion-layout-column:last-child {
        padding-left: 6%;
    }
}

@media screen and (max-width: 900px) {
    #yourcontact img {
        max-width: 260px;
    }

    #yourcontact .fusion-layout-column:first-child {
        order: 2;
    }

    #yourcontact .fusion-layout-column:last-child {
        order: 1;
    }

    #yourcontact .fusion-button {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 11px !important;
        white-space: nowrap;
    }
}

#yourcontact .fusion-alignleft {
    margin-top: 4%;
    margin-right: 3%;
}

#yourcontact .fusion-alignleft:last-child {
    margin-right: 0;
}

#yourcontact .parallax-inner {
    width: 150vw !important;
    left: -20vw !important;
}

.small_ap {
    max-width: 700px;
}

.small_ap > div {
    display: inline !important;
}

.small_ap div:not([class]):nth-child(1),
.small_ap div.fusion-image-element:nth-child(1){
    width: 25%;
    float: left;
    margin-bottom: 9%;
    min-width: 100px;
    max-width: 180px;
}

.small_ap .fusion-text {
    width: 70%;
    float: left;
    margin-left: 5%;
}

/* __________ Breadcrumbs   */

.breadcrumb_iwo {
    padding-top: 0 !important;
}

.de .breadcrumb_iwo::before {
    content: "Sie sind hier: "
}

.en .breadcrumb_iwo::before {
    content: "You are here: "
}

.es .breadcrumb_iwo::before {
    content: "Está aquí: "
}


/*__________________________  Blog correction
-----------------------------------------------------------*/
.fusion-post-grid > div, .newsgrid_w_image > .fusion-column-wrapper, .casestudies_blog > .fusion-column-wrapper {
    background-color: #fff !important;
    margin: 8px !important;
    border:0 !important;
    box-shadow:0 -1px 4px rgba(50, 50, 50, 0.40);
}

.casestudies_blog > .fusion-builder-row {
    width: 100%;
    max-width: 100% !important;
    margin-left:0;
    margin-right:0;
}

.fusion-post-grid > div, .fusion-post-cards .fusion-flex-column > div {
    margin: 0 !important;
}

.fusion-post-grid .fusion-alignright span {
    display: none !important;
}

.fusion-post-slideshow {
    border: none !important;
}

.newsgrid_w_image .fusion-column-wrapper img {
    height: calc(70px + 3.5vh);
    max-height: calc(70px + 3.5vh);
}

.newsgrid_w_image .color_box .fusion-column-wrapper {
    min-height: calc(225px + 10.5vh);
}

.newsgrid_w_image .color_box .button_right, .newsgrid_w_image .color_box .button-default {
    position: absolute;
    bottom: 16px;
    right: 25px;
}

.fusion-grid .fusion-column-wrapper:empty {
    padding-bottom:0 !important;
}

/*   archive  */
.archive.category main, .archive.tag main {
    max-width: 1680px !important;
    padding-top: 3% !important;
    margin: 0 auto;
}

.single-post .fusion-meta-info {
    display: none;
}


/*    Grid slider correction   */
.fusion-carousel,
.awb-carousel.awb-swiper{
    padding-bottom: 60px !important;
}

.fusion-carousel .fusion-carousel-nav .fusion-nav-next,
.fusion-carousel .fusion-carousel-nav .fusion-nav-prev,
.awb-swiper-button-prev,
.awb-swiper-button-next {
    top: calc(100% - 35px);
    margin-top:0 !important;
    padding: 0;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    border: none;
}

.fusion-carousel .fusion-carousel-nav .fusion-nav-next:hover,
.fusion-carousel .fusion-carousel-nav .fusion-nav-prev:hover,
.awb-swiper-button-prev:hover,
.awb-swiper-button-next:hover {
    opacity: 1;
    background-color: #ccc;
}

.fusion-carousel .fusion-carousel-nav .fusion-nav-next::before,
.fusion-carousel .fusion-carousel-nav .fusion-nav-prev::before,
.awb-swiper-button-prev:before,
.awb-swiper-button-next:before {
    display: block;
    position: relative;
}

button.fusion-nav-next {
}

button.fusion-nav-prev,
.awb-swiper-button-prev {
    left: unset !important;
    right: 45px !important;
}


/*  hide on mobile  */
/*  mobile correction    */
@media screen and (max-width: 900px) {
    .fusion-column-wrapper #oc_maps, label.message, label.tel {
        display: none !important;
    }

    .contact_offcanvas .fusion_builder_column_1_2.last p:nth-child(2), .contact_offcanvas .fusion_builder_column_1_2.last p:nth-child(3) {
        display: none !important;
    }
}

@media only screen and (max-width: 640px) {
    .not_in_mobile {
        display: none !important;
    }

    #content {
        margin-bottom:0 !important;
    }
}

@media only screen and (max-width: 900px) {
    .fusion-body .fusion-flex-container.backgroundimage_opac,
    .fusion-body .has-pattern-background .fusion_builder_column_1_2 {
        margin-bottom:0 !important;
    }

    .small_ap, .intro_column1 .color_box {
        margin-bottom:0 !important;
    }

    .hero_right h2, .color_box > div {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 1200px) {
    .hero_right .fusion-button {
        display: none !important;
    }
}

/* === New Avada (awb) submenu text fix ===
   The Avada update renamed submenu markup (.sub-menu -> .awb-menu__sub-ul), so the
   old correction stopped matching and the header's white brightness() filter bled
   onto dropdown items (white text on a light background = invisible). Scope the fix
   to submenus only so the top-level menu keeps its white-over-dark-header treatment. */
.awb-menu__sub-ul .awb-menu__sub-a,
.awb-menu__sub-ul .awb-menu__sub-a > span {
    color: #002442 !important;
    filter: none !important;
}

/* Mobile menu (collapse-enabled) expands as a light/white panel, but the header's
   white brightness() filter still hits the menu link spans -> white-on-white text.
   The old correction was anchored on the renamed .fusion-menu-element-wrapper. */
@media screen and (max-width: 900px) {
    .awb-menu.collapse-enabled a span {
        color: #002442 !important;
        filter: none !important;
    }
}