@font-face {font-family:'Roboto-Regular';src:url('../fonts/Roboto-Regular.woff2') format('woff2')}
@font-face {font-family:'Roboto-Medium';src:url('../fonts/Roboto-Medium.woff2') format('woff2')}


* {box-sizing:border-box;margin:0;padding:0;}
body {font-family:'Roboto-Regular',sans-serif;font-size:16px;line-height:1.6;color:#333;}
h1,h2 {font-family:'Roboto-Medium',sans-serif !important;}
h2{font-size:2.8rem;line-height:1.25;}
ul,ol {list-style:none;}
a {text-decoration:none;color:#fff;transition:0.3s;outline:none;}
i {font-style:normal;}
img {max-width:100%;height:auto;display:block;border:none;outline:none;}
video {max-width:100%;height:auto;}
::placeholder {color:#888;font-size:16px;}
input,button,textarea {font-family:Arial;border:none;outline:none;background:#fff;}
.clear {clear:both;}


.container {max-width:1440px;margin:0 auto;padding:0 1rem;}
.btn {display:inline-flex;border-radius:4px;padding:12px 20px;margin-top:0.8rem;color:#fff;background:#df0819;font-size:1.2rem;transition:0.3s;}
.btn:hover {color:#fff;text-decoration:underline;}
@media (max-width:768px) {
    h2{font-size:2.3rem;}
    .btn {font-size:18px;padding:8px 16px;}
}


/* Title */
.section-title {text-align:center;margin-bottom:4rem;}
.section-title h2 {position:relative;letter-spacing:-0.02em;margin:0 0 16px 0;padding-bottom:20px;}
.section-title h2::after {content:'';position:absolute;bottom:0;left:50%;width:60px;height:6px;background:#df0819;transform:translateX(-50%);}
.section-title p {font-size:1.2rem;line-height:1.4;color:#5a6874;margin:8px auto;}
@media (max-width:768px) {
    .section-title{margin-bottom:3rem;}
    .section-title h2 {padding-bottom:16px;}
}


/* Header Menu */
header a {font-family:'Roboto-Medium';color:#222;}
.nav-main {background:#fff;position:fixed;top:0;left:0;z-index:1060;width:100%;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:top 0.3s ease;}
.nav-main .container {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0;}
.nav-logo {margin:1rem 3rem 0 0;flex-shrink:0}
.nav-logo a {display:inline-block;line-height:1}
.nav-logo img {max-height:54px;}
.nav-list {display:flex;align-items:center;gap:40px;}
.nav-item {position:relative}
.nav-link,.nav-trigger {display:inline-block;font-size:19px;transition:opacity 0.2s;}
.nav-link {line-height:90px;height:90px}
.nav-trigger {line-height:90px;height:90px}
.nav-link::after,.nav-trigger::after {content:'';position:absolute;bottom:0;height:3px;background:#e60012;left:50%;right:50%;transition:all 0.1s ease-out}
.nav-item:hover .nav-link::after,.nav-item.current .nav-link::after,.nav-item:hover .nav-trigger::after,.nav-item.current .nav-trigger::after {left:0;right:0}
.nav-arrow {margin-left:6px;display:inline-block;font-size:12px}
.nav-arrow:before {content:'\e637';font-family:'iconfont';font-weight:900;font-size:11px;vertical-align:middle}
.sub-menu-list {position:absolute;top:100%;left:0;width:220px;background:rgba(255,255,255,0.96);box-shadow:0 6px 12px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.2s ease;z-index:100;}
.nav-item:hover .sub-menu-list {opacity:1;visibility:visible;transform:translateY(0)}
.sub-menu-item {border-bottom:1px solid #eaeef2;}
.sub-menu-item:last-child {border-bottom:none}
.sub-menu-link {display:block;padding:12px 16px;font-size:15px;color:#1e2a3e;transition:all 0.2s}
.sub-menu-item:hover .sub-menu-link {background:#e60012;color:#fff}
.sub-menu-list .sub-menu-list {left:100%;top:0;margin-top:0}
.nav-btn {background:#d91223;color:#fff;font-size:1rem;padding:7px 20px;border-radius:4px;font-weight:bolder;cursor:pointer;}
.trp-shortcode-switcher {padding:3px 0;top:3px;}

.menu-toggle {display:none!important;font-size:24px;background:none;color:#040011;margin-top:3px;}
.menu-toggle span{display:block;width:30px;height:4px;background:#2c3e50;margin:5px 0;}

@media (max-width:1360px) {
    .menu-toggle {display:inline-block!important;}
    .trp-shortcode-switcher__wrapper {display:none;}
}
@media (max-width:1200px) {
    .nav-main .container {padding:0 12px;height:86px;position:relative;flex-wrap:nowrap;}
    .nav-logo {margin-top:3px;display:flex;align-items:center;margin-right:auto;}
    .nav-logo img {max-height:45px;}
    .nav-list {display:none;}
    .nav-btn {margin-top:3px;margin-right:14px;padding:4px 18px;flex-shrink:0;}

}
@media (max-width:768px) {
    .top-bar-left a:last-child {display:none;}
    .nav-logo img {max-height:55px;margin-top:4px;}
    .nav-btn {font-size:0.9rem;margin-right:12px;}
}



/* Mobile Menu */
.mobile-sidebar {position:fixed;top:0;left:0;bottom:0;background:rgba(0,0,0,0.6);z-index:99999;width:100%;height:100%;transition:all ease 0.8s;opacity:0;visibility:hidden;}
.mobile-logo {padding:45px 29px 25px 40px;}
.mobile-logo img {max-width:120px;}
.mobile-sidebar .menu-toggle {position:absolute;right:20px;top:20px;width:33px;height:33px;line-height:30px;font-size:18px;color:#fff;background:#2052AE;border-radius:50%;}
.mobile-sidebar .menu-toggle i{vertical-align:-5px;}
.mobile-sidebar .menu-toggle i.iconclose:before{font-size:1.36rem;}
.menu-wrap {width:100%;max-width:280px;text-align:center;background:#fff;border-right:3px solid #2052AE;height:100%;position:relative;left:-110%;opacity:0;visibility:hidden;transition:all ease 1s;z-index:1;}
.mobile-sidebar.body-visible {opacity:1;visibility:visible;}
.mobile-sidebar.body-visible .menu-wrap {left:0;opacity:1;visibility:visible;}
.mobile-menu {overflow-y:scroll;max-height:calc(100vh - 200px);padding-bottom:40px;text-align:left;}
.mobile-menu .new-label {margin-left:5px;position:absolute;top:50%;transform:translateY(-50%);}
.mobile-menu ul {margin:0;padding:0 0;}
.mobile-menu ul li {border-bottom:1px solid #fdedf1;}
.mobile-menu ul li li:first-child {border-top:1px solid #fdedf1;}
.mobile-menu ul li a {display:block;position:relative;padding:15px 0;line-height:1;font-size:16px;}
.mobile-menu ul li a:before {font-family:iconfont;content:"\e60b";position:relative;left:0;top:0;margin-right:10px;display:inline-block;}
.mobile-menu ul li ul li {padding-left:20px;}
.mobile-menu ul li ul li:last-child {border-bottom:none;}
.mobile-menu ul .item-has-children > a .mean-expand {position:absolute;right:0;top:50%;font-weight:400;font-size:12px;width:25px;height:25px;line-height:25px;margin-top:-12.5px;display:inline-block;text-align:center;border-radius:50%;background:#f3f3f3;}
.mobile-menu ul .item-has-children > a .mean-expand:before {font-family:iconfont;content:"\e6f1";}
.mobile-menu ul .item-has-children.menu-active > a .mean-expand:before {font-family:iconfont;content:"\e613";font-weight:bold;}
.mobile-menu > ul {padding:0 40px;}
.mobile-menu > ul > li:last-child {border-bottom:none;}

.mobile-contact {margin-left:-46px;}
.mobile-contact i {font-size:20px;vertical-align:-2px;color:#df0819;}
.mobile-contact a {color:#333;}



/* Page Banner */
.top-banner {position:relative;width:100%;margin-top:88px;overflow:hidden;}
.top-banner .top-img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.top-banner::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.24);z-index:1;}
.top-banner .container {position:relative;z-index:2;}
.top-banner .banner-content {text-align:center;color:#fff;padding:7.5rem 0 7rem;}
.top-banner .banner-content h1,.top-banner .banner-content h2 {font-size:62px;line-height:1.2;margin-bottom:25px;text-shadow:0px 4px 8px rgb(0 0 0 / 30%);}
.top-banner .banner-content p {font-size:24px;line-height:1.5;}
.rank-math-breadcrumb {font-family:Arial!important;color:#fff;padding-bottom:20px;display:inline-block;}
.rank-math-breadcrumb a,.rank-math-breadcrumb span {font-size:18px;}
.fa-home {position:relative;top:1px;}
@media (max-width:1024px) {
    .top-banner .banner-content {padding:5rem 0;}
    .top-banner .banner-content h1,.top-banner .banner-content h2 {font-size:54px;margin-bottom:20px;}
    .top-banner .banner-content p {font-size:22px;max-width:90%;}
}
@media (max-width:768px) {
    .top-banner {margin-top:90px;}
    .top-banner .banner-content {padding:4rem 0;}
    .top-banner .banner-content h1,.top-banner .banner-content h2 {font-size:40px;margin-bottom:18px;}
    .top-banner .banner-content p {font-size:17px;line-height:1.4;max-width:100%;}
    .rank-math-breadcrumb a,.rank-math-breadcrumb span {font-size:16px;}
}



/* About Intro */
.about-intro{margin:4rem 0;}
.about-intro .section-title{margin-bottom:3rem;}
.about-intro p{font-size:1.1rem;}
@media (max-width:768px) {
    .about-intro{margin:3rem 0 2rem;}
}


/* Profile */
.profile-section {background:#f9f9f9;margin:0 0 3rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:2rem;border-radius:5rem 0;overflow:hidden;}
.profile-img {position:relative;overflow:hidden;}
.profile-img a {width:100%;height:100%;}
.profile-img a img:first-child {width:70%;}
.profile-img a img:last-child {position:absolute;z-index:1;right:0;bottom:0;height:calc(100% + 3.75rem);object-fit:contain;}
.profile-text {padding:4.375rem 2.5rem 4.375rem 0;display:flex;flex-direction:column;justify-content:center;}
.profile-text h3 {font-size:1.3rem;color:#767373;letter-spacing:0.1rem;text-transform:uppercase;}
.profile-text h2 {font-size:3.6rem;line-height:4.5rem;margin:2rem 0 0.5rem;}
.profile-text p {font-size:1.2rem;line-height:2rem;margin-top:1.5rem;padding-right:3.75rem;}
@media (max-width:1024px) {
    .profile-section {column-gap:1.5rem;}
    .profile-text {padding:3rem 2rem 3rem 0;}
    .profile-text h2 {font-size:3rem;line-height:3.8rem;margin:1.5rem 0 0.5rem;}
    .profile-text h3 {font-size:1.2rem;}
    .profile-text p {font-size:1.1rem;padding-right:2rem;}
}
@media (max-width:768px) {
    .profile-section {grid-template-columns:1fr;border-radius:0;}
    .profile-img {display:flex;}
    .profile-img a {display:flex;position:relative;}
    .profile-img a img:first-child {width:100%;position:absolute;}
    .profile-img a img:last-child {position:relative;object-fit:contain;}
    .profile-text {padding:2rem 1.5rem 2rem;}
    .profile-text h2 {font-size:2rem;line-height:2.625rem;margin:1rem 0;}
    .profile-text p {margin:0.6rem 0 1rem;padding-right:0;line-height:1.6rem;}
}


/* Consult */
.section-consult {position:relative;text-align:center;background:url('../images/contact-bg.webp') center center / cover no-repeat;}
.section-consult-container {position:relative;z-index:2;padding:5rem 0;}
.section-consult h2 {font-size:3.2rem;margin-bottom:2rem;}
.section-consult .section-title {margin-bottom:0;}
.section-consult .btn {font-size:1.26rem;cursor:pointer;border-radius:3rem;padding:10px 28px;margin-top:2rem;}
.section-consult .btn:hover {transform:translateY(-4px);text-decoration:none;transition:transform 0.3s ease;}
@media (max-width:1024px) {
    .section-consult-container {padding:4rem 0;}
    .section-consult h2 {font-size:2.8rem;margin-bottom:1rem;}
    .section-consult p {font-size:1rem;max-width:580px;margin-bottom:1.75rem;}
    .section-consult .btn {padding:9px 21px;font-size:0.95rem;}
}
@media (max-width:768px) {
    .section-consult-container {padding:3rem 1.5rem;}
    .section-consult h2 {font-size:2.2rem;line-height:1.25;}
    .section-consult p {font-size:0.95rem;max-width:100%;margin-bottom:1.5rem;}
    .section-consult .btn {font-size:1rem;}
}


@font-face{font-family:"iconfont";src:url('../fonts/iconfont.woff2')}  
.iconfont{font-family:"iconfont"!important;font-size:1.2rem;font-weight:normal;}
.footer-nav .iconfont{vertical-align:-1px;}
.iconcontact:before {content:"\e641";}
.iconus:before {content:"\e60c";}
.iconemail-fill:before {content:"\e856";}
.iconphone:before {content:"\e642";}
.iconwhatapp:before {content:"\e657";font-size:1.4rem;}
.iconpencil:before {content:"\e60d";font-size:1.4rem;}
.iconarrow:before {content:"\e637";}
.icondown-arrow:before {content:"\e6b4";}
.iconright-arrow:before {content:"\e60b";}
.iconline:before {content:"\e625";}
.iconminus:before {content:"\e613";}
.iconplus:before {content:"\e6f1";}
.iconguanbi:before {content:"\e607";}
.iconclose:before {content:"\e608";font-size:1.7rem;font-weight:bolder;}
.iconhome:before {content:"\e606";color:#fff;}
.iconaddr:before {content:"\e62e";}
.icontel:before {content:"\e640";}
.iconwhatsapp:before {content:"\ea07";}
.iconPDF:before {content:"\e63f";}
.iconplay:before {content:"\e603";}
.iconaddress:before {content:"\e60e";}
.iconemail:before {content:"\e804";}
.icontop:before {content:"\e618";}
.iconweixin:before {content:"\e600";}


/* Footer */
footer {background:#005198;color:#fff;padding:5rem 0 1rem;}
footer a {color:#fff;line-height:18px;}
footer a:hover {color:#fff;text-decoration:underline;}
footer .fa-regular {margin-right:4px;}
.footer-grid {display:flex;flex-wrap:nowrap;gap:2%;margin-bottom:2.6rem;}
.footer-company {width:280px;flex-shrink:0;}
.footer-company img {max-width:174px;}
.footer-company p {font-size:16px;line-height:1.875;margin:20px 0 15px;}
.footer-social {display:flex;gap:2.5rem;}
.footer-social a {display:flex;width:20px;}
.footer-social img {max-width:2rem;}
.footer-nav {width:25%;padding-left:0;}
.footer-nav:nth-of-type(2) {width:24%;padding-left:5%;}
.footer-nav h3 {font-size:30px;}
.footer-nav ul li {font-size:16px;margin-top:11px;}
.footer-nav:last-child ul li{line-height:2.05rem;}
.footer-bottom {border-top:1px solid #e9edf2;}
.footer-bottom .footer-content {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:20px 0 26px;gap:20px;}
.footer-bottom .footer-content p {font-size:1rem;margin-top:0;}
.footer-bottom .footer-links {display:flex;flex-wrap:wrap;gap:2rem;}
@media screen and (max-width:1200px) {
    footer{padding:3rem 2rem;}
    .footer-grid {flex-direction:column;}
    .footer-company,.footer-nav,.footer-nav:nth-of-type(2) {width:100%;padding:30px 10px 0;}
    .footer-nav:nth-of-type(2) ul, .footer-nav:nth-of-type(3) ul{display:flex;gap:0 20px;flex-wrap:wrap;}
}
@media (max-width:1024px) {
    .footer-bottom .footer-content {padding:28px 0;gap:16px;}
    .footer-bottom .footer-links {gap:1.75rem;}
}
@media (max-width:768px) {
    footer{padding:1.5rem 0;}
    .footer-nav .iconfont{vertical-align:-2px;}
    .footer-bottom .footer-content {flex-direction:column;justify-content:center;text-align:center;padding:24px 0;gap:18px;}
    .footer-bottom .footer-links {justify-content:center;gap:1.5rem;}
}


/* Kefu */
.right-kefu .iconfont {font-size:1.7rem;}
.right-kefua {color:#fff;}
.kefu1,.kefu2,.kefu3,.kefu4 {position:fixed;right:.5rem;top:48%;width:3.6rem;height:3.6rem;background:rgba(0,0,0,.5);text-align:center;line-height:18px;color:#fff;padding-top:1.2rem;box-sizing:border-box;cursor:pointer;z-index:88;}
.kefu2 {margin-top:4.2rem;}
.kefu3 {margin-top:8.4rem;}
.kefu4 {margin-top:12.6rem;}
#back-to-top {position:fixed;right:.5rem;}
@media (max-width:768px) {
    .right-kefu .iconfont {font-size:1.55rem;}
    .kefu2 {margin-top:3.2rem;}
    .kefu3 {margin-top:6.4rem;}
    .kefu4 {margin-top:9.6rem;}
    .kefu1,.kefu2,.kefu3,.kefu4 {width:2.7rem;height:2.7rem;top:53%;padding-top:.8rem;}
}


/* Form Popup */
.form-popup {font-family:arial;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);z-index:1000000;width:100%;height:100%;display:none;}
.form-popup-wrap {max-width:660px;width:90%;height:auto;padding:10px;background:#fff;border-radius:5px;overflow:hidden;}
.form-popup.form-open {display:block;}
.form-popup.form-open .form-popup-wrap {margin:13% auto;}
.form-popup-wrap #commentform {width:100%;margin:1rem 0;position:relative;}
.form-popup-wrap .lables {width:45%;float:left;margin:8px 2.5%;position:relative;}
.form-popup-wrap .lables input {font-size:0.95rem;border:#f0f0f0 1px solid;width:100%;padding:10px 5%;color:#666;}
.form-popup-wrap .lables .must-input,.form-popup-wrap .lables-text .must-input {display:block;position:absolute;left:5px;top:11px;color:#e9000a;}
.form-popup-wrap .lables-text,.form-popup-wrap .submit-wrap {width:95.4%;float:left;margin:5px 2.5%;}
.form-popup-wrap .lables-text {position:relative;}
.form-popup-wrap .lables-text textarea {font-size:0.95rem;color:#666;border:#f0f0f0 1px solid;width:100%;height:8rem;min-height:auto;padding:10px 0 10px 2.5%;}
.form-popup-wrap #submits {float:left;padding:8px 35px;margin-top:0.25rem;font-size:16px;color:#fff;background:#0157a3;border:solid 1px #0157a3;cursor:pointer;width:100%;}
.form-popup-wrap #submits:hover {background:#0157a3;}
.form-popup-title {width:98%;text-align:center;border-bottom:solid 1px #ccc;padding:1rem 0;margin:0 auto;}
.form-popup-title span {font-size:1.3rem;color:#333;font-weight:bold;}
.form-popup-title div {float:right;color:#1e73be;cursor:pointer;margin:-10px 5px 0 0;font-size:1.5rem;}
@media screen and (min-width:1px) and (max-width:1024px) {
    .form-popup.form-open .form-popup-wrap {margin:38% auto;}
}
@media screen and (min-width:1px) and (max-width:768px) {
    .form-popup-wrap .lables input {padding:8px 0 8px 10%;height:auto;}
    .form-popup-wrap .lables .must-input {top:8px;}
    .form-popup-wrap .lables-text textarea {padding-left:5%;height:7.2rem;}
}


/* Media Popup */
#media-popup {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999992;background:#fff;padding:1.24rem 2rem 2rem;max-width:45%;width:100%;box-sizing:border-box;border-radius:7px;}
#media-popup .popup-content {position:relative;width:100%;max-width:800px;margin:0 auto;text-align:center;}
#media-popup .media-title {color:#0060AD;font-size:1.5rem;font-weight:bold;margin-bottom:1rem;}
#media-popup .close-btn {position:absolute;top:-20px;right:-15px;font-size:2rem;cursor:pointer;}
#media-content {width:100%;height:auto;display:block;border-radius:2px;}
#overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);z-index:999991;}
@media (max-width:768px) {
    #media-popup {padding:24px 15px 15px;max-width:95%;}
    #media-popup .popup-content {max-width:100%;}
    #media-popup .media-title {font-size:1.2rem;}
    #media-popup .close-btn {right:-6px;font-size:1.8rem;width:25px;height:25px;line-height:25px;}
}


/* 404 */
.error-page {text-align:center;line-height:3rem;margin:9rem 0 6rem;}
.error-page strong {font-size:8rem;color:#c8161d;}
.error-page .tit {font-size:2rem;font-weight:700;margin:2rem 0 0;color:#333;}
.error-page .btn {margin-bottom:1rem;}
.error-page .btn a {font-size:1.3rem;}
.error-page a.back-btn {display:block;font-size:1.1rem;color:#333;text-decoration:underline;}
@media (max-width:1024px) {
    .error-page {line-height:2.6rem;margin:6rem 0 4rem;}
    .error-page strong {font-size:5rem;}
    .error-page .tit {font-size:1.6rem;margin:1.8rem 0 0;}
    .error-page .intro {line-height:1.6rem;margin:1rem 0;}
}
@media (max-width:768px) {
    .error-page .btn {padding:0.8rem 2rem;}
}