@charset "UTF-8";*{margin:0;padding:0;outline:0;--f-roundo:"SVN-Roundo";--f_optimum:"SVN-Optimum";--f_love:"SVN-Tirelessly Love You"}body{font-family:var(--f-roundo)}img{max-width:100%}#header{position:fixed;top:0;z-index:10;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 40px}#header .logo{margin:10px auto 0;padding:0;display:table}#header #btn_menu{cursor:pointer;width:48px;height:48px;background:rgba(0,0,0,.2);border:1px solid rgba(252,252,251,.2);backdrop-filter:blur(25px);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s all;animation:header_btn 2s cubic-bezier(.22,1,.36,1) forwards;animation-delay:5s;opacity:0;z-index:2}#header #btn_menu p{line-height:1;margin:0;padding:0;width:22px;height:6px;position:relative}#header #btn_menu span{height:1px;background-color:#fff;transition:.3s all;position:absolute;left:0;right:0;top:0}#header #btn_menu span:nth-child(3){top:6px}#header #btn_menu:hover{border:1px solid rgba(0,90,74,.2);background:#fff}#header #btn_menu:hover span{background-color:#005a4a}#header #btn_menu.open_menu{border:1px solid rgba(0,90,74,.2);background:#fff}#header #btn_menu.open_menu span{background-color:#005a4a}#header #btn_menu.open_menu p{height:3px}#header #btn_menu.open_menu span:nth-child(1){transform:rotate(45deg)}#header #btn_menu.open_menu span:nth-child(2){transform:rotate(-45deg)}#header #btn_menu.open_menu span:nth-child(3){opacity:0}#header #btn_menu.open_menu:hover{background:#005a4a}#header #btn_menu.open_menu:hover span{background-color:#fff}#header .btn_contact{animation:header_btn 2s cubic-bezier(.22,1,.36,1) forwards;animation-delay:5s;opacity:0}#header .btn_contact a{width:10em;height:4em;background:rgba(0,0,0,.2);border:1px solid rgba(252,252,251,.2);backdrop-filter:blur(25px);display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;text-transform:uppercase;color:#fff;transition:.3s all;font-weight:600;font-size:12px}#header .btn_contact a:hover{background:#fff;color:#005a4a}#header.active{background-color:#fff}#header.active .logo{margin:10px auto}#header.active .logo img{content:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/logo_active.svg);width:auto;height:29px}#header.active .btn_contact a{border:1px solid rgba(0,90,74,.2);background:#fff;color:#005a4a}#header.active .btn_contact a:hover{background:#005a4a;color:#fff}#header.active #btn_menu{border:1px solid rgba(0,90,74,.2);background:#fff}#header.active #btn_menu span{background-color:#005a4a}#header.active #btn_menu:hover{background:#005a4a}#header.active #btn_menu:hover span{background-color:#fff}@keyframes header_btn{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0px)}}#loading{z-index:100;position:fixed;inset:0;font-size:10px}#loading .loading_left,#loading .loading_right{position:absolute;background-color:#fff;top:0;bottom:0}#loading .loading_left:after,#loading .loading_right:after{content:"";position:absolute;bottom:0;height:0;animation:loading_border 2s forwards ease-in-out}#loading .loading_left{width:calc(74.5% + 1px);left:0;animation:loading_left 1.5s forwards ease-in-out;animation-delay:3s;z-index:1}#loading .loading_left:after{right:1px;border-right:1px solid #005a4a}#loading .loading_right{width:25.5%;right:0;animation:loading_right 1.5s forwards ease-in-out;animation-delay:3s}#loading .loading_right:after{left:0;border-left:1px solid #005a4a}#loading .loading_div{width:61.8em;height:14em;display:flex;justify-content:space-between;align-items:center;right:-7em;position:absolute;z-index:2;bottom:25%}#loading .loading_div .loading_text{width:41.4em;animation:loading_text 1.5s steps(30) forwards;animation-delay:1s;clip-path:inset(0 100% 0 0)}#loading .loading_div .loading_logo{width:14em;transform:rotate(0deg);animation:loading_logo forwards 1s ease-in-out}@media only screen and (max-width:768px){#loading{font-size:1.25vw}}#loading.active{opacity:0;visibility:hidden}@keyframes loading_text{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes loading_border{0%{height:0}100%{height:100%}}@keyframes loading_logo{0%{transform:rotate(0deg)}100%{transform:rotate(270deg)}}@keyframes loading_left{0%{width:74.5%}100%{width:0;visibility:hidden}}@keyframes loading_right{0%{width:25.5%}100%{width:0;visibility:hidden}}@keyframes phone-ring{0%{transform:rotate(0)}5%{transform:rotate(15deg)}10%{transform:rotate(-15deg)}15%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}25%{transform:rotate(0)}100%{transform:rotate(0)}}#wrapper.open_menu{overflow:hidden;filter:blur(25px)}#menu{position:fixed;top:0;left:-50%;bottom:0;width:35%;background:#fff;z-index:1;max-width:500px;visibility:hidden;opacity:0;transition:.5s all;display:flex;align-items:flex-end;padding:40px}#menu:after{content:"";position:absolute;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/loading_logo.svg) no-repeat center/contain;width:14em;height:14em;font-size:10px;right:-70px;top:25%}#menu.open_menu{left:0;opacity:1;visibility:visible}#menu.open_menu:after{animation:loading_logo forwards 1s ease-in-out}#menu #lang{display:flex;align-items:center;justify-content:space-between;width:70px;height:20px;position:absolute;z-index:2;right:40px;top:40px;padding:0;margin:0}#menu #lang li{list-style-type:none}#menu #lang li a{text-decoration:none;color:#c6c0ad;text-transform:uppercase;font-weight:600;font-size:14px}#menu #lang li a.active{color:#005a4a}#menu #lang li a:hover{opacity:1;color:#005a4a}#menu #lang li.char{width:16px;height:1px;background-color:#005a4a}#menu .menu_link li{list-style-type:none;width:100%}#menu .menu_link li a{font-family:var(--f_optimum);display:table;font-weight:500;font-size:32px;text-decoration:none;color:#005a4a;transition:.3s all}#menu .menu_link li a:hover{color:#851f48}footer{padding:90px 0 40px;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/ft_bg.jpg) no-repeat top center/cover}footer .ft_info{max-width:1050px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}footer .ft_info .item{width:30%;text-align:center;border-bottom:1px solid #c6c0ad;padding-bottom:20px}footer .ft_info .item:nth-child(2){border-left:1px solid #c6c0ad;border-right:1px solid #c6c0ad}footer .ft_info .item p{line-height:1;text-align:center;color:#005a4a;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.1em}footer .ft_info .item:last-child{width:40%}footer .ft_info .flex{display:flex;justify-content:center}footer .ft_info .flex .img:last-child{margin-left:20px}footer .ft_form{max-width:1050px;margin:45em auto 0;border:1px solid #fff;padding:60px 60px 20px}footer .ft_form .ttl{text-align:center;color:#fff;font-family:var(--f_optimum);font-size:32px;line-height:1;margin-bottom:20px}footer .ft_form .btn_group{margin-bottom:10px}footer .ft_form .row{--bs-gutter-x:10px}footer .ft_form .form-control{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(25px);font-weight:500;color:#fff;border-radius:0;min-height:48px}footer .ft_form .form-control:focus,footer .ft_form .form-control:hover{outline:0 !important}footer .ft_form select{appearance:auto}footer .ft_form select option{text-transform:uppercase}footer .ft_form input:-ms-input-placeholder{color:#fff;text-transform:uppercase}footer .ft_form input::-ms-input-placeholder{color:#fff;text-transform:uppercase}footer .ft_form input::placeholder{color:#fff;text-transform:uppercase}footer .submit{height:48px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;background:#c6c0ad;font-style:normal;font-weight:500;font-size:12px;line-height:15px;transition:.3s all;border:0;width:100%}footer .submit:hover{background-color:#005a4a;color:#fff}footer .ft_address{font-size:16px;line-height:175%;color:#fff;margin:20px 0}footer .ft_menu{padding:60px 0}footer .ft_menu .list{display:flex;align-items:center;margin:0;padding:0}footer .ft_menu .list li{list-style-type:none}footer .ft_menu .list li:not(:last-child){margin-right:10px}footer .ft_fb{text-decoration:none;color:#fff;display:flex;align-items:center;font-weight:500}footer .ft_fb img{width:20px}footer .ft_ttl{text-transform:uppercase;line-height:1;font-weight:600;font-size:14px;line-height:20px;letter-spacing:.25em;text-transform:uppercase;color:#c6c0ad}footer .tel a,footer .mail a{font-weight:400;font-size:20px;line-height:1;text-decoration:none;color:#fff;font-family:var(--f_optimum)}footer .ft_links{display:flex;padding:0;margin:0;flex-wrap:wrap}footer .ft_links li{list-style-type:none;width:50%;margin-bottom:8px}footer .ft_links li a{text-decoration:none;font-size:20px;line-height:1;text-decoration:none;color:#fff;font-family:var(--f_optimum);transition:.3s all}footer .ft_links li a:hover{text-decoration:underline}footer .copyright{border-top:1px solid #fff;padding-top:25px}footer .copyright .row{justify-content:space-between;align-items:center}footer .copyright .flex{display:flex;align-items:center;justify-content:space-between}footer .copyright .flex p{line-height:1;text-transform:uppercase;font-size:14px;letter-spacing:.25em;color:#fff;margin:0}footer .copyright .flex a{text-decoration:none;color:#fff}@media only screen and (max-width:768px){body{min-height:1000px}#header{padding:20px 10px}#header .logo{position:absolute;left:calc(50% - 50px);top:10px;width:100px;margin:0;height:60px;display:flex;align-items:center;justify-content:center}#header .logo img{width:100%;height:auto}#header #btn_menu{width:36px;height:36px}#header .btn_contact a{width:6em;height:3em}#header.active{padding:10px}#header.active .logo{top:8px;margin:0}#header.active .logo img{width:100%;height:auto}#header.active .logo{top:0}#menu{width:100%;padding:20px}#menu:after{right:20px;font-size:6px}#footer{padding:20px 0}#footer .ft_info .item{width:100%;padding:20px 0}#footer .ft_form{padding:20px}#footer .ft_address br{display:none}#footer .ft_fb{margin:20px 0}#footer .ft_menu{padding:40px 0}#footer .copyright{text-align:center}#footer .copyright .flex{display:block}#footer .copyright .ft_link{margin:20px 0}}@keyframes zoomOutSmooth{0%{transform:scale(1.2);filter:blur(3px)}100%{transform:scale(1);filter:blur(0)}}.h_ttl1{color:#005a4a;font-weight:600;font-size:14px;text-transform:uppercase}.h_ttl1.white{color:#fff}.h_ttl2{font-family:var(--f_optimum);font-size:32px;color:#005a4a;margin:30px auto}h3{line-height:125%;font-size:48px;font-family:var(--f_optimum);color:#005a4a}h3.white{color:#fff}@media only screen and (min-width:769px) and (max-width:1440px){h3{font-size:36px}}.key{position:relative;z-index:1;overflow:hidden;height:53.75vw}.key:before{content:"";position:absolute;inset:0;z-index:-1;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx_key_bg1.jpg) no-repeat top center/cover;filter:blur(3px);animation:zoomOutSmooth 5s cubic-bezier(.22,1,.36,1) forwards;will-change:transform,filter;animation-delay:3s}.key:after{content:"";position:absolute;inset:0;z-index:-1;background:#000;opacity:.1}.idx1{background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_bg.jpg) no-repeat top center/cover;padding:10em 0;min-height:227.797619048vw;position:relative;z-index:1;font-size:min(0.55vw, 10px)}@media only screen and (min-width:2000px){.idx1{font-size:.6vw}}.idx1 .idx1_svg{position:absolute;bottom:0;left:0;right:0;height:71.5476190476vw}.idx1 .idx1_svg svg{width:100%;height:auto}.idx1:after{content:"";position:absolute;bottom:56vw;left:0;right:0;height:31.7261904762vw;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_bg_bottom.png) no-repeat bottom center/contain}.idx1 .idx1_logo{animation:idx1_logo infinite .5s alternate;will-change:transform}.idx1 .line2 path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:line1 3s linear infinite}.idx1 .idx1_txt{position:absolute;bottom:10em;left:10em}.idx1 .idx1_menu{margin:0;padding:0;font-size:10px}.idx1 .idx1_menu li{list-style-type:none;font-size:1.1em;font-weight:700;color:#005a4a;position:relative;padding-left:10em}.idx1 .idx1_menu li:not(:last-child){margin-bottom:15px}.idx1 .idx1_menu li:before{content:"";position:absolute;left:0;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_icon1.svg) no-repeat center/contain;width:9.0909em;height:2em;top:calc(50% - 1em)}.idx1 .idx1_menu li:nth-child(1):before{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_icon1.svg)}.idx1 .idx1_menu li:nth-child(2):before{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_icon2.svg)}.idx1 .idx1_menu li:nth-child(3):before{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_icon3.svg)}.idx1 .idx1_menu li:nth-child(4):before{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_icon4.svg)}.idx1 .idx1_menu li:nth-child(5):before{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_icon5.svg)}.idx1 .idx1_menu li:nth-child(4):before,.idx1 .idx1_menu li:nth-child(5):before{background-size:auto 3px}.idx1 h3{font-size:4.8em}.idx1 h3 .ttl{display:block;font-family:var(--f_love);font-weight:400;color:#851f48;font-size:1.6667em}.idx1 .idx1_ttl1{color:#c6c0ad;text-transform:uppercase;font-weight:600;font-size:1.4em;display:flex;align-items:center}.idx1 .idx1_ttl1.text-center{justify-content:center;text-align:center}.idx1 .idx1_ttl1 span{font-size:.7143em;margin:0 5px;position:relative}.idx1 .idx1_ttl1 span:after{content:"";position:absolute;height:2px;bottom:0;background-color:#c6c0ad;left:0;right:0}.idx1 .idx1_ttl2{text-align:center;color:#c6c0ad;font-size:8em;font-family:var(--f_love)}.idx1 .idx1_ttl3{text-align:center;max-width:52em;margin:0 auto}.idx1 .idx1_ttl3 p{font-size:1.4em;line-height:175%;font-weight:500}.idx1 .idx1_box{max-width:76em;margin:8em auto 0;display:flex;flex-wrap:wrap;text-align:center;font-size:1em}.idx1 .idx1_box .item{padding:2em 10px}.idx1 .idx1_box .item1{width:50%}.idx1 .idx1_box .item2{width:50%;border-left:1px solid #fff}.idx1 .idx1_box .item2 .ttl2{font-size:5.6em;line-height:1.3929em}.idx1 .idx1_box .item1,.idx1 .idx1_box .item2{border-bottom:1px solid #fff}.idx1 .idx1_box .item4{width:36%;border-left:1px solid #fff}.idx1 .idx1_box .item3{width:64%}.idx1 .idx1_box .ttl1{text-transform:uppercase;line-height:1;color:#005a4a;font-size:1.4em;font-weight:600}.idx1 .idx1_box .ttl2{line-height:1;color:#851f48;font-size:6.4em;line-height:1.25em;font-family:var(--f_optimum)}.idx1 .idx1_box .ttl3{font-size:1.4em;font-weight:500}.idx1 .idx1_img{max-width:105em;margin:6em auto 0;display:table}.idx1 .idx1_content{max-width:52em;margin:72em 10vw 0 0;position:relative;z-index:10;margin-left:auto;width:80%}@media only screen and (min-width:2000px){.idx1 .idx1_content{margin-right:0}}.idx1 .idx1_content h3{color:#fff}.idx1 .idx1_content .idx1_ttl2{text-align:left;color:#fff}.idx1 .idx1_content .txt p{color:#fff;font-size:1.4em;line-height:175%}.idx1 .idx1_ttl5{font-family:var(--f_optimum);color:#fff;line-height:150%;font-size:3.2em;margin:1em 0}@keyframes line1{to{stroke-dashoffset:0}}@keyframes idx1_logo{0%{transform:translateY(-2px)}100%{transform:translateY(2px)}}.idx2{position:relative}.idx2 .idx2_slider{height:51.1904761905vw}.idx2 .idx2_slider .item{position:relative;z-index:1}.idx2 .idx2_slider .item:after{content:"";position:absolute;z-index:-1;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx2_img1.jpg) no-repeat top center/cover;inset:0}.idx2 .idx2_slider .item .ttl{font-size:14px;line-height:175%;color:#fff;margin-top:25px}.idx2 .idx2_slider .item .txt{position:absolute;max-width:520px;bottom:40px;left:40px}.idx2 .idx2_slider .item1:after{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx2_img1.jpg)}.idx2 .idx2_slider .item2:after{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx2_img2.jpg)}.slick-dots{display:flex !important;padding:0;margin:0;position:relative;z-index:1}.slick-dots li{flex:1;margin:0;position:relative}.slick-dots li:before{content:"";position:absolute;height:1px;background:rgba(255,255,255,.5);width:100%;left:0;top:50%;transition:.3s all}.slick-dots li:after{content:"";position:absolute;mask-size:contain;mask-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx2_dot.svg);mask-size:contain;background-color:#fff;width:26px;height:16px;top:calc(50% - 7px);right:5px;opacity:0;transition:.3s all}.slick-dots li.slick-active:before{width:calc(100% - 40px);background:#fff}.slick-dots li.slick-active:after{opacity:1}.slick-dots li button{width:100%;color:transparent}.slick_control{width:65em;height:4.8em;position:absolute;bottom:4em;right:4em;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:10px}.slick_arr{width:10.4em;height:4.8em;display:flex;justify-content:space-between;align-items:center}.slick_arr>div{height:100%;width:4.8em;background-color:rgba(0,0,0,.2);border:.1em solid rgba(252,252,251,.2);backdrop-filter:blur(2.5em);transition:.3s all;cursor:pointer}.slick_arr>div:hover{background-color:#005a4a}.slick_arr .prev{background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx2_prev.svg) no-repeat center/1.7em}.slick_arr .next{background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx2_next.svg) no-repeat center/1.7em}.slick_left{display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;width:53em}.slick-dots{width:47em}.slick-dots li{list-style-type:none}.slick-dots li button{background:0 0;border:0}.slick_num,.slick_total{color:#fff;font-size:1.4em;font-weight:600;line-height:1}.idx3{padding:120px 0;display:flex;flex-wrap:wrap;justify-content:space-between}.idx3 .idx3_l{width:33%;padding-left:40px;padding-right:30px;position:relative}.idx3 .idx3_r{width:66.6666666667%}.idx3 .idx3_slider .item{margin-right:16px;width:82% !important}.idx3 .idx3_slider .item img{max-width:917px}.idx3 .h_ttl1{color:#c6c0ad}.idx3 h3 .h3_span{display:block;line-height:1;font-size:80px;color:#c6c0ad;font-family:var(--f_love)}.idx3 .txt{margin-top:3.5em}.idx3 .txt p{font-size:14px;line-height:175%;font-weight:500}.idx3 .slick_control{bottom:0;left:40px;width:calc(100% - 80px);right:40px}.idx3 .slick_control .slick_num,.idx3 .slick_control .slick_total{color:#005a4a}.idx3 .slick_control .idx3_dot{width:90%}.idx3 .slick_control .idx3_dot .slick-dots{width:100%}.idx3 .slick_control .slick-dots li:before{background:rgba(0,90,74,.35)}.idx3 .slick_control .slick-dots li.slick-active:after{background-color:#005a4a}.idx3 .content{display:none;opacity:0;transition:all .4s ease}.idx3 .content.active{display:block;opacity:1}.slick-list,.slick-track,.slick-slide{height:100%}.slick-slide div:not(.txt){height:100%;display:block !important}.idx_bg{background:linear-gradient(180deg,#eaf2f8 26.93%,#c2cad5 46.54%)}.idx4{position:relative;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_bg.jpg) no-repeat top center/cover;aspect-ratio:1680/905}.idx4 .txt{position:absolute;top:5%;right:3%}.idx4 .idx4_svg{display:table;position:absolute;top:13.8%;left:2.2%;aspect-ratio:1540/656;width:91.6666666667%}.idx4 .idx4_svg svg{width:100%}.idx4 .path1{opacity:.2;transition:.3s all}.idx4 .path1:hover{opacity:.5}.idx4 .path2{opacity:.2;transition:.3s all}.idx4 .path2:hover{opacity:.5}.idx4 .path3{opacity:.2;transition:.3s all}.idx4 .path3:hover{opacity:.5}.idx4 .path4{opacity:.35;transition:.3s all}.idx4 .path4:hover{opacity:.5}.idx4 .idx4_btn{position:absolute;font-size:min(0.63vw, 10px)}@media only screen and (min-width:1680px){.idx4 .idx4_btn{font-size:.5952380952vw}}.idx4 .idx4_btn a{width:12em;height:12em;position:absolute;z-index:1}.idx4 .idx4_btn a:hover .bg{opacity:1;left:3.5em}.idx4 .idx4_btn .bg{transition:.5s all;background:rgba(0,0,0,.2);border:.1em solid rgba(255,255,255,.2);backdrop-filter:blur(2.5em);border-radius:99.9em;min-width:20.8em;height:4.8em;display:flex;padding-left:5.6em;top:calc(50% - 2.4em);position:absolute;z-index:-1;left:0;align-items:center;opacity:0}.idx4 .idx4_btn .bg:before{content:"";position:absolute;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_icon1.svg) no-repeat center/contain;width:4em;height:4em;left:.3em;top:calc(50% - 2em)}.idx4 .idx4_btn .ttl{font-weight:600;font-size:1.4em;line-height:1.4286em;letter-spacing:.15em;text-transform:uppercase;color:#fff}.idx4 .idx4_btn .ttl span{display:block;color:#c6c0ad}.idx4 .idx4_btn1{right:15.5%;bottom:45%}.idx4 .idx4_btn1 a{background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_btn1.svg) no-repeat center/contain}.idx4 .idx4_btn1 .bg:before{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_icon1.svg)}.idx4 .idx4_btn2{right:49%;bottom:58%}.idx4 .idx4_btn2 a{background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_btn2.svg) no-repeat center/contain}.idx4 .idx4_btn2 .bg:before{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_icon2.svg)}.idx4 .idx4_btn3{right:59%;bottom:82.5%}.idx4 .idx4_btn3 a{background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_btn3.svg) no-repeat center/contain}.idx4 .idx4_btn3 .bg:before{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_icon3.svg)}.idx4 .idx4_btn4{left:10.5%;top:22%}.idx4 .idx4_btn4 a{background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_btn4.svg) no-repeat center/contain}.idx4 .idx4_btn4 .bg:before{background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx4_icon4.svg)}.idx5{position:relative}.idx5 .tab{display:none}.idx5 .tab.active{display:flex}.idx5 .txt ul li a{transition:all .3s ease}.idx5 .txt{position:absolute;bottom:40px;left:40px;z-index:2}.idx5 ul{padding:20px 0 0;margin:0}.idx5 ul li{margin-bottom:8px;list-style-type:none}.idx5 ul li a{color:rgba(255,255,255,.5);line-height:1.5;text-decoration:none;font-size:12px;font-weight:600;display:flex;align-items:center;text-transform:uppercase}.idx5 ul li a:before{content:"";display:block;background:url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.96248 4.73737L0.0230551 5.97048C-0.00768504 5.97824 -0.00768504 6.02191 0.0230551 6.02952L4.96248 7.26263L6.284 11.9777C6.29222 12.0074 6.33422 12.0074 6.34259 11.9777L7.66411 7.26263L19.0139 6.03029C19.0501 6.02633 19.0501 5.97367 19.0139 5.96972L7.66411 4.73737L6.34259 0.0222562C6.33422 -0.00741873 6.29222 -0.00741873 6.284 0.0222562L4.96248 4.73737Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;width:20px;height:11px;margin-right:5px;opacity:0}.idx5 ul li a{transition:.3s all}.idx5 ul li a:hover{color:#fff}.idx5 ul li a.active{color:#fff}.idx5 ul li a.active:before{opacity:1}.idx5 .idx5_slider .item{position:relative}.idx5 .idx5_slider h3{line-height:1}.idx5 .idx5_slider h3 span{font-family:var(--f_love);font-size:1.6667em;line-height:1;position:relative;left:.35em;top:.1em}.idx5 .slick_control{bottom:28em;left:0;right:unset}.idx5 .idx5_slider_right{position:absolute;bottom:40px;right:0;max-width:715px;width:60%}.idx5 .idx5_slider_small{width:100%}.idx5 .idx5_slider_small .item{max-width:515px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.2);margin-right:15px;padding:2px}.idx5 .idx5_slider_small .item .flex{display:flex !important;flex-wrap:wrap;justify-content:space-between;align-items:center}.idx5 .idx5_slider_small .item .img{max-width:200px;width:40%}.idx5 .idx5_slider_small .item .txt{color:#fff;width:58%;position:static}.idx5 .idx5_slider_small .item .ttl1{font-family:var(--f_optimum);line-height:125%;font-size:28px}.idx5 .idx5_slider_small .item .ttl2{font-size:14px;list-style:175%}.idx6{position:relative;padding:40px 0 0 40px}.idx6 .idx6_slider .item{width:70.4761904762%;margin-right:15px;position:relative}.idx6 .idx6_slider .item .txt{position:absolute;bottom:40px;left:40px}.idx6 .idx6_slider .item .txt .ttl1{font-size:28px;line-height:125%;font-family:var(--f_optimum);color:#fff}.idx6 .idx6_slider .item .txt .ttl2{font-size:14px;line-height:175%;color:#fff;margin:0}.idx6 .slick_control{right:37%;bottom:6em}@media only screen and (min-width:2000px){.idx6 .slick_control{right:57%}}@media only screen and (min-width:769px) and (max-width:1680px){.idx6 .slick_control{right:25%}}@media only screen and (min-width:769px) and (max-width:1500px){.idx6 .slick_control{right:16%}}@media only screen and (min-width:769px) and (max-width:1400px){.idx6 .slick_control{right:12%}}@media only screen and (min-width:769px) and (max-width:1300px){.idx6 .slick_control{right:9%}}@media only screen and (min-width:769px) and (max-width:1100px){.idx6 .slick_control{right:3%}}.idx_news{display:flex;flex-wrap:wrap;justify-content:space-between}.idx_news .left{padding-left:40px;width:30%}.idx_news .h_ttl1{color:#c6c0ad;margin:30px 0 10px}.idx_news .right{width:60%;position:relative}.idx_news .slider_news .item{width:45%;padding-right:15px}.idx_news .slider_news .item .ttl1{font-size:28px;color:#005a4a;line-height:125%;font-family:var(--f_optimum);margin:10px 0;height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.idx_news .slider_news .item .ttl2{line-height:175%;font-size:16px;width:90%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3.5em}.idx_news .slick_arr{position:absolute;z-index:1;top:20%;left:0;width:100%;font-size:10px}.idx_news .slick_arr>div{background-color:rgba(0,0,0,.2);border:1px solid rgba(252,252,251,.2);position:absolute}.idx_news .slick_arr .prev{left:5%}.idx_news .slick_arr .next{right:5%}.idx7{padding:100px 0;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx7_right.png) no-repeat top right/min(20vw, 575px)}.idx7 .flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.idx7 .h_ttl1{color:#c6c0ad;margin-bottom:5px}.idx7 .container{max-width:1608px}.idx7 .idx7_list{width:100%;max-width:1584px;margin:auto;font-size:10px;display:grid;grid-template-columns:384px 384px 784px;grid-template-rows:repeat(3,384px);gap:16px;align-items:flex-start;justify-items:flex-start}.idx7 .idx7_list .item{overflow:hidden;cursor:pointer;background:#ddd}.idx7 .idx7_list .item img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s ease}.idx7 .idx7_list .item:hover img{transform:scale(1.04)}.idx7 .idx7_list .item1{grid-column:1;grid-row:1}.idx7 .idx7_list .item2{grid-column:2/span 2;grid-row:1/span 2;height:100%;overflow:hidden}.idx7 .idx7_list .item3{grid-column:3;grid-row:1;justify-self:end;width:384px}.idx7 .idx7_list .item4{grid-column:1;grid-row:2/span 2}.idx7 .idx7_list .item5{grid-column:3;grid-row:2;justify-self:end;width:384px}.idx7 .idx7_list .item6{grid-column:2;grid-row:3}.idx7 .idx7_list .item7{grid-column:3;grid-row:3}.idx7 .idx7_wrap{position:relative;overflow:hidden}@media (max-width:1584px){.idx7 .idx7_list{transform:scale(.95) translateX(-10%)}}@media (max-width:1400px){.idx7 .idx7_list{transform:scale(.85) translateX(-10%)}}@media (max-width:1200px){.idx7 .idx7_list{grid-template-columns:1fr 1fr;grid-template-rows:auto}.idx7 .item{grid-column:auto !important;grid-row:auto !important;width:auto !important;aspect-ratio:1/1}.idx7 .item2,.idx7 .item4,.idx7 .item7{aspect-ratio:16/9}}@media (max-width:768px){.idx7 .gallery{grid-template-columns:1fr}}.idx_btn a{display:flex;flex-direction:row;justify-content:center;align-items:center;width:151px;height:48px;text-align:center;border:1px solid #005a4a;font-family:"SVN-Roundo";font-style:normal;font-weight:500;font-size:12px;line-height:15px;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:#005a4a;transition:.3s all}.idx_btn a:hover{background:#005a4a;color:#fff}@media only screen and (max-width:768px){#wrapper{overflow-x:hidden}.key{height:105vw}h3{font-size:min(7vw, 24px) !important}}@media only screen and (max-width:768px){.idx1{font-size:10px;background-image:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_bg_sp.jpg);padding:40px 0}.idx1:after{display:none}.idx1 .idx1_ttl2{font-size:6em}.idx1 .idx1_box{margin-top:40px}.idx1 .idx1_box .item{padding:20px 10px}.idx1 .idx1_box .item .ttl2{font-size:4em;margin-bottom:0}.idx1 .idx1_box .item .ttl1{font-size:1em;margin-bottom:10px}.idx1 .idx1_box .item .ttl3{font-size:1.2em}.idx1 .idx1_box .item3{width:55%}.idx1 .idx1_box .item4{width:45%}.idx1 .idx1_img{margin-top:40px}.idx1 .idx1_content{max-width:100%;width:100%;margin:257px auto 0}.idx1 .idx1_content .txt{background:0 0;padding:0}.idx1 .idx1_svg{margin-top:65px;position:relative;height:auto}.idx1 .idx1_svg:after{content:"";position:absolute;background:url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/idx1_bg_bottom_sp.png) no-repeat top center/cover;left:0;width:100%;height:31.7948717949vw;top:-51px}.idx1 .idx1_svg svg{width:140vw;margin-left:-22vw;margin-top:0}.idx1 .idx1_txt{position:static;padding:0 20px 20px;margin-top:-53px}}@media only screen and (max-width:480px){.idx1{padding:70px 0}.idx1 .idx1_ttl1{font-size:14px;margin-bottom:23px}.idx1 .idx1_ttl1 span{font-size:10px}.idx1 .idx1_ttl2{font-size:40px;margin:20px 0 31px}.idx1 .idx1_box{margin-top:60px}.idx1 .idx1_box .item{padding:40px 10px 14px}.idx1 .idx1_box .item .ttl1{font-size:14px;margin-bottom:7px;letter-spacing:20%}.idx1 .idx1_box .item3{border-bottom:1px solid #fff}.idx1 .idx1_box .item3,.idx1 .idx1_box .item4{width:100%;padding-top:21px;padding-bottom:17px;border-left:0}.idx1 .idx1_box .item3 .ttl1,.idx1 .idx1_box .item4 .ttl1{margin-bottom:12px}.idx1 .idx1_box .item3 .ttl3,.idx1 .idx1_box .item4 .ttl3{font-size:14px;line-height:175%;margin-bottom:0}.idx1 .idx1_img{margin-top:64px}.idx1 .idx1_content{margin:257px auto 0}.idx1 .idx1_content .idx1_ttl1{margin-bottom:16px}.idx1 .idx1_content .idx1_ttl2{margin:-10px 0 -6px}.idx1 .idx1_content .idx1_ttl5{font-size:18px;margin:18px 0 23px}.idx1 .idx1_content .txt p{font-size:14px}.idx1 .idx1_content .txt p:not(:last-child){margin-bottom:27px}}@media only screen and (max-width:768px){.idx2 .idx2_slider{height:120vw}.idx2 .idx2_slider .item .txt{bottom:50px;left:10px;width:calc(100% - 20px)}.slick_control{bottom:2em;right:0;font-size:1.4vw;width:100%;padding:0 10px}}@media only screen and (max-width:768px){.idx3{padding:60px 0}.idx3 .slick_control{left:0;width:100%;right:0}.idx3 .slick_control .slick_left{width:100%}.idx3 .idx3_l,.idx3 .idx3_r{max-width:100%;width:100%}.idx3 .txt{margin:25px 0 50px}.idx3 .idx3_l{padding:0 20px}.idx3 .idx3_r{padding-top:25px}.idx4 .txt{font-size:1vw;top:5%}.idx4 .txt .h_ttl1{font-size:1.2em;margin-bottom:5px}.idx4 .txt h3{font-size:2em !important}}@media only screen and (max-width:768px){.idx5 .idx5_slider_right{max-width:100%;width:100%}.idx5 .txt{bottom:100px;left:20px}.idx5 .idx5_slider img{height:125vw;object-fit:cover}.idx5 .slick_control{bottom:20px}.idx5 .idx5_slider_small{display:none}}@media only screen and (max-width:768px){.idx6{padding:20px 0 0 20px}.idx6 .idx6_slider img{object-fit:cover;height:125vw}.idx6 .idx6_slider .txt{position:absolute;bottom:100px;left:20px}.idx6 .slick_control{right:unset;bottom:20px;width:96%;font-size:1.3vw}}@media only screen and (max-width:768px){.idx_btn{display:table;margin:20px auto 0}.idx_btn a{width:120px;height:40px}.idx_news{padding:40px 0}.idx_news .left,.idx_news .right{max-width:100%;width:100%}.idx_news .h_ttl1{margin-top:0}.idx_news .left{padding:0 20px}.idx_news .idx_news_ttl br{display:none}.idx_news .right{padding-top:25px}.idx_news .slider_news .item{padding-right:0}.idx_news .slider_news .item p{padding-left:20px;padding-right:20px}}@media only screen and (max-width:768px){.idx7{padding:40px 0}.idx7 .idx7_list{transform:unset;gap:10px}.idx7 .idx7_list .item{height:100%}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1600px}}.wpcf7-response-output{display:table;text-align:center;max-width:1050px;margin:25px auto !important;color:#fff}.modal.show{display:flex !important;align-items:center;justify-content:center}.modal-dialog{width:560px !important;max-width:100%}.modal .btn-close{position:absolute;right:14px;top:14px;width:48px;height:48px;background:rgba(0,0,0,.2) url(//catbarina.adesolutions.vn/wp-content/themes/theme/css/../images/popup_close.svg) no-repeat center;border:1px solid rgba(252,252,251,.2);backdrop-filter:blur(25px);border-radius:0}.modal .tt1{font-family:"SVN-Optimum";font-style:normal;font-weight:400;font-size:28px;line-height:125%;text-align:center;color:#005a4a}.modal .tt2{font-family:"SVN-Roundo";font-style:normal;font-weight:400;font-size:16px;line-height:175%;text-align:center;color:#000}.modal .idx_btn{display:table;margin:auto}.modal .idx_btn a{width:241px;color:#005a4a}.modal .idx_btn a:hover{color:#fff}.modal .modal-content{border-radius:0}.modal .modal-body{padding:20px 10px}.modal-backdrop.show{opacity:1 !important;background:rgba(0,30,20,.18);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.sp_only{display:none}@media only screen and (max-width:768px){.sp_only{display:block}}