html{height:100%; margin:0; padding:0}
body {width:100%;margin: 0 auto;padding: 0;font-family:"webfont","Microsoft YaHei","Helvetica Neue","Helvetica","Arial",sans-serif;font-size:14px;font-weight: lighter;background-color: #F5F5F5;}

ul{padding:0;margin:0; list-style:none}
dl{margin:0;}
dd{margin:0;}
a{color:#0070c9; text-decoration: none; cursor:pointer;}
a:link { text-decoration: none;}
a:visited{text-decoration: none}
a:hover{ text-decoration: none;}
form{margin:0px}
img {will-change: transform;}
a img{border:0px;}
h1{ margin:0;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0;}
hr{border:0; border-bottom:1px solid #D6D6D6; height:10px; overflow:hidden;}
input,textarea,a{outline:none;}
*, :after, :before, html {box-sizing: border-box;}
img {border-style: none;}
img {height: auto;max-width: 100%;outline: none;vertical-align: middle;}
img {will-change: transform;}
:where(a) {border-color: currentcolor;color: currentcolor;cursor: pointer;text-decoration: none;}
.loader{width: 100%;height: 40px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 10px;}
#ld4 {position: relative;display: flex;width: 25%;justify-content: space-between; }
#ld4 div {height: 15px;width: 15px;border-radius: 50%;background: #D91E36; }
#ld4 div:nth-child(1) {animation: ld4 3s linear infinite 0s; }
#ld4 div:nth-child(2) {animation: ld4 3s linear infinite 0.15s; }
#ld4 div:nth-child(3) {animation: ld4 3s linear infinite 0.3s; }
#ld4 div:nth-child(4) {animation: ld4 3s linear infinite 0.45s; }

@keyframes ld4 {
    0% {
        opacity: 0;
        transform: scale(0.3);
        background: #59CD90;
    }
    25% {
        opacity: 1;
        transform: scale(1.8);
        background: #0072BB;
    }
    50% {
        opacity: 0;
        transform: scale(0.3);
        background: #FE4A49;
    }
    75% {
        opacity: 1;
        transform: scale(1.8);
        background: #FED766;
    }
    100% {
        opacity: 0;
    }
}

/* header */
.section_header{will-change:transform}
.section_header.main_nav{position:fixed;z-index:999;top:0px;width:100vw}
.main_nav{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:100%}
[class*=main_menu_]{max-width:100%;}
[class*=btmw_]{max-width:100%;}
span[class*=main_menu_]:not(.main_nav):not(.main_menu_container):not(.main_menu_block):not(.main_menu_div){width:auto}

#main_menu_figure:not(.tag), #main_menu_figure img {object-fit: fill}
:where(.main_menu_image) img {border-radius: inherit;position: static !important;transition: inherit;width: 180px;/*height: 100%;*/}
:where(.main_menu_image) img.bricks-lazy-hidden + figcaption {display: none;}
.header_logo.main_menu_image {display: block;/*height: var(--space-xs);*/}
figure.main_menu_image {margin: 0;}
:where(.main_menu_image).tag {display: inline-block;height: fit-content;position: relative;width: auto;}
.full_width.main_menu_container {width: 100vw;margin-right: 0;margin-left: 0;}

.main_menu_container {align-items: flex-start;display: flex;flex-direction: column;margin-left: auto;margin-right: auto;width: 1100px;}
.header_wrapper.main_menu_container {flex-direction: row;justify-content: space-between;align-items: center;padding-top: var(--space-s);padding-right: 180px;padding-left: 180px;}
.header_logo_wrapper {backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.header_logo_wrapper.main_menu_div {padding-right: 28px;padding-left: 28px;background-color: rgba(255, 255, 255, 0.25);border-radius: 15px;height: 67px;display: flex;align-items: center;}
.header_logo_wrapper.main_menu_div_m{display: none;width:100%;padding-right: var(--space-m);padding-left: var(--space-m);background-color: rgba(255, 255, 255, 0.25);border-radius: 15px;height: var(--space-xl);align-items: center;}
.header_main_menu_item_wrapper {backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
.m_main_menu_wrapper{position: absolute;background-color: #fff;box-shadow: 0 0 0 9999px rgba(0,0,0,0.6);z-index: 5000;width: 100%;height: 100%;top:-64px;left:0;display: none;}
.header_main_menu_item_wrapper.main_menu_container,
.header_main_menu_item_wrapper.main_menu_container_m{display:flex;justify-content: flex-end;flex-direction: row;margin-right: 0;margin-left: 0;height: 67px;align-items: center;background-color: rgba(255, 255, 255, 0.65);border-radius: 15px;width: auto;z-index: 5001;}

.header_main_menu_item.main_menu_text_link {font-family: '735';font-size: 1.3em;text-transform: uppercase;color: #000;line-height: 67px;font-weight: bolder;}
.text--mask.main_menu_text_link {display: inline;overflow: hidden;position: relative;height: 67px;padding-right: var(--space-2xs);padding-left: var(--space-2xs);}
/*.text--mask.main_menu_text_link:hover{color:#fff;background: #eb3655;border-radius: 15px;}*/
.text--mask.main_menu_text_link:hover{color:#eb3655;}
.text--mask.main_menu_text_link.active{color:#fff;background: #eb3655;border-radius: 15px;}
.main_menu_text_link, .main_menu_text_link span {align-items: center;display: inline-flex;}
.main_menu_text_link {gap: 5px;vertical-align: middle;}
.show_flex{display: flex;}

/* BREAKPOINT: Desktop (BASE) */
.section--nav-animation-wrapper.main_menu_container {width: 100vw; height: 100vh; background-color: #09155a; position: fixed; pointer-events: none; opacity: 0; z-index: 999; background-image: radial-gradient(  at center, #09155a 0%, rgba(0, 0, 0, 0.4) 100%)}
.footer{background-color: #323232;color:#646464;text-align: center;font-size: medium;padding: 20px 0;}

#content-main{margin-top:150px;}
.skinBox_bd{max-width:1080px; width:100%; margin:0 auto; position:relative;}
.skinBox_bd:after{clear:both; content:"";display: table;}

@media (min-width: 1920px) {
    .main_menu_container {margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;}
}
@media screen and (max-width: 1440px){
    .header_logo_wrapper.main_menu_div{padding-left: 18px;padding-right: 18px;}
    .header_main_menu_item.main_menu_text_link{font-size: 1em;}
    .text--mask.main_menu_text_link{padding: 0 12px;}
}
@media screen and (max-width: 1400px){
    .skinBox_bd{max-width:1080px;}
}
@media (max-width:768px){
    .main_nav{flex-wrap:wrap}
    .header_wrapper.main_menu_container{padding-left: 10px;padding-right: 10px;}
    .header_logo_wrapper.main_menu_div{display: none;}
    .header_logo_wrapper.main_menu_div_m{display: flex;margin-left: var(--space-s);margin-right: var(--space-s);border-radius: 30px;}
    .header_logo.main_menu_image {width: 100%;height: auto;}
    :where(.main_menu_image) img{width: 100%;height: auto;}
    .header_main_menu_item_wrapper{position: absolute;margin: 50% auto;top: 0;}
    .header_main_menu_item_wrapper.main_menu_container{display:none;}
    .header_main_menu_item_wrapper.main_menu_container_m{display:flex;flex-direction: column;max-width: 100%;height: auto;left: var(--space-s);right: var(--space-s);}
    .header_main_menu_item{display: list-item;width: 100%;}
    .text--mask.main_menu_text_link{text-align: center;height: var(--space-xl);}
    .header_main_menu_item.main_menu_text_link{font-size: 1.2em;line-height: var(--space-xl);}
    #content-main{margin-top:50px;}
}
