body {
    margin: 0;
}



p, span, li {
    text-align: justify;
}
br {
    user-select: none;
}
img {
    user-select: none;
}
li {
    list-style-type: circle;
}



a:any-link:hover, a:-webkit-any-link:hover {
    opacity: .67;
}
a .link_img {
    display: none;
    content: url(/assets/icon/link.png);
}
a:hover .link_img {
    display: inline;
    height: 20px;
}



.banner_container, .block, .block_left, .block_right, .block_footer, .block_header {
    display: flex;
    flex-basis: 0;
    padding: 0 max(55px, 5%);
}
.banner_container {
    height: 88%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
}
.top_video {
    height: 100%;
    min-width: 100%; 
    overflow: hidden;
    position: absolute;
}
.top_video video {
    width: auto;
    height: 100%; 
    min-width: 100%; 
    min-height: 100%; 
    object-fit: cover; 
    mix-blend-mode: screen;
}
.block_left {
    flex-direction: row;
}
.block_right {
    flex-direction: row-reverse;
    background-color: rgb(233, 233, 233);
}
.left_right {
    padding-top: max(33px, 3%);
    padding-bottom: max(33px, 3%);
    @media screen and (max-width: 1024px) {
        padding-bottom: max(55px, 5%);
    }
}
.block_left div, .block_right div {
    display: flex;
    flex-basis: 0;
    flex-direction: column;
}
@media screen and (max-width: 1024px) {
    .block_left, .block_right {
        flex-direction: column;
    }
}



.navigator {
    border-bottom: 3px solid rgb(233, 233, 233);
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.navigator a, .navigator br {
    margin-right: max(22px, 2%);
}



.block_left div .person_two_column {
    display: grid;
    grid-template-columns: repeat(auto-fill, 45%);
    justify-content: space-between;
    column-gap: max(55px, 5%);
}
.block_left div .person_container, .block_left div .person_two_column div .person_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, 200px);
    justify-content: space-between;
    gap: 33px;
    margin-bottom: max(33px, 3%);
}
.block_left div .person_container div img, .block_left div .person_two_column div .person_container div img {
    width: 100%;
}
.block_left div .person_container div h4, .block_left div .person_container div span, .block_left div .person_two_column div .person_container div h4, .block_left div .person_two_column div .person_container div span {
    margin-bottom: 7px;
    text-align: left;
}
.block_left div .person_container div div, .block_left div .person_two_column div .person_container div div {
    border-bottom: 3px solid rgb(233, 233, 233);
}
@media screen and (max-width: 1024px) {
    .block_left div .person_two_column {
        grid-template-columns: repeat(auto-fill, 100%);
    }
    .block_left div .person_container, .block_left div .person_two_column div .person_container {
        grid-template-columns: repeat(auto-fill, 20%);
    }
}



.block_left div .brand_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 min(-33px, -3%);
}
.block_left div .brand_container div {
    margin: max(22px, 2%) max(33px, 3%);
}
.block_left div .brand_container div img {
    height: 66px;
    @media screen and (max-width: 1024px) {
        height: 55px;
    }
}
.logo_small {
    height: 55px !important;
    @media screen and (max-width: 1024px) {
        height: 44px !important;
    }
}
.block_left div .brand_container div {
    display: flex;
    flex-direction: row;
}
.block_left div .brand_container div div {
    display: flex;
    flex-direction: column-reverse;
    margin: 0 0 0 7px ;
}
.block_left div .brand_container div div div {
    padding: 5px;
    border-radius: 33px;
    user-select: none;
    display: block;;
}



.block_left div .brand_container_title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 min(-11px, -1%);
}
.block_left div .brand_container_title div {
    margin: max(11px, 1%);
}
.block_left div .brand_container_title div img {
    height: 33px;
}



.block_left div .icon_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 min(-33px, -3%);
}
.block_left div .icon_container div {
    margin: max(22px, 2%) max(33px, 3%);
    flex-direction: column;
    align-items: center;
}
.block_left div .icon_container div img {
    height: 111px;
    width: 111px;
}
.block_left div .icon_container div {
    text-align: center;
}