/*CSS Layout hero 50 image*/
        .h50i-introduction{
            margin-bottom: 90px;
        }
            .h50i-introduction-wrapper{
                display: flex;
                min-height: 615px;
                max-height: 750px;
                align-items: stretch;
            }
                .h50i-introduction-content{
                    width: 50%;
                    padding-top: 30px;
                    padding-left: calc(var(--global-wrapper-horizontal-padding) + ((100% - var(--global-wrapper-width)) / 2));
                    padding-right: 60px;
                    overflow: hidden;
                }
                    .h50i-introduction-head{
                    	margin-top: 35px;
                    }
                .h50i-introduction-image{
                    width: 50%;
                }
                    .h50i-introduction-image img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
        .h50i-body{
            margin-bottom: 80px;
        }
                .h50i-body-center-simple .h50i-body-content{
                    width: 630px;
                    margin: 0 auto;
                }
        .h50i-body-center-circle{
            width: calc(100vw - var(--full-width-scroll-adjust));
            margin-left: calc((var(--global-wrapper-width) - var(--global-wrapper-horizontal-padding) - 100vw )/2);
        }
            .h50i-body-center-circle .h50i-body-content{
                width: 860px;
                margin: 0 auto;
                padding: 50px 110px 100px 110px;
            }
        .h50i-body-right-circle{
            width: calc(100vw - var(--full-width-scroll-adjust));
            margin-left: calc((var(--global-wrapper-width) - var(--global-wrapper-horizontal-padding) - 100vw )/2);
        }
            .h50i-body-right-circle .h50i-body-content{
                width: 980px;
                margin: 0 0 0 auto;
                padding: 50px 150px 100px 110px;
            }
        .h50i-body-right-logo{
            width: calc(100vw - var(--full-width-scroll-adjust));
            margin-left: calc((var(--global-wrapper-width) - var(--global-wrapper-horizontal-padding) - 100vw )/2);
        }
            .h50i-body-right-logo .h50i-body-content{
                width: 50%;
                margin: 0 0 0 50%;
                padding: 50px calc(((100% - 1170px)/2) + 15px) 0 30px;
            }

@media (max-width:1199px) {
        .h50i-introduction{
            margin-bottom: 70px;
        }
            .h50i-introduction-wrapper{
                flex-wrap: wrap;
                min-height: auto;
                max-height: none;
            }
                .h50i-introduction-content{
                    width: 100%;
                    margin: 0 auto;
                    padding: 40px var(--global-wrapper-horizontal-padding);
                    order: 2;
                    position: relative;
                }
                .h50i-introduction-content-white:after{
                    content: '';
                    height: 1px;
                    display: block;
                    position: absolute;
                    bottom: 0;
                    left: var(--global-wrapper-horizontal-padding);
                    right: var(--global-wrapper-horizontal-padding);
                }
                .h50i-introduction-breadcrumb{
                    margin-bottom: 35px;
                }
                .h50i-introduction-head{
                    margin-top: 0;
                }
                .h50i-introduction-image{
                    width: 100%;
                    height: 350px;
                    order: 1;
                }
        .h50i-body-center-circle, .h50i-body-right-circle{
            width: 100vw;
            margin-left: calc(var(--global-wrapper-horizontal-padding) * (-1));
        }
            .h50i-body-center-circle .h50i-body-content, .h50i-body-right-circle .h50i-body-content{
                width: calc(100% - 140px - 60px);
                margin: 0 auto 0 calc(140px + 30px);
                padding: 50px 7% 100px 7%;
            }
        .h50i-body-right-logo{
            margin-left: calc(var(--global-wrapper-horizontal-padding) * (-1));
        }
            .h50i-body-right-logo .h50i-body-content{
                width: 70%;
                margin: 0 0 0 30%;
                padding: 0 var(--global-wrapper-horizontal-padding) 0 10px;
            }
}
@media (max-width:768px) {
            .h50i-introduction-wrapper{
                position: relative;
            }
                .h50i-introduction-content{
                    position: static;
                    padding-top: 10px;
                }
                .h50i-introduction-breadcrumb{
                    position: absolute;
                    z-index: 10;
                    top: 0;
                    left: 0;
                    width: 100%;
                    padding: 10px var(--global-wrapper-horizontal-padding) 5px;
                    margin-bottom: 0;
                }
                .h50i-introduction-image{
                    height: 257px;
                }
                .h50i-introduction-content{
                    margin-top: -33px;
                    z-index: 2;
                }
                    .h50i-introduction-title{
                        margin-top: 0;
                        margin-bottom: 12px;
                    }
                .h50i-body-center-simple, .h50i-body-center-circle, .h50i-body-right-circle, .h50i-body-right-logo{
                    width: 100vw;
                    margin-left: calc(var(--global-wrapper-horizontal-padding) * (-1));
                }
                .h50i-body-center-circle, .h50i-body-right-circle{
                    margin-bottom: 0;
                }
                    .h50i-body-center-circle .h50i-body-wrapper, .h50i-body-right-circle .h50i-body-wrapper{
                        padding-bottom: 350px;
                    }
                    .h50i-body-center-simple .h50i-body-content, .h50i-body-center-circle .h50i-body-content, .h50i-body-right-circle .h50i-body-content, .h50i-body-right-logo .h50i-body-content{
                        width: 100%;
                        margin-left: 0;
                        margin-right: 0;
                        padding-left: var(--global-wrapper-horizontal-padding);
                        padding-right: var(--global-wrapper-horizontal-padding);
                        padding-top: 0;
                    }
                    .h50i-body-center-circle .h50i-body-content, .h50i-body-right-circle .h50i-body-content{
                        padding-bottom: 10px;
                    }
                .h50i-body-right-logo .h50i-body-wrapper{
                    padding-bottom: 430px;
                }
}