@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
*/
html,body {-webkit-text-size-adjust: 100%; /*/ Prevent font scaling in landscape while allowing user zoom /*/}
.home-banner {overflow: hidden;}
.home-banner li {background: none;}
.home-banner li img {display: none;}
.home header .inner-brand {display: none;}
header .home-brand {display: none;}
.home header .home-brand {display: block;}
.home header:after {display: none;}
.home .home-banner {height: 100vh;}
.home .home-banner .home_slider > li:after { content: '';width: 100%;height: 196px;background-image: url(../images/site/head_img.png);background-size: contain;display: block;position: absolute;top: 0;}
.home .home-banner .home_slider_tabs, .gallery-page .home-banner .home_slider_tabs {display: none;}

/* carousel change owl to slick slider */
.slick-arrow {top: 46%; position: absolute; background-image: url(../images/site/right_arrow_1.png); background-repeat: no-repeat;  background-position: center; width: 13px; height: 27px; display: block;}
.slick-next{right: -45px; font-size: 0; }
.slick-prev{ left: -45px; font-size: 0; transform: rotate(180deg);}
.slick-disabled {opacity: 0; visibility: hidden}
.rural .item img {height: initial; width: 100%;}
.rural img {max-width: 100%;}
.rural .item {margin: 0 10px;}
.rural .item a {width: 100%; }
.firm.rural .item a {width: 100%;}
.rural .slick-prev {left: -25px;}
.rural .slick-next {right: -25px;}
.home_slider_tabs {left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); background: rgba(0,0,0,0.2);  text-align: center; max-width: 80%;}
.home_slider_tabs li {float: none; display: inline-block; vertical-align: middle; padding: 0 6px;}
.project_detail li .detail_info{right: 50%; -webkit-transform: translateX(50%);-ms-transform: translateX(50%);-o-transform: translateX(50%);transform: translateX(50%); }

.project_detail.home-banner {height: calc(100vh - 84px)} 
.extra-page .right_section {margin: 0 auto; float: none;}
.project_detail .home_slider li {background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important;}
.up_arrow {-webkit-box-shadow: 0px 0px 4px rgba(55,55,55,0.25);
    box-shadow: 0px 0px 4px rgba(55,55,55,0.25); background-color: rgba(55,55,55,0.30);}
.project_detail li.home_slider1_on .detail_info {-webkit-box-shadow: 0px 0px 4px rgba(55,55,55,0.25);
    box-shadow: 0px 0px 4px rgba(55,55,55,0.25);}

@media (max-width:992px) {

    /* default */
    body{min-width: inherit;}
    .container{max-width: 100%;}
    header {min-width: 100%; height: auto;}
    header .brand {padding-top: 17px; padding-bottom: 10px;}
    .home header .home-brand {display: none;}
    .home header .inner-brand {display: block; margin: -10px auto -10px; width: 180px;}
    header .brand img {max-width:160px;display: block; margin: -10px auto -10px !important; width: 180px !important;}
    
    
    header .container {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
    header nav {padding-left: 0; width: auto;}
    header nav>ul>li>a {line-height: 34px;}
    .home header nav>ul>li>a { color: #3c3c3c; font-weight: 500; text-shadow: none;}
    .home header { -webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.133);-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.133);box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.3);}
    header nav>ul>li>ul {top: 34px;}
    #wrapper.home , #wrapper {padding-top: 96px;}
    .home .home-banner, .home-banner {height: calc(100vh -63px);}

    /* preservation page */
    .only-carousel {max-width: 90%;}
    .owl-controls .owl-next {right: -30px;}
    .owl-controls .owl-prev {left: -30px;}
    .owl-carousel .owl-item img {max-width: 100%;}
    /*.rural .item {margin: 0 10px;}
    .rural .item a {width: 100%; }
    .firm.rural .item a {width: 100%; }
    .rural .slick-prev {left: -25px;}
    .rural .slick-next {right: -25px;}*/


    footer p {padding-left: 0; text-align: center;}

    /* contact us */
    .about_section .left_nav{width: auto;}
    .about_section .right_section,.about_section.our_team .right_section,.journal .journal_detail .right_section,.about_section.press .right_section,.about_section.press_detail .right_section{width: calc(100% - 140px);padding: 0 20px 0 0;}
    .journal .journal_detail .right_section{padding: 0 20px 0 10px;}
    .about_section.our_team .right_section{margin-left: auto;}
    .journal .journal_detail .right_section{margin-left: auto;}
    .about_section.press .right_section{margin-left: auto;}
    .about_section.press_detail .right_section{padding: 0 50px;}
    .contact .left_content{padding-right: 0;width: 200px;}
    .contact .right_content{width: calc(100% - 200px); padding: 0 20px;}
    h1{padding-top: 40px;}
    .team_member .member_list{ width: 49%;max-width: 339px;float: none;display: inline-block;vertical-align: top;margin-right: auto;}
    .team_member{text-align: center;display: flex;flex-wrap: wrap;justify-content: space-around;}
    .team_member .member_detail{width: 608px;text-align: left;padding: 0 5px;}
    .team_member .member_list.even .member_detail{left: auto; right: 0;}
    .journal .journal_detail .right_section hr{width: 100%;}
    .about_section.press .right_section .press_content.m0{margin-right: 22px;}
    .about_section.press .right_section .press_content:nth-child(3n){/*margin-right: 0;*/}
    .gallery_menu{top: 20px;height: auto;}
    .gallery_menu ul{display: block;float: none;text-align: center;padding: 0 20px;}
    .gallery_menu ul>li{float: none;margin: 0 10px;}
    .rural .item a .top_setion {padding-left: 19px;padding-top: 22px; height: 85%; overflow: auto;}
    .rural .item a .bottom_section { padding-left: 19px;padding-top: 18px; bottom: 15px; }

    /*.home-banner .home_slider{display: flex; align-items: center; }
    .home-banner li{ background-size: contain !important; background-repeat: no-repeat !important; min-height: initial !important;}
    .home-banner li img {display: block;}*/
}

/* 1. Mobile responsive css 767px
-----------------------------------*/
.mobile-menu{display: none;}
@media (max-width:767px) {

    body{min-width: inherit;}
    .container{}
    /*
    .home header .inner-brand {display: block;}
    header .home-brand {display: none;}
    .home header .home-brand {display: none;}
    */
    .home header {background: #fff; -webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.133);-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.133);box-shadow: 0px 7px 8px 0px rgba(0,0,0,0.3);}
    /*.home header:after {display: none;}*/
    #wrapper.home, #wrapper {padding-top: 63px;}

    .home-banner {height: calc(100vh - 63px) !important;}

    /*----   header   ----*/
    /* mobile menu */
    header nav {display: none;}
    .mobile-menu * {float: none;}
    .mobile-menu {height: auto; width: 100%;}
    .mobile-menu, .mobile-menu .menu-trigger{display: block;}
    .mobile-menu .shield{position: fixed; width: 100%;height: 100vh;background: rgba(0,0,0,0.6);top: 0;left:0;z-index: 99;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; -webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%); z-index:99998 }
    .mobile-menu .shield.open{right: 0; -webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
    .mobile-menu .menu-trigger{display: block;width: 40px;height: 63px;position: fixed;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 999999;left: 0;top: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .mobile-menu .menu-trigger.open{left: calc(100% - 40px);background:#a18e68}
    .mobile-menu .menu-trigger span, .mobile-menu .menu-trigger span:after, .mobile-menu .menu-trigger span:before {background: #000;height: 2px; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .mobile-menu .menu-trigger span{position: absolute;display: block;width: 20px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%)}
    .mobile-menu .menu-trigger span:after, .mobile-menu .menu-trigger span:before{content: '';position: absolute;left: 0;width: 100%;}
    .mobile-menu .menu-trigger span:before{top: -6px;}
    .mobile-menu .menu-trigger span:after{bottom: -6px;}
    .mobile-menu .menu-trigger.open span{background-color: rgba(0,0,0,.0)}
    .mobile-menu .menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: rgba(0, 0, 0, 1)}
    .mobile-menu .menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background: rgba(0, 0, 0, 1)}
    .mobile-menu .navbar{background:#fff;position: fixed;top: 0;width: calc(100% - 40px);height: 100%;left: 0;box-sizing: border-box;z-index: 99999;overflow-y: auto;/*-webkit-overflow-scrolling: touch;*/-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-right: 40px; -webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
    .mobile-menu .navbar.open{left: 0;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
    .mobile-menu  ul ul{display: none; background:rgba(0, 0, 0, 0.5); border-top: 1px solid rgba(161, 131, 85, 0.38)}
    .mobile-menu  ul ul ul{background:rgba(0, 0, 0, 0.5);}
    .mobile-menu  ul ul ul ul{background:rgba(0, 0, 0, 0.5);}
    .mobile-menu  li{border-bottom:1px solid rgba(161, 131, 85, 0.38);list-style: none;position: relative;display: block;margin: 0;}
    .mobile-menu  li:last-child{border-bottom-width: 0;padding-bottom: 0;}
    .mobile-menu  em{display: block;position: absolute;top: 0;right: 0;width: 30px;height: 39px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .mobile-menu  em:before, .mobile-menu  em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: calc(50% - 8px);width: 16px;height: 2px;background: #fff;}
    .mobile-menu  em:after{transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .mobile-menu  em.toggled:after{transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(0);}
    .mobile-menu  em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;background-color: transparent;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);margin: 0;}
    .mobile-menu  em.level-two:after{display: none;}
    .mobile-menu  em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
    .mobile-menu  li a{color: #a18e68;padding: 9px 0px 9px 15px;display: block;margin-right: 30px;text-transform: uppercase;line-height: 20px;font-size: 15px;font-weight: 700;letter-spacing: 0.09em;font-family: 'Montserrat', sans-serif; text-decoration: none;}
    .mobile-menu  li li{border-color: rgba(161, 131, 85, 0.38)}
    .mobile-menu  li li a{padding-left: 30px;}
    .mobile-menu  li li li a{padding-left: 42px;margin-right: 0;}
    .mobile-menu  li li li li a{padding-left: 52px;margin-right: 0;}
    .mobile-menu  li.active {background: #a18e68;}
    .mobile-menu  li.active > a {color: #000;}
    .mobile-menu li.active > em:before, .mobile-menu li.active > em:after {background: #000;}
    .mobile-menu  li a.active{color:#af3206;}
    .scroll-hidden{overflow: hidden;height: 100%; position: fixed; width: 100%;}

    /*--------- home page ------------*/
    /* header part */
    /*.home header {background: #fff;}*/
    header .brand {padding-top: 17px;}
    /*.home-banner {height: calc(100vh - 62px) !important; margin-top: 28px;}
    .project_detail .home_slider li {height: 100% !important; }
    .project_detail .home_slider li img {display: none; }*/

    .rural .item {margin: 0 10px; width: 80vw; display: flex !important; justify-content: space-between;}
    .rural .item a {margin-right: 0; width: calc(50% - 10px);}
    .firm.rural .item a {margin-right: 0; width: calc(50% - 10px);}

    /* contact us */
    .about_section .right_section,.about_section.our_team .right_section,.journal .journal_detail .right_section,.about_section.press .right_section,.about_section.press_detail .right_section{width: 100%;padding: 0 20px;}
    .contact .left_content{width: 100%; padding: 20px;}
    .contact .right_content{width: 100%; padding: 20px;border-top: 1px solid #a18e68;}
    .about_section.press_detail .right_section{padding: 0 40px;}
    .contact .right_content:after{display: none;}
    .about_section .left_nav{display: none;}
    .about_section .right_section img{display: block; margin-left: auto; margin-right: auto; height: auto;}
    textarea,input[type='email'], input[type='text'], input[type='password']{width: 100%;}
    .contact{margin-bottom: 0;}
    .team_member{margin-right:auto ;text-align: center;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .journal .journal_contener.half .contenty_section{padding-left: 20px; width: calc(100% - 270px);}
    .journal .journal_contener .img_section{margin-left: 0;}
    .journal .journal_contener .contenty_section label{margin-bottom: 10px;}
    .journal .journal_contener:after{-webkit-background-size:100%; background-size:100%;}
    .about_section.press .right_section{display: flex; flex-wrap: wrap;justify-content: center;}
    .about_section.press .right_section .press_content{margin: 0 10px 20px 10px !important;}
    .press .pigination{width: 100%; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: center;}
    .about_section .right_section ul{padding-left: 20px;}
    .journal .journal_detail .right_section .social {padding-left: 0;}

    .project_detail li .detail_info {max-width: 80%; height: 90%; max-height: 270px;}
    .project_detail li .detail_info .inner-detail-info {height: 100%;  overflow: auto; }
    .android-device .project_detail.home-banner {height: calc(100vh - 43px)} 
    .android-device#wrapper {padding-top: 43px;}
    .gallery_menu {top: 35px;}
    
    .firm.rural .item{width:100%; float: none; padding:0 15px; margin: 0; }
    
    .press_detail .owl-carousel .owl-stage{width: 100% !important; transform: none !important; }
    .press_detail  .owl-nav{display: none !important;}
}


/* 3. large desktop responsive css 1025px to 1200px
----------------------------------------------------*/
@media (min-width:1024px) and (max-width:1052px) {
    /* default */
    body{min-width: inherit;}
    .container{max-width: 100%;}
    header {min-width: 100%;}
    header .container {display: flex; justify-content: space-between; align-items: center;}
    header nav {padding-left: 0; width: auto;}
    header .brand {padding-top: 7px;}

    /* .home-banner .home_slider{display: flex; align-items: center; }
    .home-banner li{ background-size: contain !important; background-repeat: no-repeat !important; min-height: initial !important;}
    .home-banner li img {display: block;}*/


    /*
    .home-banner .home_slider{display: flex; align-items: center;}
    .home-banner li{ background-size: contain !important; background-repeat: no-repeat !important; min-height: initial !important;}
    .home-banner li img {display: block;}
    */

    /* preservation page */
    .only-carousel {max-width: 90%;}
    .owl-controls .owl-next {right: -30px;}
    .owl-controls .owl-prev {left: -30px;}

    /**/
    .about_section.press .right_section{width: calc(100% - 240px);margin-left: 0;}
    .about_section .left_nav{max-width: 240px;}
    .about_section.press_detail .right_section{padding: 0 20px;}

}
/* 2. iPad responsive css 768px to 1024px
-----------------------------------------*/
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{
    
    .firm.rural .item{width: 30%;}
    /* home page banner */

    /*.home_slider1_nav{display: none !important; }*/
    /*.home-banner li{position: relative !important; opacity: 1 !important; min-height: initial !important;}*/
    /*.home-banner .home_slider{display: flex; align-items: center;}
    .home-banner li{ background-size: contain !important; background-repeat: no-repeat !important; min-height: initial !important;}
    .home-banner li img {display: block;}*/
}

/* 4. Other media-query
------------------------------------------------*/
@media (max-width:480px){
    .only-carousel {max-width: 84%;}
    .rural .item {margin: 0; width: 75vw; display: flex !important; justify-content: space-between; flex-wrap: wrap}
    .rural .item a {width: 100% !important;}
    .firm.rural .item a {width: 100% !important;}
    .rural .item img {width: 100%;}
    footer p {padding: 0 25px;}
    .team_member .member_list{width: 100%; max-width: 339px; margin-left: auto; margin-right: auto; display: block; float: none;}
    .team_member .member_list.m0{margin-right: auto;}
    .team_member .member_detail{width: 100% !important; margin-top: 15px;}
    .journal .journal_contener.half .contenty_section{width: 100%;}
    .journal .journal_contener .img_section{width: 95%;margin-left: auto;margin-right: auto;float: none;display: block;}
    .journal .journal_contener.half .contenty_section,.journal .journal_contener .contenty_section{padding: 0 10px;}
    .pigination,.press .pigination{padding:20px 20px 20px 20px;}
    .about_section.press .right_section .press_content{float: none;display: block;margin-left: auto !important;margin-right: auto !important;}
}

/* 5S home page edits */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .home-banner li {min-height: 550px; height: 100vh;}
    .home_slider1_nav.prev {left: 0px;}
    .home_slider1_nav.prev, .home_slider1_nav.next {top: 45vh;}
    .home_slider_tabs li {min-height: 25px; height: 4vh;}
    .home_slider_tabs {background: none;}
    .project_detail .home_slider li {min-height: 500px; height: calc(100vh - 63px);}
    .gallery_menu {background: none;}
    .android-device .home-banner.project_detail .home_slider_tabs {height: 100px;}
}

@media (min-width:320px) and (max-width:568px) and (orientation:landscape) {
    .project_detail li .detail_info {bottom: -90%; max-height: 90%;}   
    .project_detail li .detail_info.show_up {bottom: 0;}
    .home-banner {height: 380px;}
    .home-banner li {min-height: 380px;}
}