@font-face{
    font-family:'SharpGroteskBook20';
    src:url(../fonts/SharpGroteskBook20.woff2) format('woff2'),url(../fonts/SharpGroteskBook20.woff) format('woff');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'SharpGroteskMedium20';
    src:url(../fonts/SharpGroteskMedium20.woff2) format('woff2'),url(../fonts/SharpGroteskMedium20.woff) format('woff');
    font-weight:500;
    font-style:normal
}
*{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
body{
    line-height:1
}
button{
    border:none;
    border-radius:0;
    box-shadow:none;
    background:0 0;
    appearance:none;
    cursor:pointer
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
img{
    display:block;
    max-width:100%;
    height:auto
}
:focus{
    outline:none
}
abbr{
    text-decoration:none
}
strong{
    font-family:var(--font-b)
}
em{
    font-style:italic
}
sub{
    vertical-align:sub
}
sup{
    vertical-align:super
}
sub,sup{
    font-size:.5em;
    line-height:1
}
h4,h5,h6{
    font-family:var(--font-b)
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{
    font-weight:inherit
}
h1 em,h2 em,h3 em{
    font-style:normal
}
:root{
    --wpadminbar-height:32px;
    --body-bg-color:#fff;
    --body-font-color:#111;
    --body-font-size:16px;
    --font-a:'SharpGroteskBook20',Arial,sans-serif;
    --font-b:'SharpGroteskMedium20',Arial,sans-serif;
    --font-b-line-height:calc(1em + 6px);
    --font-weight-normal:400;
    --h1-font-size:64px;
    --h2-font-size:48px;
    --h3-font-size:28px;
    --def-line-height:calc(1em + 10px);
    --def-margin:20px;
    --header-height:150px;
    --content-width:1260px;
    --content-width-min:320px;
    --content-padding:40px;
    --wrapper-width:calc(var(--content-width) - var(--content-padding));
    --lyt-bl-pad-top:100px;
    --lyt-bl-pad-bot:calc(var(--lyt-bl-pad-top) - var(--def-margin));
    --color-theme-a:#ff4370;
    --color-theme-b:#2d51ff;
    --border-color-a:#bfbfbf
}
#wpadminbar{
    position:fixed!important
}
body{
    font-family:var(--font-a);
    font-size:var(--body-font-size);
    color:var(--body-font-color);
    text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    background:var(--body-bg-color);
    overscroll-behavior-y:none
}
body.nav-active{
    overflow:hidden
}
#page-wrap{
    display:flex;
    flex-direction:column;
    min-width:var(--content-width-min);
    max-width:100vw;
    min-height:100vh
}
.logged-in #page-wrap{
    min-height:calc(100vh - var(--wpadminbar-height))
}
.skip-content{
    z-index:10000;
    position:fixed;
    inset:-41px auto auto 0;
    display:block;
    padding:10px;
    line-height:20px;
    color:#fff;
    text-decoration:none;
    border:solid #fff;
    border-width:0 1px 1px;
    background:#000;
    transition:top .3s ease
}
.skip-content:focus{
    top:0
}
.logged-in .skip-content:focus{
    top:32px
}
.skip-content:hover{
    text-decoration:underline
}
.hidden{
    position:absolute!important;
    left:-9999px!important
}
.wrapper{
    width:var(--wrapper-width);
    max-width:100%;
    margin:0 auto;
    padding:0 20px
}
.wrapper:after{
    clear:both;
    display:block;
    content:''
}
.cols-wrap:not(.cols-1){
    display:grid;
    grid-template-columns:repeat(var(--cols-per-row),1fr);
    gap:50px
}
.cols-wrap:not(.cols-1)>.col{
    min-width:0
}
.cols-wrap.cols-2{
    --cols-per-row:2
}
.cols-wrap.cols-3{
    --cols-per-row:3
}
.cols-wrap.cols-4{
    --cols-per-row:4
}
iframe.wp-embedded-content{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 20px
}
.video-wrap{
    width:940px;
    max-width:100%;
    margin:0 auto 20px auto
}
.video-wrap .video{
    position:relative;
    width:100%;
    height:0;
    padding-top:56.25%;
    overflow:hidden
}
.video-wrap .video iframe{
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:100%
}
.map-wrap{
    height:300px
}
.map-wrap iframe{
    width:100%;
    height:100%
}
.bg-video{
    z-index:0;
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:100%;
    object-fit:cover
}
.bg-video::-webkit-media-controls-start-playback-button{
    display:none!important;
    position:absolute!important;
    left:-9999px!important;
    opacity:0!important;
    appearance:none
}
.mfp-bg{
    z-index:5000!important
}
.mfp-wrap{
    z-index:5001!important
}
.mfp-wrap .mfp-content{
    z-index:5002!important
}
.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close{
    position:absolute;
    inset:10px 10px auto auto;
    width:40px;
    height:40px;
    text-indent:-9999px;
    border-radius:50%;
    background:#0000;
    overflow:hidden;
    opacity:1
}
.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close:before,.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close:after{
    position:absolute;
    display:block;
    inset:50% auto auto 50%;
    width:31px;
    height:1px;
    content:'';
    background:#000
}
.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close:before{
    transform:translate(-50%,-50%) rotate(45deg)
}
.mfp-wrap .mfp-container:not(.mfp-image-holder) .mfp-content .mfp-close:after{
    transform:translate(-50%,-50%) rotate(-45deg)
}
.mfp-zoom-in .popup-wrap{
    opacity:0;
    transform:scale(.5);
    transition:all .2s ease-in-out
}
.mfp-zoom-in.mfp-ready .popup-wrap{
    opacity:1;
    transform:scale(1)
}
.mfp-zoom-in.mfp-removing .popup-wrap{
    opacity:0;
    transform:scale(.5)
}
.mfp-zoom-in.mfp-bg{
    transition:all .2s ease-in-out
}
.mfp-zoom-in.mfp-removing.mfp-bg{
    opacity:0
}
.slick-list,.slick-track,.slick-slide,.slick-slide>div{
    height:100%
}
.slick-track{
    display:flex
}
.slick-slide{
    float:none;
    flex-grow:1;
    height:auto
}
.slide{
    min-height:inherit;
    height:100%
}
.slick-controls .control{
    z-index:1250;
    position:absolute;
    top:50%;
    display:block;
    width:50px;
    height:50px;
    margin-top:-20px;
    text-indent:-9999px;
    border-radius:50%;
    background:url(../images/bg-slide-control.svg) center center no-repeat #1f1f1f;
    background-size:auto 15px;
    overflow:hidden;
    transition:background .3s ease
}
.slick-controls .control:hover{
    background-color:#434343
}
.slick-controls .prev{
    left:0;
    transform:rotate(180deg)
}
.slick-controls .next{
    right:0
}
.slick-controls.type-b{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:50px
}
.slick-controls.type-b .control{
    position:static;
    margin:0 5px;
    background-image:url(../images/bg-slide-control-b.svg);
    background-color:#e8e8e8
}
.slick-controls.type-b .control:hover{
    background-color:#d9d9d9
}
.slick-dots{
    z-index:1250;
    position:absolute;
    inset:auto 0 0 0;
    display:flex;
    justify-content:center
}
.slick-dots li{
    margin:0 8px
}
.slick-dots li:first-child{
    margin-left:0
}
.slick-dots li:last-child{
    margin-right:0
}
.slick-dots li button{
    display:block;
    width:8px;
    height:8px;
    text-indent:-9999px;
    border-radius:4px;
    background:#6d6d6d;
    transition:all .5s ease
}
.slick-dots li.slick-active button{
    width:24px;
    background:#d9d9d9
}
.button{
    display:inline-block;
    max-width:100%;
    min-height:20px;
    margin:0;
    padding:10px 20px;
    font-size:var(--body-font-size);
    line-height:20px!important;
    font-family:var(--font-b);
    text-decoration:none!important;
    border-radius:25px;
    border:1px solid;
    box-sizing:border-box;
    transition:all .3s ease!important;
    cursor:pointer
}
button.button{
    box-sizing:content-box
}
.button.theme-a{
    color:#FFF!important;
    border-color:#000;
    background:#000
}
.button.theme-a:hover,.button.theme-a:active,.button.theme-a:focus{
    border-color:var(--color-theme-a);
    background:var(--color-theme-a)
}
.button.theme-b{
    color:#FFF!important;
    border-color:#fff;
    background:0 0
}
.button.theme-b:hover,.button.theme-b:active,.button.theme-b:focus{
    color:#000!important;
    background:#fff
}
.social-links{
    display:flex;
    flex-wrap:wrap
}
.social-links li{
    margin:0 3px;
    text-align:left
}
.social-links li:first-child{
    margin-left:0
}
.social-links li:last-child{
    margin-right:0
}
.social-links li a{
    display:block
}
.social-links li a span{
    display:block;
    width:30px;
    height:30px;
    text-indent:-9999px;
    background:center center no-repeat;
    background-size:20px;
    box-sizing:border-box;
    transition:transform .2s ease!important
}
.social-links li a:hover span,.social-links li a:active span,.social-links li a:focus span{
    transform:scale(1.1)
}
.social-links li.facebook a span{
    background-image:url(../images/icon-facebook.svg)
}
.social-links li.instagram a span{
    background-image:url(../images/icon-instagram.svg)
}
.social-links li.linkedin a span{
    background-image:url(../images/icon-linkedin.svg)
}
.social-links li.x a span{
    background-image:url(../images/icon-x.svg)
}
.pagination{
    display:flex;
    justify-content:center;
    padding:30px 0;
    background:#f5f5f7
}
.pagination li{
    margin:0 15px
}
.pagination li:first-child{
    margin-left:0
}
.pagination li:last-child{
    margin-right:0
}
.pagination li a{
    text-decoration:none!important
}
.pagination li .current{
    color:var(--color-theme-a)
}
a{
    color:var(--body-font-color);
    text-decoration:none;
    outline:none;
    transition:all .2s ease
}
a:hover,a:active,a:focus{
    color:var(--color-theme-a)
}
h1,h2,h3{
    margin-bottom:var(--def-margin);
    line-height:var(--font-b-line-height);
    font-family:var(--font-b);
    letter-spacing:-.04em;
    color:#000
}
h1{
    font-size:var(--h1-font-size)
}
h2{
    font-size:var(--h2-font-size)
}
h3{
    font-size:var(--h3-font-size)
}
h2.h1{
    font-size:var(--h1-font-size)
}
h1 a:not(:hover):not(:active):not(:focus),h2 a:not(:hover):not(:active):not(:focus),h3 a:not(:hover):not(:active):not(:focus){
    text-decoration-color:#0000
}
hr{
    width:100%;
    height:5px;
    margin:calc(var(--def-margin) * 2) 0;
    border:none;
    background:var(--border-color-a)
}
.highlighted a{
    text-decoration:underline!important
}
.highlighted.theme-a,.highlighted.theme-a a{
    color:var(--color-theme-a)!important
}
.highlighted.theme-b,.highlighted.theme-b a{
    color:var(--color-theme-b)!important
}
.title-ul{
    position:relative;
    padding-bottom:.6em!important
}
.title-ul:after{
    position:absolute;
    inset:auto auto 0 0;
    display:block;
    width:40px;
    height:1px;
    content:'';
    background:#111;
    transition:all .2s ease
}
.title-ul.theme-a:after{
    background:var(--color-theme-a)
}
.title-ul.theme-b:after{
    background:var(--color-theme-b)
}
.title-ul a{
    text-decoration:none!important
}
.hxl{
    font-size:calc(var(--h2-font-size) * 3);
    line-height:1em
}
.editable-content{
    overflow-wrap:break-word
}
.editable-content:after{
    clear:both;
    display:block;
    content:''
}
.editable-content a{
    text-decoration:underline;
    text-decoration-thickness:1px!important;
    text-underline-offset:.3em;
    overflow-wrap:break-word;
    word-wrap:break-word
}
.editable-content a:hover,.editable-content a:active,.editable-content a:focus{
    text-decoration:underline;
    text-underline-offset:.1em
}
.editable-content,.editable-content p,.editable-content ul,.editable-content ol,.editable-content blockquote,.editable-content table{
    line-height:var(--def-line-height)
}
.editable-content h4,.editable-content h5,.editable-content h6{
    margin-bottom:var(--def-margin)
}
.editable-content *:not(h2):not(hr)+h2,.editable-content *:not(h2):not(h3):not(hr)+h3{
    padding-top:var(--def-margin)
}
.editable-content p{
    margin-bottom:var(--def-margin)
}
.editable-content .intro-text{
    font-size:var(--h3-font-size)
}
.editable-content ul,.editable-content ol{
    margin-bottom:var(--def-margin)
}
.editable-content ul{
    list-style:none
}
.editable-content ol{
    list-style:decimal
}
.editable-content ul li{
    position:relative;
    padding-left:20px
}
.editable-content ul li:before{
    position:absolute;
    inset:.7em auto auto 0;
    width:6px;
    height:6px;
    content:'';
    border-radius:50%;
    background:#000
}
.editable-content ol li{
    margin-left:30px;
    padding-left:10px
}
.editable-content ul li:not(:last-child),.editable-content ol li:not(:last-child){
    margin-bottom:5px
}
.editable-content ul li ul,.editable-content ul li ol,.editable-content ol li ol,.editable-content ol li ul{
    margin:0;
    padding-top:10px
}
.editable-content ul li ul li{
    padding-left:20px
}
.editable-content ol li ol{
    list-style:lower-alpha
}
.editable-content ol li ol li{
    padding-left:5px
}
.editable-content ul li:last-child p:last-of-type,.editable-content ol li:last-child p:last-of-type{
    margin-bottom:0
}
.editable-content .styled-list li{
    padding:0 0 0 50px
}
.editable-content .styled-list li:before{
    top:50%;
    width:40px;
    height:1px;
    border-radius:0;
    background:0 0
}
.editable-content .styled-list.theme-a li:before{
    background:var(--color-theme-a)
}
.editable-content .styled-list.theme-b li:before{
    background:var(--color-theme-b)
}
.editable-content .styled-list li a{
    text-decoration:none
}
.editable-content blockquote{
    margin-bottom:var(--def-margin)
}
.editable-content blockquote p{
    font-style:italic
}
.editable-content blockquote p:last-of-type{
    margin:0
}
.editable-content img{
    margin-bottom:var(--def-margin)
}
.editable-content img.alignleft{
    float:left;
    margin-right:var(--def-margin)
}
.editable-content img.aligncenter{
    margin-right:auto;
    margin-left:auto
}
.editable-content img.alignright{
    float:right;
    margin-left:var(--def-margin)
}
.editable-content .wp-caption{
    display:block;
    max-width:100%;
    margin:30px 0 var(--def-margin) 0;
    padding:10px;
    background:#f3f3f3;
    box-sizing:border-box
}
.editable-content .wp-caption img{
    margin:0
}
.editable-content .wp-caption .wp-caption-text{
    padding:15px 0 0;
    font-size:14px;
    font-style:italic
}
.editable-content .wp-caption.alignleft{
    float:left;
    margin:0 var(--def-margin) var(--def-margin) 0
}
.editable-content .wp-caption.aligncenter{
    margin-right:auto;
    margin-left:auto
}
.editable-content .wp-caption.alignright{
    float:right;
    margin:0 0 var(--def-margin) var(--def-margin)
}
.editable-content .wp-caption.aligncenter .wp-caption-text{
    text-align:center
}
.editable-content .button{
    margin:10px 10px 0 0
}
.editable-content .table-wrap{
    width:100%;
    margin:var(--def-margin) auto;
    overflow:auto
}
.editable-content table{
    width:100%;
    text-align:left;
    border:solid #f1f1f1;
    border-width:1px 0 0 1px;
    background:#fff;
    box-sizing:border-box;
    border-collapse:collapse
}
.editable-content table th,.editable-content table td{
    padding:5px 10px;
    vertical-align:middle;
    border:solid #f1f1f1;
    border-width:0 1px 1px 0
}
.editable-content table th{
    padding:10px;
    font-family:var(--font-b);
    background-color:#f1f1f1
}
#header{
    z-index:3000;
    position:fixed;
    inset:0 0 auto 0;
    min-width:var(--content-width-min);
    padding:45px 0;
    color:#fff;
    transition:all .3s ease
}
#header.active{
    padding:15px 0;
    box-shadow:0 3px 5px rgba(0,0,0,.15);
    background:#fff
}
.logged-in #header{
    top:var(--wpadminbar-height)
}
.nav-active #header{
    z-index:3001;
    box-shadow:none;
    background:#000
}
#header a{
    color:var(--body-font-color)
}
#header .wrapper{
    display:flex;
    align-items:center
}
#header .main-logo{
    display:block
}
#header .main-logo img{
    width:auto;
    height:60px;
    transition:height .3s ease
}
#header.active .main-logo img{
    height:50px
}
#header .wrap{
    display:flex;
    align-items:center;
    margin-left:auto
}
#main-nav .menu li a:hover,#main-nav .menu li a:active,#main-nav .menu li a:focus,#main-nav .menu li.current-menu-item>a,#main-nav .menu li.current-menu-parent>a,#main-nav .menu li.current-post-ancestor>a{
    color:var(--color-theme-a)!important
}
#banner{
    position:relative;
    min-height:520px;
    color:#fff;
    background:center center no-repeat #000;
    background-size:cover;
    overflow:hidden
}
#banner:before{
    z-index:1;
    position:absolute;
    inset:0;
    content:'';
    background:linear-gradient(rgba(0,0,0,.95) 0%,rgba(0,0,0,.2) 50%)
}
#banner .wrapper{
    z-index:2;
    position:relative;
    display:flex;
    align-items:center;
    min-height:inherit
}
#banner .content{
    width:100%;
    padding:var(--header-height) 0 30px 0;
    text-align:center
}
.front-page #banner .content{
    padding-bottom:var(--header-height)
}
#banner .content h1,#banner .content h2,#banner .content h3{
    color:#fff
}
#banner .content h1{
    font-size:90px
}
.front-page #banner{
    min-height:100vh
}
.logged-in.front-page #banner{
    min-height:calc(100vh - var(--wpadminbar-height))
}
#banner .search-form{
    position:relative;
    width:600px;
    max-width:100%;
    margin:0 auto 20px auto
}
#banner .search-input{
    width:100%;
    padding:10px 50px 10px 20px;
    line-height:30px;
    font-size:var(--body-font-size);
    color:#fff;
    border-radius:25px;
    background:#373737;
    box-sizing:border-box;
    transition:border .2s ease
}
#banner .search-input::placeholder{
    color:#fff
}
#banner .search-submit{
    position:absolute;
    inset:10px 15px auto auto;
    display:block;
    width:30px;
    height:30px;
    text-indent:-9999px;
    background:url(../images/icon-search.svg) center center no-repeat #0000;
    background-size:30px;
    transition:all .2s ease
}
#banner .search-submit:hover{
    transform:scale(1.2)
}
#main{
    flex:1 0 auto;
    max-width:100vw;
    color:var(--body-font-color);
    background:var(--body-bg-color);
    overflow:hidden
}
#main .layout-section{
    position:relative;
    padding-top:var(--lyt-bl-pad-top);
    padding-bottom:var(--lyt-bl-pad-bot);
    overflow:hidden
}
#main .layout-section.theme-a{
    background-color:var(--body-bg-color)
}
#main .layout-section.theme-b{
    background-color:#f5f5f7
}
#main .layout-section.theme-c{
    color:#fff;
    background-color:#000
}
#main .layout-section.theme-c h1,#main .layout-section.theme-c h2,#main .layout-section.theme-c h3,#main .layout-section.theme-c a{
    color:#fff
}
#main .layout-section.theme-c a:hover,#main .layout-section.theme-c a:active,#main .layout-section.theme-c a:focus{
    color:var(--color-theme-a)
}
#main .layout-section.has-bg{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
#main .layout-section.theme-a:not(.has-bg):not(.calls-to-action-section)+.layout-section.theme-a:not(.has-bg),#main .layout-section.theme-b:not(.has-bg):not(.calls-to-action-section)+.layout-section.theme-b:not(.has-bg),#main .layout-section.theme-c:not(.has-bg):not(.calls-to-action-section)+.layout-section.theme-c:not(.has-bg){
    padding-top:0
}
#main .calls-to-action-section.no-pad-t,#main .jumps-section.no-pad-t{
    padding-top:20px
}
#main .calls-to-action-section.no-pad-b,#main .jumps-section.no-pad-b{
    padding-bottom:0
}
#main .layout-section .intro{
    max-width:100%;
    padding-bottom:40px
}
#main .layout-section .outro{
    max-width:100%
}
#main .layout-section .intro.align-b,#main .layout-section .outro.align-b{
    text-align:center
}
#main .layout-section .intro.align-c,#main .layout-section .outro.align-c{
    text-align:right
}
#main .layout-section .intro.layout-b.align-b,#main .layout-section .outro.layout-b.align-b{
    margin:0 auto
}
#main .layout-section .intro.layout-b.align-c,#main .layout-section .outro.layout-b.align-c{
    margin-left:auto
}
#main .layout-section .cols-wrap.cols-type-b{
    align-items:center
}
#main .layout-section .cols-wrap.cols-type-c{
    align-items:end
}
#main .layout-section .cols-wrap.cols-2.cols-layout-b{
    grid-template-columns:2fr 3fr
}
#main .layout-section .cols-wrap.cols-2.cols-layout-c{
    grid-template-columns:3fr 2fr
}
#main .layout-section .col.align-b{
    text-align:center
}
#main .layout-section .col.align-c{
    text-align:right
}
#main .layout-section .col.align-b .editable-content .button{
    margin:10px 5px 0
}
#main .layout-section .col.align-c .editable-content .button{
    margin:10px 0 0 10px
}
#main .layout-section .cols-1.layout-b>.col-1{
    margin:0 auto
}
#main .carousel-wrap{
    position:relative;
    max-width:100%;
    margin-bottom:20px;
    overflow:hidden
}
#main .carousel-wrap:before,#main .carousel-wrap:after{
    z-index:10;
    position:absolute;
    inset:0 auto;
    width:20%;
    content:'';
    background:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)
}
#main .carousel-wrap:before{
    left:0
}
#main .carousel-wrap:after{
    right:0;
    transform:rotate(180deg)
}
#main .carousel-list{
    margin:0 -100px;
    padding-bottom:50px
}
#main .carousel-list .item{
    height:100%;
    min-height:inherit
}
#main .carousel-list .item .wrap{
    padding:0 50px;
    height:100%;
    min-height:inherit
}
#main .carousel-list .item .wrap .inner{
    width:100%;
    height:100%;
    min-height:inherit;
    padding:30px 40px 20px;
    text-align:center;
    border-radius:30px;
    border:1px solid #6b6b6b;
    background:#000;
    box-sizing:border-box;
    transition:all .2s ease
}
#main .carousel-list .slick-center .item .wrap .inner{
    color:#111;
    border-color:#fff;
    background:#fff;
    box-sizing:border-box
}
#main .carousel-list .item .wrap .inner h4{
    display:inline-block;
    margin:0 0 20px;
    padding:5px 15px;
    color:#000;
    line-height:24px;
    border-radius:17px;
    background:#fff;
    transition:all .2s ease
}
#main .carousel-list .slick-center .item .wrap .inner h4{
    color:#fff;
    background:#000
}
#main .carousel-list .item .wrap .inner h3{
    margin:0 0 30px;
    color:var(--color-theme-a)
}
#main .carousel-list .item .wrap .inner .icon{
    width:260px;
    max-width:100%;
    margin:0 auto 30px auto
}
#main .carousel-list .item .wrap .inner .text{
    font-size:20px
}
#main .carousel-section .slick-controls .control{
    top:calc(50% - 50px);
    margin:0
}
#main .carousel-section .slick-controls .prev{
    left:calc(50% - 260px)
}
#main .carousel-section .slick-controls .next{
    right:calc(50% - 260px)
}
#main .ctas-list{
    display:grid;
    grid-template-columns:repeat(var(--ctas-cols),1fr);
    gap:20px;
    padding:0 20px;
    --ctas-cols:2
}
#main .ctas-list.style-b{
    --ctas-cols:3
}
#main .ctas-list .cta{
    min-width:0;
    padding-bottom:20px
}
#main .ctas-list .cta .wrap{
    height:100%;
    padding:50px 50px 30px;
    background:#f5f5f7;
    box-sizing:border-box
}
#main .ctas-list .cta .wrap .content{
    width:410px;
    max-width:100%;
    margin:0 auto
}
#main .content-section{
    padding-bottom:calc(var(--lyt-bl-pad-bot) - 20px);
    overflow:visible
}
#main .content-section .intro{
    padding-bottom:var(--def-margin)
}
#main .content-section .outro{
    padding-top:var(--def-margin);
    padding-bottom:var(--def-margin)
}
#main .content-section .col.lvl-1{
    padding-bottom:var(--def-margin)
}
#main .content-section .slides-wrap{
    width:585px;
    max-width:100%;
    margin-bottom:var(--def-margin)
}
#main .content-section .slick-list{
    overflow:visible
}
#main .content-section .slides-list{
    padding-bottom:40px
}
#main .content-section .slides-list .slide .wrap{
    height:100%;
    border-radius:30px;
    box-shadow:0 1px 5px rgba(0,0,0,.15);
    overflow:hidden
}
#main .content-section .slides-list .slide .wrap .details{
    padding:40px 40px 20px;
    text-align:center
}
#main .downloads-list{
    width:940px;
    max-width:100%;
    margin:0 auto
}
#main .downloads-list .download .wrap{
    display:block;
    margin:0 0 20px;
    padding:0 50px 10px 0;
    border-bottom:1px solid #000;
    background:url(../images/icon-download.svg) right 0 no-repeat;
    background-size:auto 28px;
    transition:background .2s ease
}
#main .downloads-list .download .wrap:hover{
    background-position:right 3px
}
#main .downloads-list .download .wrap h3{
    margin:0;
    transition:color .2s ease
}
#main .downloads-list .download .wrap:hover h3{
    color:var(--color-theme-a)
}
#main .gallery-wrap{
    margin-bottom:20px;
    padding:0 10px
}
#main .gallery-list{
    padding-bottom:50px
}
#main .gallery-list .image .wrap{
    padding:0 10px
}
#main .gallery-list .image .wrap .img{
    position:relative;
    padding-top:100%
}
#main .gallery-list .image .wrap .img img{
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:100%;
    object-fit:cover
}
#main .jumps-list{
    display:grid;
    grid-template-columns:repeat(var(--jumps-cols),1fr);
    gap:20px;
    padding:0 20px;
    --jumps-cols:2
}
#main .jumps-list.style-b{
    --jumps-cols:3
}
#main .jumps-list .jump{
    min-width:0;
    padding-bottom:20px
}
#main .jumps-list .jump .wrap{
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%
}
#main .jumps-list .jump .wrap .thumb{
    position:relative;
    display:block;
    padding-top:65%;
    overflow:hidden
}
#main .jumps-list .jump .wrap .thumb img{
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
#main .jumps-list .jump a.wrap:hover .thumb img{
    transform:scale(1.05)
}
#main .jumps-list .jump .wrap .details{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    padding:max(30px, 2.1vw);
    padding-bottom:max(10px, 0.7vw);
    color:#fff;
    font-size:max(var(--body-font-size), 1.15vw);
    background:linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.95) 100%)
}
#main .jumps-list .jump .wrap .details .logo{
    margin:0 0 20px auto
}
#main .jumps-list .jump .wrap .details .text{
    margin-top:auto
}
#main .jumps-list .jump .wrap .details .text h2{
    color:#fff;
    font-size:max(var(--h2-font-size), 3.35vw)
}
#main .locations-section{
    padding-bottom:calc(var(--lyt-bl-pad-bot) - 30px)
}
#main .locations-list{
    column-count:3;
    column-gap:50px
}
#main .locations-list .section{
    padding-bottom:40px;
    break-inside:avoid
}
#main .locations-list .section .locations{
    line-height:var(--def-line-height)
}
#main .locations-list .section .locations li{
    color:#9d9d9d
}
#main .logos-wrap{
    margin-bottom:20px;
    padding:0 10px
}
#main .logos-list{
    padding-bottom:50px
}
#main .logos-list .logo .wrap{
    padding:0 10px
}
#main .logos-list .logo .wrap .inner{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:28vw;
    background:#f5f5f7;
    box-sizing:border-box
}
#main .logos-list .logo .wrap .inner .logo-a{
    width:55%;
    margin:0 auto
}
#main .logos-list .logo .wrap .inner .details{
    position:absolute;
    inset:100% auto -100% auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    width:100%;
    height:100%;
    background:center center no-repeat rgba(0,0,0,.6);
    background-size:cover;
    opacity:0;
    transition:all .2s ease
}
#main .logos-list .logo .wrap .inner .details:before{
    z-index:0;
    position:absolute;
    inset:0;
    content:'';
    background:rgba(0,0,0,.6)
}
#main .logos-list .logo .wrap:hover .inner .details{
    top:0;
    bottom:0;
    opacity:1
}
#main .logos-list .logo .wrap .inner .details .content{
    z-index:1;
    position:absolute;
    padding:max(30px, 2.1vw);
    padding-bottom:max(10px, 0.7vw);
    color:#fff;
    font-size:max(var(--body-font-size), 1.15vw)
}
#main .logos-list .logo .wrap .inner .details .content .logo-b{
    width:auto;
    height:7vw;
    margin-bottom:max(20px, 1.4vw)
}
#main .profiles-section{
    padding-bottom:calc(var(--lyt-bl-pad-bot) - 30px)
}
#main .profiles-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    text-align:left;
    padding:0 20px
}
#main .profiles-list .profile{
    min-width:0;
    padding-bottom:30px
}
#main .profiles-list .profile .wrap{
    display:block
}
#main .profiles-list .profile .wrap .thumb{
    position:relative;
    display:block;
    margin:0 0 20px;
    overflow:hidden
}
#main .profiles-list .profile .wrap .thumb img{
    width:100%;
    transition:transform .5s ease
}
#main .profiles-list .profile .wrap:hover .thumb img{
    transform:scale(1.05)
}
#main .profiles-list .profile .wrap .thumb .more{
    position:absolute;
    inset:20px 20px auto auto;
    display:block;
    width:31px;
    height:31px;
    text-indent:-9999px
}
#main .profiles-list .profile .wrap .thumb .more:before,#main .profiles-list .profile .wrap .thumb .more:after{
    position:absolute;
    display:block;
    content:'';
    background:#fff;
    transition:all .3s ease
}
#main .profiles-list .profile .wrap .thumb .more:before{
    inset:50% 0 auto 0;
    height:1px;
    transform:translateY(-50%)
}
#main .profiles-list .profile .wrap .thumb .more:after{
    inset:0 auto 0 50%;
    width:1px;
    transform:translateX(-50%)
}
#main .profiles-list .profile .wrap .details h2{
    margin:0;
    font-family:var(--font-a);
    font-size:var(--h3-font-size)
}
#main .profiles-list .profile .wrap .details h3{
    margin:5px 0 0;
    font-family:var(--font-a);
    font-size:var(--body-font-size);
    color:#9d9d9d
}
.profile-popup{
    position:relative;
    width:740px;
    max-width:100%;
    margin:0 auto;
    background:#fff;
    box-sizing:border-box
}
.profile-popup .details,.profile-popup .bio{
    padding:50px 50px 30px
}
.profile-popup .bio{
    padding-top:30px
}
.profile-popup .details h2{
    margin:0
}
.profile-popup .details h3{
    margin:0;
    font-family:var(--font-a);
    font-size:var(--body-font-size);
    color:var(--color-theme-a)
}
#main .programmes-section{
    padding-bottom:calc(var(--lyt-bl-pad-bot) - 30px)
}
#main .programmes-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    padding:0 20px
}
#main .programmes-list .programme{
    min-width:0;
    padding-bottom:50px
}
#main .programmes-list .programme .wrap{
    display:flex;
    flex-direction:column;
    height:100%
}
#main .programmes-list .programme .wrap.has-text{
    cursor:pointer
}
#main .programmes-list .programme .wrap .thumb{
    position:relative;
    display:block;
    padding-top:65%;
    margin:0 0 20px;
    overflow:hidden
}
#main .programmes-list .programme .wrap .thumb img{
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
#main .programmes-list .programme .wrap.has-text .thumb .text{
    position:absolute;
    inset:100% auto -100% auto;
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    opacity:0;
    transition:all .2s ease
}
#main .programmes-list .programme .wrap.has-text:hover .thumb .text{
    top:0;
    bottom:0;
    opacity:1
}
#main .programmes-list .programme .wrap.has-text .thumb .text .content{
    margin-top:auto;
    padding:max(30px, 2.1vw);
    padding-bottom:max(10px, 0.7vw);
    color:#fff;
    font-size:max(var(--body-font-size), 1vw)
}
#main .programmes-list .programme .wrap .details{
    flex:1;
    padding-bottom:30px;
    border-bottom:1px solid var(--color-theme-a)
}
#main .programmes-list .programme.theme-b .wrap .details{
    border-color:var(--color-theme-b)
}
#main .programmes-list .programme .wrap .details h2{
    margin:0;
    font-size:max(20px , 1.4vw)
}
#main .programmes-section.theme-c .programme video{
    background:#000
}
#main .slides-section{
    width:100%;
    min-height:52vw;
    padding:0;
    box-sizing:border-box
}
#main .slides-section .wrapper{
    display:flex;
    flex-direction:column;
    min-height:inherit
}
#main .slides-section .slides-wrap{
    z-index:1;
    position:relative;
    margin-top:auto;
    padding-top:var(--lyt-bl-pad-top);
    padding-bottom:var(--lyt-bl-pad-bot)
}
#main .slides-section .slides-wrap .cols-wrap{
    align-items:center
}
#main .stats-section{
    padding-bottom:calc(var(--lyt-bl-pad-bot) - 30px)
}
#main .stats-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px
}
#main .stats-list .stat{
    min-width:0;
    margin-bottom:50px
}
#main .stats-list .stat .wrap{
    padding-top:15px;
    border-top:1px solid var(--border-color-a)
}
#main .stats-list .stat .wrap h2{
    font-size:75px;
    color:var(--color-theme-a);
    white-space:nowrap
}
#main .search-section{
    padding-top:50px
}
#main .tabs-section header{
    display:flex;
    align-items:center;
    margin:0 0 var(--lyt-bl-pad-bot) 0
}
#main .tabs-section header h2{
    margin:0
}
#main .tabs-section header .wrap{
    margin-left:auto
}
#main .tabs-section .tabs-wrap{
    width:940px;
    max-width:100%;
    margin:0 auto 20px auto
}
#main .tabs-section .tabs-wrap .tabs-list{
    display:flex;
    column-gap:30px
}
#main .tabs-section .tabs-wrap .tabs-list li{
    flex:1 1 0
}
#main .tabs-section .tabs-wrap .tabs-list li a{
    display:block;
    height:100%;
    padding-bottom:20px;
    font-size:20px;
    line-height:var(--def-line-height);
    border-bottom:1px solid #fff;
    box-sizing:border-box;
    opacity:.5
}
#main .tabs-section .tabs-wrap .tabs-list li a:hover{
    opacity:1
}
#main .tabs-section .tabs-wrap .tabs-list li a:active,#main .tabs-section .tabs-wrap .tabs-list li a:focus{
    color:#fff
}
#main .tabs-section .tabs-wrap .tabs-list li.selected a{
    opacity:1
}
#main .tabs-section .tabs-wrap .content-form{
    display:none
}
#main .tabs-section .tabs-wrap .tabs{
    padding-top:40px
}
#main .post-logo{
    margin:0 0 15px
}
#main .post-logo img{
    width:auto;
    height:20px
}
.single #main .post-logo img{
    height:30px
}
#main .post-date{
    margin:0 0 10px;
    color:#9d9d9d
}
#main .posts-section.archive{
    padding-top:20px;
    padding-bottom:0
}
#main .posts-section:not(.archive):not(.related){
    padding-bottom:calc(var(--lyt-bl-pad-bot) - 30px)
}
#main .posts-section{
    padding-bottom:calc(var(--lyt-bl-pad-bot) - 30px)
}
#main .posts-section header{
    display:flex;
    align-items:center;
    margin:0 0 50px
}
#main .posts-section header h2{
    margin:0
}
#main .posts-section header .wrap{
    display:flex;
    align-items:center;
    margin-left:auto
}
#main .posts-section header .wrap .slick-controls{
    display:flex;
    margin-left:20px
}
#main .posts-section header .wrap .slick-controls .control{
    position:static;
    margin:0 0 0 10px
}
#main .posts-section .links-wrap{
    display:none
}
body #main .posts-list:not(.highlights){
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    padding: 0 20px !important;
    max-width: none !important;          /* loại bỏ giới hạn width nếu có */
    width: 100% !important;
}
@media (min-width: 1024px) {
    #main .posts-list:not(.highlights) {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

@media (min-width: 1400px) {   /* nếu site dùng breakpoint lớn hơn */
    #main .posts-list:not(.highlights) {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
/*#main .posts-list.highlights{
    margin-bottom:50px;
    padding:0 10px 70px
}*/
*#main .posts-list.highlights{
    margin-bottom:50px;
    padding:0 10px 70px;

}
#main .posts-list:not(.highlights) .post{
    min-width:0;
    padding-bottom:50px
}
#main .posts-list.highlights .post{
    height:100%;
    min-height:inherit
}
#main .posts-list .post article{
    height:100%;
    min-height:inherit
}
#main .posts-list .post .wrap{
    display:flex;
    flex-direction:column;
    height:100%
}
#main .posts-list.highlights .post .wrap{
    padding:0 10px
}
#main .posts-list .post .thumb{
    position:relative;
    display:block;
    padding-top:65%;
    margin:0 0 20px;
    overflow:hidden
}
#main .posts-section.theme-a .posts-list .post .thumb{
    border:1px solid #ececec
}
#main .posts-list .post .thumb img{
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
#main .posts-list .post .thumb:hover img{
    transform:scale(1.05)
}
#main .posts-list .post .details{
    flex:1;
    padding-bottom:30px;
    border-bottom:1px solid var(--color-theme-a)
}
#main .posts-list .post.category-live .details{
    border-color:var(--color-theme-b)
}
#main .posts-list .post .details h2{
    margin:0 0 20px;
    font-size:max(20px , 1.4vw);
    transition:color .2s ease
}
#main .posts-list .post .wrap:hover h2,#main .posts-list .post .wrap:active h2,#main .posts-list .post .wrap:focus h2{
    color:var(--color-theme-a)
}
#main .posts-list .post.category-live .wrap:hover h2,#main .posts-list .post.category-live .wrap:active h2,#main .posts-list .post.category-live .wrap:focus h2{
    color:var(--color-theme-b)
}
#main .posts-list .post .details h2 a{
    text-decoration:none
}
#main .post-section header{
    margin:0 0 50px
}
#main .post-section header h1{
    font-size:var(--h2-font-size)
}
#main .post-section header .wrap{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    border:solid var(--border-color-a);
    border-width:1px 0
}
#main .post-section header .post-date{
    margin:0
}
#main .post-section header .social{
    margin:0 0 0 auto
}
#main .post-section .post-wrap{
    width:var(--min-content-width);
    margin:0 auto
}
#main .post-section .post-controls{
    display:flex;
    justify-content:space-between;
    padding:40px 0
}
#main .post-section .back-link a{
    color:var(--color-theme-a)
}
#main .post-section .back-link a:hover,#main .post-section .back-link a:active,#main .post-section .back-link a:focus{
    color:var(--color-theme-b)
}
#main .documents-section{
    padding-bottom:0
}
#main .documents-section .button.back{
    margin-right:20px!important
}
#main .documents-list{
    padding-bottom:30px
}
#main .documents-list .document-post{
    padding:50px 0 30px
}
#main .documents-list .document-post:not(:last-child){
    border-bottom:1px solid #ececec
}
#main .documents-list .document-post .header{
    display:flex;
    flex-flow:row wrap;
    line-height:var(--def-line-height)
}
#main .documents-list .document-post .header .cats{
    margin-left:20px;
    color:var(--color-theme-a)
}
#main .documents-list .document-post h3{
    font-family:var(--font-a)
}
#main .documents-list .document-post h4{
    margin:0 0 20px;
    line-height:var(--def-line-height);
    color:#9d9d9d;
    font-family:var(--font-a)
}
#main .documents-list .document-post .docs li{
    margin:0 0 20px
}
#main .documents-list .document-post .docs li a{
    display:block;
    padding:0 0 6px 50px;
    line-height:22px;
    background:url(../images/icon-download.svg) 0 0 no-repeat;
    background-size:auto 28px
}
#main .form-wrap{
    margin-bottom:20px;
    padding:30px;
    background:#f5f5f7
}
#main .form-wrap h2{
    margin-bottom:30px
}
.pc_login_form,.pvtcont_form{
    max-width:100%!important;
    padding:0!important;
    border:none!important;
    background:#0000!important
}
.has_pcma_psw_recovery:not(.pc_rm_login):not(.pc_fullw_login_btns) .pc_login_smalls{
    margin:20px 0 0 0!important
}
#footer{
    padding:50px 0;
    font-size:14px;
    line-height:var(--def-line-height);
    border-top:1px solid var(--border-color-a);
    overflow:hidden
}
#footer a{
    color:var(--body-font-color)
}
#footer a:hover,#footer a:active,#footer a:focus{
    color:var(--color-theme-a)
}
#footer .cols-4{
    grid-template-columns:1fr 1fr 1fr 2fr
}
#footer .col-4{
    text-align:right
}
#footer .main-logo{
    display:inline-block;
    margin:0 0 30px
}
#footer .main-logo img{
    width:auto;
    height:30px
}
#footer nav h4{
    margin:0 0 20px
}
#footer nav ul li:not(:last-child){
    margin:0 0 5px
}
#footer .social-links{
    justify-content:flex-end;
    margin:0 0 30px
}
#footer .footnote{
    font-size:12px;
    line-height:16px;
    padding-bottom:20px;
    color:#999
}
#header .wrapper,#banner .content,#footer .wrapper{
    opacity:0;
    transition:opacity 1s ease
}
#main .layout-section .intro:not(.investor),#main .layout-section .col:not(.investor),#main .carousel-wrap,#main .ctas-list .cta,#main .downloads-list,#main .gallery-wrap,#main .jumps-list .jump,#main .locations-list .section,#main .logos-wrap,#main .posts-section header,#main .posts-section .links-wrap,#main .posts-list:not(.highlights) .post,#main .post-wrap,#main .profiles-list .profile,#main .programmes-list .programme,#main .slides-section .slides-wrap,#main .stats-list .stat,#main .tabs-section header,#main .tabs-section .tabs-wrap{
    opacity:0;
    transform:translateY(10vh);
    transition:opacity 1s ease,transform .5s ease
}
#header .wrapper.active,#banner .content.active,#footer .wrapper.active{
    opacity:1
}
#main .layout-section .intro:not(.investor).active,#main .layout-section .col:not(.investor).active,#main .carousel-wrap.active,#main .ctas-list .cta.active,#main .downloads-list.active,#main .gallery-wrap.active,#main .jumps-list .jump.active,#main .locations-list .section.active,#main .logos-wrap.active,#main .posts-section header.active,#main .posts-section .links-wrap.active,#main .posts-list:not(.highlights) .post.active,#main .post-wrap.active,#main .profiles-list .profile.active,#main .programmes-list .programme.active,#main .slides-section .slides-wrap.active,#main .stats-list .stat.active,#main .tabs-section header.active,#main .tabs-section .tabs-wrap.active{
    opacity:1;
    transform:translateY(0)
}
#ot-sdk-btn-floating .ot-floating-button__front{
    background-image:url(../images/cookie.png);
    background-color:#5c013f !important
}
#onetrust-consent-sdk #onetrust-pc-sdk *:focus,#onetrust-consent-sdk #onetrust-pc-sdk .ot-vlst-cntr>a:focus{
    outline:none!important
}
li.blueline a:hover{
    color:var(--color-theme-b)!important
}
.editable-content .styled-list.theme-a li.blueline:before{
    background:var(--color-theme-b)
}
;