/* ===== Base ===== */
body{margin:0;font-family:Arial}
a{text-decoration:none;color:#333}

/* ===== Mobile Header ===== */
.mobile-header{
    display:none;
    height:60px;
    padding:0 15px;
    background:#fff;
    border-bottom:1px solid #eee;
    align-items:center;
    justify-content:space-between;
}

.mobile-header img{height:38px}

.mobile-right .icon{
    font-size:20px;
    margin-left:15px;
    cursor:pointer;
}

/* ===== PC Header ===== */
.pc-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
}

.logo-area{display:flex;align-items:center}
.logo-area img{height:55px;margin-right:12px}
.company{color:#2a9c59;font-weight:bold;font-size:14px}

.top-right{text-align:right}
.langs a{margin-left:8px;font-size:13px;color:#777}

/* ===== PC Nav ===== */
.pc-nav{
    text-align:center;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.pc-nav a{
    display:inline-block;
    padding:18px 18px;
    font-weight:600;
}

.pc-nav .active{
    background:#7ac142;
    color:#fff;
    border-radius:3px;
}

/* ===== Mobile Slide Menu ===== */
.mobile-menu{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.4);
    opacity:0;
    pointer-events:none;
    transition:.3s;
}

.mobile-menu.show{
    opacity:1;
    pointer-events:auto;
}

.menu-inner{
    width:260px;
    height:100%;
    background:#fff;
    padding:20px;
    transform:translateX(-100%);
    transition:.3s;
}

.mobile-menu.show .menu-inner{
    transform:translateX(0);
}

.menu-close{
    text-align:right;
    font-size:22px;
    cursor:pointer;
}

.mobile-nav a{
    display:block;
    padding:12px 0;
    border-bottom:1px solid #eee;
}

.mobile-lang{
    margin-top:20px;
    font-size:14px;
}

.mobile-lang a{
    display:inline-block;
    margin:5px 5px 0 0;
    font-size:12px;
    background:#f2f2f2;
    padding:4px 6px;
}

.mobile-contact{
    margin-top:20px;
    font-size:13px;
    color:#666;
}

/* ===== Responsive ===== */
@media(max-width:768px){

    .pc-header,.pc-nav{display:none}
    .mobile-header{display:flex}

}