/* Palet : 916e50 */
body {background:#161616;position:relative;}
li {transition:0.4s;}
button {transition:0.4s;cursor:pointer;}
.popup {position:absolute;z-index:50;width:100vw;height:100vh;background:rgba(0,0,0,0.75);display:flex;justify-content:center;align-items:center;}
.popupClose {position:absolute;right:10px;top:10px;padding:10px 20px;background:#ed1b25;color:#fff;font-size:200%;font-weight:bold;cursor:pointer;}
.popup img {height:90vh;margin:auto;}
header {height:120px;display:flex;justify-content:space-between;align-items:center;padding:0 1%;}
header article {color:#fff;font-size:175%;font-weight:100;}
header section {height:60px;display:flex;justify-content:space-between;align-items:center;}
header section a {width:40px;height:30px;background:#262626;display:flex;justify-content:center;align-items:center;}
header section a:hover {background:#916e50;}
header section button {width:40px;height:30px;background:#916e50;color:#fff;font-weight:300;display:flex;justify-content:center;align-items:center;border:none;border-radius:0;outline:0;}
header section span {position:absolute;z-index:5;height:0;overflow:hidden;top:75px;right:1%;width:40px;display:flex;flex-direction:column;font-weight:300;font-size:80%;transition:0.4s;}
.langs a {color:#fff;}
nav {height:38px;border-top:1px solid #656464;border-bottom:1px solid #656464;display:flex;}
nav ol {display:flex;}
nav li {list-style:none;display:flex;align-items:center;}
nav li a {color:#fff;padding:0 25px;font-weight:300;}
nav li:hover {background:#916e50;}
nav li:hover .subNav {height:200px;opacity:1;}
.subNav {background:rgba(0,0,0,0.75);width:100%;height:0;opacity:0;position:absolute;z-index:50;left:0;top:160px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;transition:.4s;}
.subNavUls {width:475px;padding-left:25px;display:flex;justify-content:space-between;}
.subNav ul {margin-right:50px;}
.subNav li {border-bottom:1px solid #444;transition:0.4s;}
.subNav li a {width:100%;color:#ccc;font-weight:300;padding:10px 20px;}
.subNav li:hover {background:rgba(145,110,80,0.7);}
.bannerCont {position:relative;width:100vw;height:calc(100% - 160px);overflow:hidden;}
.banner {width:100%;height:100%;}
.bannerItem {width:100%;height:100%;}
.bannerItem img {width:100%;height:calc(100vh - 160px);object-fit:cover;}
.bannerHeadCont {position:relative;z-index:75;left:0;bottom:120px;background:rgba(22,22,22,0.9);max-width:25%;height:60px;line-height:60px;text-align:center;overflow:hidden;}
.bannerHead {}
.bannerHead span {color:#fff;font-size:90%;font-weight:300;opacity:.5;}
.scroller {position: absolute;z-index: 2;width: 100%;height:60px;opacity:.5;background:url(../_img/scrolldown.gif) no-repeat center bottom;background-size: auto 80%;bottom:20px;left:0;right:0;}
main {min-height:calc(100vh - 190px);}
.first {display:flex;justify-content:space-between;padding:10px;}
.first figure {width:70%;height:475px;position:relative;background:url(../_img/main-visual.jpg) no-repeat center bottom;background-size:cover;cursor:default;}
.first figure span {position:absolute;z-index:5;background:rgba(22,22,22,0.75);padding:15px;right:0;top:0;color:#916e50;font-weight:700;font-size:200%;line-height:100%;letter-spacing:2px;transition:0.4s;cursor:pointer;}
.first figure span:hover {background:rgba(22,22,22,0.9);}
.news {width:29%;background:#161616;}
.news h1 {font-size:150%;font-weight:300;padding:10px;background:rgba(145,110,80,0.25);color:#f8f8f8;cursor:pointer;transition:0.4s;}
.news h1:hover {background:#f8f8f8;color:#916e50;}
.newsItem {display:flex;align-items:center;padding:10px 0 15px 0;border-bottom:1px solid #444;color:#f8f8f8;cursor:pointer;transition:0.4s;}
.newsItem:hover {color:#916e50;border-bottom:1px solid #916e50;}
.newsItem figure {width:107px;height:80px;margin-right:10px;overflow:hidden;}
.newsItem img {width:107px;height:80px;object-fit:cover;;}
.newsItem h2 {width:calc(100% - 135px);font-size:100%;margin:0;font-weight:200;}
.second {display:flex;justify-content:space-between;padding:0 10px;}
.map2 {width:50%;height:300px;}
.map2 a {color:#161616;}
.map2 a:hover {color:#916e50;}
.gmnoprint {display:none;}
.gm-fullscreen-control {display:none;}
.timeline {position:relative;width:49%;height:300px;overflow:hidden;}
.timelineBg {background:#000;position:relative;z-index:-99;width:100%;height:100%;}
.timeline iframe {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.third {display:flex;justify-content:space-between;padding:25px 50px;background:url(../_img/third-bg.png) no-repeat center center;background-size:cover;color:#848484;}
.third h1 {color:#916e50;font-size:125%;font-weight:300;}
.siteMap {}
.siteMapNav {display:flex;}
.siteMap ul {padding-right:25px;}
.siteMap li {}
.siteMap a {color:#848484;font-size:80%;padding:0 1em;}
.siteMap a:hover {color:#916e50;}
.followUs {text-align:center;}
.followUs a {display:inline-block;margin:15px;color:#848484;}
.followUs a:hover {color:#916e50;}
.logos img {width:100px;height:100px;}
footer {background:#101010;border-top:1px solid #848484;height:29px;display:flex;justify-content:space-between;align-items:center;}
.copyright {padding:0 10px;font-size:80%;color:#848484;}
.copyright span {margin-right:10px;}
.copyright a {padding:0 10px;border-left:1px solid #848484;color:#848484;}
.copyright a:hover {color:#916e50;}
.signatures {padding:0 10px;}
.signatures a {opacity:.5;height:17px;display:block;}
.signatures a:hover {opacity:1;}
/* SUB */
.underConstruction {width:100%;height:calc(100% - 192px);display:flex;justify-content:center;align-items:center;font-weight:100;font-size:300%;color:#916e50;}
.companySub {height:calc(100vh - 192px);display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden;}
.companySub figure {width:50%;height:100%;overflow:hidden;}
.companySub article {width:44%;height:calc(100vh - 190px);overflow:scroll;padding:0 3%;position:relative;}
.companySub article h1 {color:#916e50;font-size:300%;font-weight:300;margin:25px 0;}
.companySub article strong {color:#916e50;font-size:150%;font-weight:300;margin:25px 0;}
.companySub article span {}
.companySub article span p {color:#fff;font-weight:100;line-height:25px;margin:25px 0;}
.companySub article span p:last-child {margin:25px 0 50px 0;}
.figureCont {width:100%;height:100%;display:flex;}
.figureItem {width:100%;height:100%;}
.figureItem img {width:100%;height:calc(100vh - 192px);object-fit:cover;}
.moreDetail {display:flex;justify-content:space-between;}
.moreDetail a {display:block;color:#916e50;font-size:150%;font-weight:700;}
.moreDetail a:hover {text-decoration:underline;}
.timelineSub {height:calc(100vh - 192px);overflow:auto;}
.timelineHeadImg {text-align:center;padding:15px 0;width:100%;height:40%;transition:0.4s;}
.timelineHeadImg img {height:90%;}
.timelineList {}
.timelineItem {display:flex;justify-content:space-around;align-items:center;}
.timelineItem:nth-child(odd) {}
.timelineItem:nth-child(odd) > .timelineItemArticle {text-align:right;border-right:3px solid #916e50;}
.timelineItem:nth-child(odd) > .timelineItemDate::before {content:'';position:absolute;height:3px;top:calc(50% - 3px);left:0;right:70%;background:#916e50;}
.timelineItem:nth-child(even) {flex-direction:row-reverse;}
.timelineItem:nth-child(even) > .timelineItemArticle {text-align:left;border-left:3px solid #916e50;}
.timelineItem:nth-child(even) > .timelineItemDate::before {content:'';position:absolute;height:3px;top:calc(50% - 3px);right:0;left:70%;background:#916e50;}
.timelineItem:last-child {margin-bottom:25px;}
.timelineItemArticle {flex:2;padding:10px;color:#fff;}
.timelineItemArticle h2 {font-size:200%;margin-bottom:-5px;}
.timelineItemArticle p {font-size:75%;font-weight:100;line-height:14px;margin:5px 0;}
.timelineItemDate {flex:1;text-align:center;position:relative;}
.timelineItemDate span {font-size:250%;font-weight:700;color:#916e50;background:#161616;position:relative;z-index:5;}
.timelineItemEmpty {flex:2;padding:10px;}
.ahkConstruction section {}
.constructionBox {display:flex;align-items:center;margin-bottom:25px;}
.constructionBox figure {width:250px;height:125px;margin-right:25px;}
.constructionBox img {max-width:100%;height:auto;}
.constructionBox article {height:auto !important;padding:0;}
.constructionBox h1 {color:#916e50;font-size:100% !important;font-weight:600 !important;margin:5px 0 !important;}
.constructionBox p {color:#fff;font-size:75%;font-weight:100;margin:0 !important;line-height:20px;}
.brands {height:calc(100vh - 190px);position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 2%;}
.brands section {position:relative;width:30%;height:45%;background:#eaeaea;overflow-y:auto;}
.brands figure {width:100%;height:100%;}
.brands mark {width:100%;height:100%;background:rgba(0,0,0,0.75);display:flex;justify-content:center;align-items:center;transition:0.4s;cursor:pointer;}
.brands mark:hover {background:rgba(0,0,0,0.5);}
.brands mark img {width:200px;height:200px;}
.brandDetailCont {position:absolute;right:-100%;width:100%;height:100%;background:#eaeaea;transition:0.8s;overflow-x:hidden;}
.brandDetailContOpened {right:0;}
.brandDetailClose {display:none;position:fixed;top:170px;right:1%;padding:2.5px 10px;background:#916e50;color:#fff;font-size:200%;font-weight:100;cursor:pointer;}
.brandDetail {padding:2.5%;background:#161616;min-height:calc(100vh - 240px);color:#fff;}
.brandDetail h1 {color:#916e50;font-size:125%;font-weight:300;}
.brandDetail h2 {color:#916e50;font-size:110%;font-weight:300;}
.brandDetail article {display:flex;flex-wrap:wrap;align-items:center;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #656464;}
.brandDetail img {margin-right:15px;}
.brandDetail p {width:95%;margin:5px 0;}
.brandTxt {color:#fff;}
.brandDetailTxt {}
.clientsSub {min-height:calc(100vh - 192px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2%;}
.clientsSub figure {position:relative;width:20%;height:200px;margin:1px;display:flex;justify-content:center;align-items:center;background:#fff;transition:0.4s;cursor:default;}
.clientsSub img {position:absolute;z-index:10;width:125px;height:125px;}
.clientBG {position:absolute;z-index:5 !important;width:100% !important;height:100% !important;object-fit:cover;opacity:0;transition:0.6s;}
.clientsSub figure:hover > .clientBG {opacity:0.5;}
.philosophySub {height:calc(100vh - 192px);display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden;}
.philosophySub figure {width:50%;height:100%;}
.philosophySub article {width:44%;height:100%;padding:3%;position:relative;overflow:auto;}
.philosophySub article h1 {color:#916e50;font-size:300%;font-weight:300;margin:25px 0;}
.philosophySub article span {}
.philosophySub article span p {color:#fff;font-weight:100;line-height:25px;margin:25px 0;}
.philosophySub article span p:last-child {margin:25px 0 50px 0;}
.certificates {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.certificates img {width:30%;margin-bottom:25px;}
.projectsSub {min-height:calc(100vh - 242px);padding:25px 2.5%;}
.projectsSub h1 {color:#916e50;font-size:300%;font-weight:300;margin:25px 0;}
.projectsList {display:flex;flex-wrap:wrap;}
.projectsSub section {width:29%;height:115px;display:flex;align-items:flex-end;padding-right:25px;margin:25px 15px 25px 0;}
.projectsSub figure {display:none;min-width:175px;min-height:115px;margin-right:20px;cursor:zoom-in;filter: grayscale(100%);transition:0.4s;}
.projectsSub figure:nth-child(1) {display:block;}
.projectsSub figure:hover {filter: grayscale(0);}
.projectsSub article { }
.projectsSub strong {color:#916e50;font-size:110%;font-weight:600 !important;margin:5px 0;}
.projectsSub span { }
.projectsSub p {color:#fff;font-size:75%;font-weight:100;margin-top:5px;}
.pressSub {min-height:calc(100% - 192px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2%;}
.pressSub figure {width:20%;height:200px;margin:1px;opacity:0.5;transition:0.4s;cursor:zoom-in;}
.pressSub figure:hover {opacity:1;}
.videos {display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:25px 0;position:relative;}
.videos figure {position:relative;width:25%;height:250px;cursor:pointer;margin-bottom:25px;opacity:0.5;transition:0.4s;}
.videos figure:hover {opacity:1;}
.videos figure::before {content:url(../_img/play.png);position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);}
.videoPopup {display:none;position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.85);}
.videoPopupClose {position:absolute;z-index:10;top:20px;right:20px;background:#916e50;color:#fff;cursor:pointer;transition:0.4s;}
.videoPopupClose:hover {background:#fff;color:#916e50;}
.videoPopupClose span {font-size:200%;font-weight:700;display:block;padding:5px 15px;}
.videoPopup iframe {position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);}
.catalogues {height:calc(100vh - 192px);display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;overflow:auto;}
.catalogues figure {position:relative;width:250px;height:400px;border:1px solid #848484;cursor:pointer;margin-bottom:20px;}
.catalogues figure span {position:absolute;background:rgba(0,0,0,0.9);opacity:0;color:#916e50;font-size:200%;font-weight:100;text-align:center;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:0.8s;}
.catalogues figure:hover > span {opacity:1;}
.publications {height:calc(100vh - 192px);display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;overflow:auto;}
.publications figure {position:relative;width:250px;height:350px;border:1px solid #848484;cursor:pointer;margin-bottom:20px;}
.publications figure span {position:absolute;background:rgba(0,0,0,0.9);opacity:0;color:#916e50;font-size:200%;font-weight:100;text-align:center;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:0.8s;}
.publications figure:hover > span {opacity:1;}
.contact {}
.contact section {display:flex;justify-content:space-between;align-items:center;padding:25px;margin:0 25px;border-bottom:1px solid #848484;}
.contact article {}
.contact article h1 {color:#916e50;font-size:150%;font-weight:700;margin:25px 0;}
.contact article span {color:#fff;font-weight:100;line-height:25px;margin:25px 0;}
.contact article a {color:#916e50;font-size:125%;}
.contact article a:hover {text-decoration:underline;}
.contact .map {opacity:0.95;width:calc(100% - 600px);height:250px;}
.career {height:calc(100vh - 192px);text-align:center;padding:0 5%;overflow:auto;}
.career h1 {color:#916e50;font-size:300%;font-weight:300;padding:25px 0;}
.career span {}
.career p {color:#fff;font-size:90%;font-weight:100;margin:10px 0;}
.career a {color:#848484;}
.career a:hover {color:#916e50;}
.announcementsList {display:flex;flex-wrap:wrap;align-content:flex-start;}
.listItem {margin:2.5%;width:45%;height:160px;display:flex;align-items:center;transition:0.4s;cursor:pointer;}
.listItem:hover {background:rgba(145,110,80,0.25);}
.listItem img {min-width:300px;max-width:300px;height:160px;margin-right:25px;object-fit:cover;}
.listItem h1 {color:#848484;font-weight:300;}
.announcementDetail {height:calc(100vh - 192px);display:flex;justify-content:space-between;align-items:center;overflow:hidden;}
.announcementDetail article {width:70%;height:100%;padding:0 2.5%;overflow:auto;}
.announcementDetail article p {color:#fff;font-size:85%;font-weight:100;line-height:25px;margin:1.5% 0;}
.announcementDetail figure {height:225px;display:flex;justify-content:flex-start;align-items:center;margin:2.5% 0;overflow:hidden;}
.announcementDetail figure img {width:300px;height:auto;margin-right:2.5%;align-self:flex-start;}
.announcementDetail figure h1 {color:#916e50;font-size:250%;font-weight:300;}
.announcementDetail section {width:25%;height:100%;overflow:auto;border:1px groove #848484;}
.announcementDetail section h1 {color:#916e50;font-size:200%;font-weight:300;padding:2.5%;}
.announcementDetail section li {padding:2.5%;border-bottom:1px groove #848484;color:#848484;transition:0.4s;cursor:pointer;font-size:90%;}
.announcementDetail section li:hover {border-bottom:1px groove #916e50;color:#916e50;}
/* Tablet */
@media screen and (max-width: 1024px){
    .first figure {width:60%;}
    .news {width:39%;}
    .third {padding:25px;}
    .projectsSub section {width:45%;}
    .projectsSub section:nth-child(odd) {border-right:1px solid #848484 !important;}
    .projectsSub section:nth-child(even) {border-right:none !important;}
    .contact .map {width:calc(100% - 500px);}
}