/*sg banner*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400,500;600&display=swap');
.banner{font-family: 'Poppins', sans-serif;}
.banner.square{background:#EFEFF0;box-shadow: 0 0 .5vw #fff;max-width: 32.8125vw;display: flex;padding:1.5vw 2vw 1.5vw 1.5vw;margin: -9vw 0 -5vw;position: relative;}
.banner.square .inf{flex:0 0 80%;}
.banner.square .btitle,.banner.square .bstitle{display: block;}
.banner.square .btitle{font-size: calc(1.565vw + 3px);font-weight: 600;line-height: 1.2;}
.banner.square .bstitle{font-size: calc(1.2vw + 3px);font-weight: 500;margin:.5vw 0 2.5vw;}
.banner.square a{font-weight: 500;font-size: calc(.9vw + 3px);color: #fff;background:#ff3e5f;border-radius: 2.5vw;padding: .675vw 1.25vw;display: inline-block;}
.banner.square a:hover{text-decoration:none;color:#fff;background:#022242}
.banner.square .lighthouse img:nth-of-type(1){width: 7.5vw;z-index: 2;position: absolute;right: 1.5vw;}
.banner.horizontal{background:#ff3e5f;position: absolute;left: 0;display: flex;padding:0 11vw 0 9vw;width: 100%;height: 20%;flex-direction: row-reverse;justify-content: flex-end;overflow: hidden;box-sizing: border-box;bottom: -1vw;}
.banner.horizontal .inf{position: relative;width: 100%;box-sizing: border-box;overflow: hidden;line-height: 1.2;}
.banner.horizontal .btitle,.banner.horizontal .bstitle{display: block;}
.banner.horizontal .btitle{font-size: calc(1.725vw + 3px);font-weight: 600;margin-top: 1.5vw;}
.banner.horizontal .bstitle{font-size: calc(1.725vw + 3px);font-weight: 500;color:#fff;}
.banner.horizontal a{position:absolute;right:0;bottom:55%;transform:translateY(50%);font-weight: 700;font-size: calc(1.1vw + 3px);color: #022242;background:#fff;border-radius: 2.5vw;padding: 1vw 2vw;}
.banner.horizontal a:hover{color:#fff;background:#022242;text-decoration: none;}
.banner.horizontal .lighthouse img{z-index: 2;position: relative;margin-top: 0;width: 100%;}
.banner.horizontal .lighthouse{position: relative;padding-right: 2vw;overflow: hidden;box-sizing: border-box;flex:0 0 17%;}
/*sg banner*/
#menu-top{width:100%}
header#masthead{padding-top: 4.85em;position: relative;overflow: hidden;}
#stage3 .container{width: 1400px;}
#headVideo{min-height: 24vw;}
#ftitle{padding-left: 0;margin-left: -.5em;}
.home .hpbg{background-color: #022242;}
.home h1{font-size:calc(6.25vw + 3px);color:#fff;font-weight:700;line-height:.9;letter-spacing:.15vw;word-spacing:.5vw;margin:-0.5vw 0 0 -.2vw}
.home h1 strong{text-shadow:none;-webkit-text-stroke:0;letter-spacing:.25vw;}
.home h1 .s1,.home h1 .s2{letter-spacing:.25vw}
.home h1 .s3{display:block}
.home h2{font-size:calc(1.15vw + 3px);color:#fff;font-weight:400;margin:1vw 0 0 0;line-height:1.25}
.home #content.site-content{padding-top:0}
#topmain{padding:5em 0 7em;width: 1500px;}
#topmain .row{margin-left: .5em;}
#topmain .bblock{max-width:85%;}
#topmain .btns{margin-top:1.5em}
#topmain .btns a{border-radius:2em}
#topmain .btns .bblock a:hover,#topmain .btns .bblock a:focus{color: #212529;background-color: #e2e6ea;border-color: #dae0e5;}
#topmain .btns .bblock a{color:#fff;background:#ff3e5f;border:0;display:inline-block;font-weight:700;padding:.675vw 2.5vw;text-transform:uppercase;font-size:calc(1.05vw + 3px)}
h3.section-title{font-size:calc(3.65vw + 3px);color:#ff3e5f;line-height:1;margin:0;position: relative;}
h3.section-title:after{ content: '';background: #ff3e5f;height: .175em;width: 0.75em;display: block;margin: 0.6em 0;}
#first{background:#fff;padding:3.5em 3.5em 7.725em}
#first .text{font-size:calc(1.15vw + 3px);flex:0 0 70%;display:flex;flex-direction:column;justify-content:center}
#first .ict_box{margin-bottom:1em;position:relative}
#first .ict_box:last-of-type{margin-bottom:0}
#first .text p{margin:0 0 1vw 0;line-height:1.35}
#first .icon{flex:0 0 30%}
#stage1{background:#f1eff1;padding:5em 0 0}
#stage1 .number{font-weight:700;margin:0 1em 0 -1em;display: flex;flex-direction: column;justify-content: flex-start;}
.number div{font-size:calc(15.5vw + 3px);font-weight:700;color:#ff3e5f;line-height: 0.65;}
#stage1 #tabs{margin-bottom:-2em;}
#stage1 #tabs #desktop{position: relative;}
.stage .text{color:#022242}
.stage .text .title{font-size:calc(2vw + 3px);line-height:1;margin-left:-.15vw}
.stage .text .title strong{font-size:calc(3.675vw + 3px);display:block;font-weight:700;margin:.75vw 0 0 -.2vw}
.stage .text .text-inner p{margin:1.75vw 0;font-size:calc(1.15vw + 3px);line-height:1.2}
.stage .text b{display:contents}
.slick-dots li{margin:0 0.5em;}
.slick-dots li.slick-active{border:0;}
.slick-dots li.slick-active button:before{background:#022242}
.slick-dots li button:before{position: relative;top:auto;left: auto;line-height: 1rem;border:0.1rem solid #022242;border-radius: 50%;content:'';background:#fff;width: 1em;height: 1em;display: block;}
.slick-dots li button{height: 3rem;width:3rem;}
#stage1 .col-lg-5{margin-bottom:-6em}
#stage1 .text a{color:#ff3e5f;font-weight:700;font-size:calc(1.1vw + 3px)}
#stage1 #tabs .nav-tabs{border:0}
#stage1 #tabs .nav-item{width:50%;text-align:center;margin-bottom:1.5em}
#stage1 #tabs .nav-item .nav-link{color:#6e6e6e;border:0}
#stage1 #tabs .nav>li>a:focus,#stage1 #tabs .nav>li>a:hover{background:0 0}
#stage1 #tabs .nav-item .nav-link.active{border:0;background:0 0;color:#ff3e5f;display:inline-block;position:relative}
#stage1 #tabs .nav-item .nav-link.active:after{content:'';width:80%;position:absolute;bottom:0;height:.1vw;background:#ff3e5f;right:10%}
.feature{position:absolute;border:0;outline:0;padding:0;background:0 0}
.feature:after{content:'';height:2rem;width:2rem;border:.1vw solid #ff3e5f;opacity:0;animation:pulsate 3s ease-in-out infinite;display:block;position:absolute;top:0;left:0;transform-origin:50% 50%;border-radius:50%}
.feature>div div{visibility:hidden;opacity:0;transition:visibility .75s,opacity .5s linear}
.feature>div{background:#ff3e5f;opacity:.6;border-radius:50%;width:2em;height:2em;transform-origin:50% 50%}
.feature.active>div,.feature:focus>div{width:100%;color:#fff;height:100%;opacity:1;/* position:absolute;right:75%;bottom:75%;transform:translate(50%,50%) */}
.feature.active>div div,.feature:focus>div div{position:absolute;bottom:50%;right:50%;transform:translate(50%,50%);visibility:visible;opacity:1}
.feature div .box-info p{font-weight:700;margin-bottom:0}
.feature.active::after,.feature:focus::after{animation:none}
.feature.active,.feature:focus{width:7em;height:7em;opacity:1;transform: translate(-35%,-35%);}
@keyframes pulsate{
0%{transform:scale(1);opacity:1}
45%{transform:scale(1.75);opacity:0}
}
#tablistcontent{position:relative}
#stage2{margin:7em 0 8em}
#stage2 .video-list{flex:0 0 47%;padding-left:15px;padding-right:15px}
#stage2 .section_content{flex:0 0 53%;padding-left:3em}
#stage2 .text{margin-top:2em}
#stage2 .number{margin-bottom: 4em;margin-top: 0.75vw;}
#stage2 .video-box{padding:.75vw .5vw;margin-bottom:1vw}
#stage2 .video-box a{color:#022242}
#stage2 .video-box a:hover{text-decoration:none}
#stage2 .video-box .category{font-weight:700;font-size:calc(1.25vw + 3px);color:#ff3e5f}
#stage2 .video-box .category *{vertical-align:middle}
#stage2 .video-box .category span{margin-left:.25em}
#stage2 .video-box .info{font-size:calc(1vw + 3px);margin:.35vw 0}
html[lang=es-ES] #stage2 .video-list{flex:0 0 50%;}
html[lang=es-ES] #stage2 .video-box header{flex:0 0 37%;}
html[lang=es-ES] #stage2 .video-box main{flex:0 0 63%;}
#stage2 .video-box .title{font-size:calc(.95vw + 3px);font-weight:700}
#stage2 .video-box header{flex:0 0 40%;padding-right:1vw}
#stage2 .video-box main{flex:0 0 60%;line-height:1;display:flex;flex-direction:column;justify-content:space-between}
.ct-empty,.ct-empty+.after-line,.ct-empty+.after-line+foreignObject{display:none}
#stage3{background:#f0f0f1;padding-top:4em}
#stage3 .title{margin-bottom:1em;display:block}
#stage3 .text{margin-left: 1.5em;}
#stage3 svg{width:.65em;height:.8em;font-size:calc(15.5vw + 3px);font-weight:700}
#stage3 text{fill:url(#wood3)}
.graphbox{margin:-6.5em -4em -5em auto;flex:0 0 59.75%}
#stage3 .row{margin-right:4em}
#stage3 .ct-series-a .ct-area{fill:url(#gradient-a);fill-opacity:1}
#stage3 .ct-circle{stroke:rgba(255,62,95,.7);stroke-width:1vw;fill:#ff3e5f}
#stage3 .ct-point:after{content:'';height:100%;width:.2vw;background:#ff3e5f;display:block}
#stage3 .ct-label.ct-horizontal.ct-end{text-align:center;position:absolute;color:#022242;font-size:calc(1vw + 3px);top:-3.75em;right:1em}
.ct-chart-line{background:#fff}
.graph-caption{color:#022242;margin-top:-4em;font-size:calc(0.675vw + 3px);}
.after-line{stroke:#ff3e5f;stroke-width:.15vw}
.val-label{font-size:calc(1vw + 3px);display:block;border-radius:1em;background:#ff3e5f;color:#fff;padding:.25em 0;text-align:center}
@keyframes fade-in-up{
0%{opacity:0}
100%{transform:translateY(0);opacity:1}
}
#stage4{margin-top:8em;background:#fff;padding:4em 0}
.upd:first-of-type{margin-left: -2.25rem;}
.upd:last-of-type{margin-right: -2.25rem;}
.news.card{border:0}
.news.card a{color:#022242}
.news.card a:hover{text-decoration:none}
.news.card .card-header{background:#fff;border:0;min-height: 20vw;padding-bottom: 0;}
.news.card:nth-child(3) .card-header{margin-right: -1.25rem;}
.news.card .card-body{padding:0 1.25rem;min-height:0}
.news.card .card-title{font-size:calc(1vw + 3px);font-weight: normal;text-align: center;margin-top: 0.5vw;}
.news.card .card-footer{background:#fff;border:0;text-align:center;padding-bottom:2em;padding-top:0;}
.news.card .card-footer .fbtn{color:#022242;font-weight: bold;text-decoration: underline;font-size: calc(1.1vw + 3px);}
.upd .cat{color:#ff3e5f;font-size:calc(2vw + 3px);font-weight:700;text-align:center;margin-bottom:.75vw;text-transform: uppercase;}
@media screen and (max-width:991px){
        /*sg banner*/
        .banner.horizontal, .banner.square{background:#EFEFF0 ;box-shadow: 0 0 .5vw #fff;max-width: 100%;display: flex;padding:.75em 0 1em 1.5em;margin: 0;position: absolute;width: 100%;z-index: 2;right: 0;overflow: hidden;bottom: auto;height: auto;flex-direction: row;}
        .banner.horizontal .inf, .banner.square .inf{position: relative;width: 100%;box-sizing: border-box;overflow: hidden;line-height: 1.2;flex:0 0 65%;}
    .banner.square .btitle,.banner.square .bstitle{display: block;}
    .banner.square .btitle,.banner.horizontal .btitle{font-size: 1em;font-weight: 600;line-height: 1.2;}
    .banner.square .bstitle,.banner.horizontal .bstitle{font-size: .8em;font-weight: 400;margin:1vw 0 2em;color:#022242}
    .banner.square a,.banner.horizontal a{font-weight: 600;font-size: .6em;color: #fff;background:#ff3e5f;border-radius: 2.5em;padding: .675em 1.5em;display: inline-block;transform: none;position: relative;bottom: auto;right: auto;}
    .banner.square a:hover,.banner.horizontal a:hover{text-decoration:none;color:#fff;background:#022242}
    .banner.horizontal .lighthouse{flex: auto;position: initial;}
    .banner.square .lighthouse img:nth-of-type(2),.banner.horizontal .lighthouse img{width: 4em;z-index: 2;position: absolute;right: 0;top: 0.25em;}
        /*sg banner*/
    #ftitle{padding-left: 15px;margin-left: 0;}
    header#masthead{padding-top: 0;overflow:visible}
    #topmain .row{margin-left: -15px;}
    foreignObject {overflow: visible;}
    .home #content.site-content{padding-bottom: 0;}
.site-footer .container,.container{max-width: 90vw;}
.navbar-nav.desktop{display:none}
body{font-size:4.4vw}
body.home{background:#e9e9e9}
.mobile{display:block}
.desktop,.inline-desktop{display:none}
.home h1{font-size:3.5em;text-shadow:none;-webkit-text-stroke:0;letter-spacing:normal;word-spacing:normal;margin:0;text-align:center;}
.home h2{text-align:center;font-size:1.1em;font-weight:400;letter-spacing:0}
#topmain .btns{margin:0.75em auto;order:1}
#topmain .bblock{max-width:100%}
#topmain .btns .bblock{margin-bottom:.5em;padding:0 .35em;text-align:center}
#topmain .btns .bblock a{font-size:.75em;padding:.675em 2.5em}
h3.section-title{font-size:2.25em;margin-bottom:1em;text-align:center}
h3.section-title:after{display: none;}
.graphbox{margin:0}
#topmain{padding:4em 15px;margin-bottom: -7em;}
#headVideo{margin:1em 0;padding:0 0.25em;order:2;z-index: 99;}
#topmain .btns a{padding:1rem}
#first{padding:12em 0 0 0}
#first .ict_box{flex-wrap:wrap;margin-bottom: 2em;}
#first .text{flex:0 0 100%}
#first .text{font-size:1em;margin:auto;text-align:center}
#first .ict_box .icon{flex:0 0 35%;margin:2em auto 0}
#stage1>.container>.row>.col-lg-6 .d-flex,.stage>.container>.d-flex{flex-direction:column;text-align:center}
.tab-pane#mobile{background:#fff;color:#022242;text-align:center}
.tab-pane#mobile p{margin:0;font-size:1.3em;padding-top:1em}
.tab-pane#mobile a{font-weight:700}
.stage .text .title{font-size:1.2em;margin-bottom:.5em}
.stage .text .title strong{font-size:1.8em;margin:.25em 0 0 0}
.stage .text .text-inner p{font-size:1.1em}
#stage1 .text a{font-size:1em;margin:1em auto 2em}
#stage1 .container{padding:0;}
#stage1 #tabs{padding:0;}
.obx{margin:0 .2em}
.number div{font-size: 5em;}
#stage1{padding:2em 0 5em;overflow: hidden;}
#stage1 .number{margin:0 0 2em}
#stage1 svg{font-size:4em}
#stage1 .justify-content-between{justify-content:center!important}
#stage1 #tabs .nav-item{margin:2em 0}
#stage1 #tabs .nav-tabs{direction:rtl}
.feature:after,.feature>div{width:2.5rem;height:2.5rem}
.feature.active, .feature:focus{width:3em;height: 3em;}
.feature.active>div div, .feature:focus>div div{font-size:0.575em;}
#stage2{background:#fff;margin:0;padding-bottom: 4em;}
#stage2 .container>.d-flex{flex-direction:column-reverse}
#stage2 .section_content{padding-left:0;flex:0 0 100%;background:#fff}
#stage2 svg{font-size:5em}
#stage2 .number{margin:3em auto 2em}
#stage2 .text{margin-top:1em}
#stage2 .text-inner p{background:#fff;text-align:center;font-size:1.3em;line-height:1;padding:1em;margin-bottom:1em}
#stage2 .video-box{background:#fff;margin-top:1em;padding:.5em;text-align:left}
#stage2 .video-box .category{font-size:1.1em;line-height: 0.2;}
#stage2 .video-box .category span{margin-left:.25em}
#stage2 .video-box .category img{height:.8em}
#stage2 .video-box header{flex:0 0 45%}
#stage2 .video-box main{display:flex;flex-direction:column;justify-content:space-between;flex:0 0 55%}
#stage2 .video-box .info,#stage2 .video-box .title{font-size:.8em}
html[lang=es-ES] #stage2 .video-box .info{max-width: 100%;}
#stage2 .video-box header{padding-right:1em}
#stage2 .video-list{flex:0 0 100%;padding:0;margin-right: -15px;margin-left: -15px;}
#stage3>.container>.row>.d-flex{flex-direction:column;text-align:center}
#stage3 svg{font-size:5em}
#stage3 .row{margin-left:-15px;margin-right:-15px}
#stage3 .text .title{margin-top:1em}
.graphbox{background:#fff;flex:0 0 100%}
.ct-chart{position: relative;}
.val-label{font-size: 2rem;width:130%;margin-left: -15%;}
#stage3 .ct-label.ct-horizontal.ct-end{top:-5em}
.graph-caption{color:#022242;margin:-3em auto 0;width:18em;line-height:1.1;font-size:1.05em;position: relative;padding-bottom: 1em;background:#e4e7eb;width: 100%;}
#stage3 .graphbox .text-inner{padding-bottom:1.5em;margin-bottom:0;font-size:1.25em;background:#f0f0f1}
#stage3 .graphbox .text-inner p{margin-bottom:0;line-height: 1.1;}
#stage3 .ct-point{stroke-width:.125em}
#stage3 .ct-label.ct-horizontal.ct-end{font-size:2rem;position: relative;}
#stage3{padding:3em 0 3.5em}
#stage4{margin-top:0;padding-bottom:0;overflow-x: hidden;}
#stage4 .container{padding:0;width:100vw}
#stage4 .swiper-container{padding-bottom:4em}
#stage4 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:2em}
.upd .cat{font-size:1em;margin-bottom:.75em}
.news.card .card-title{font-size:1em}
.news.card .card-footer .fbtn{font-size:1em;font-weight:700;padding:.25em 1em}
.slick-list.draggable{padding-left: 75px!important;}
}
@supports (-webkit-overflow-scrolling: touch) {
    #stage3 .ct-label.ct-horizontal.ct-end{position: relative;}
}
@media(min-width: 1921px){
    #stage3 .container{width:70vw}
  }