/* reset */
a{color: #232323;}
a:hover,a:focus{color: #232323; text-decoration: none;}
img{max-width: 100%;}
ul,ol{margin:0; padding:0;}
li{list-style: none;}
input{outline: none;}
textarea{outline: none; resize: none;}
em{font-style: normal;}
::-moz-placeholder { color: #2b2b2b; }
::-webkit-input-placeholder { color:#2b2b2b; }
:-ms-input-placeholder { color:#2b2b2b; }
body{color: #232323;font-family: \5FAE\8F6F\96C5\9ED1,\65B0\5B8B\4F53,arial;}
.relative{position: relative;}
@media (min-width: 768px){
    .min-height{min-height: 400px;}
}

.logo{padding: 0; height: 98px; line-height: normal; margin:0; position: relative; z-index: 1; display: flex;}
.logo a{display: flex; align-items: center; justify-content: center;}
@media (max-width: 768px){
    .logo{height: auto; margin-top: 15px;}
    .logo img{height: 35px;}
}

/* langage */
.langage{float: right; height: 98px; position: relative; z-index: 1; display: flex;}
.langage .line{display:inline-block; width:1px; height:15px; background-color:#3e3e3e; margin: 0 10px 0 25px;}
.langage span{display: flex; align-items: center; justify-content: center;}
.langage a{padding: 0 2px;}
.langage a:hover, .langage a.active{color: #9a8675;}
@media (max-width: 767px){
    .langage{height: 64px; float:none; position: absolute; right: 70px;}
    .langage .line{display: none;}
}

/* reset-ny-slide */
.reset-ny-slide .ny-slide .title{font-size: 70px; font-weight: bold;}
@media (max-width:768px){
    .reset-ny-slide .ny-slide .title{font-size: 35px;}
}

  

/* hd */
.hd{background-color: #fff;}
/* ft */
.ft-info{background-color:#292929; color:#a0a0a0; padding-top: 10px;}
.ftNav{margin:15px 0 25px;}
.ftNav a{color: #949393;}
.copyright{text-transform: uppercase; background-color: #1b1b1b; margin-bottom: 0; padding: 10px 0; color: #4a4a4a;}
.copyright p{margin-bottom:0;}



/* index */
.slide-3{position: fixed; top:98px; left: 0; width:100%; }
.slide-m{display:none;}
.filter{position:relative; overflow: hidden; width:100%; margin-top:98px;}
.filter .vHide{visibility: hidden;}
.filter .show{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:20;}
.filter.fadeOutUp .show{animation: fadeOutUp 1s linear forwards;}
.filter.fadeInDown .show{animation: fadeInDown 1s linear forwards;}

.i-mould-warp{ background-color: #fff; position: relative; padding-top: 35px;}
.i-mould{margin: 35px 0;}
.i-mould .title{font-size: 42px; color: #1f1f1f; text-align: center; text-transform: uppercase; margin:0 0 30px;}
.i-mould .title em{color: #c19d7e;}
.i-mould .title .line{display: block;width: 200px; height: 2px; background-color: #919191; margin: 10px auto 0; position: relative;}
.i-mould .title .line strong{width:20px; height: 20px; background-color: #fff; position: absolute; left: 50%; top: -10px; margin-left: -10px;}
.i-mould .title .line strong:before{content: '';width: 10px; height: 10px; background-color: #957961; position: absolute; left: 5px; top: 5px;}
.i-mould .more{margin-top:10px;}
.i-mould .more a{display: inline-block; border-radius: 3px; padding: 3px 8px; background-color: #e5bb96; color: #fff; text-transform: uppercase; margin-right:10px;}
.i-mould .more a:hover{background-color: #c19d7e;}
.i-media .more a{margin-right:0;}

.i-project{margin-top: 0;}
.i-project .album-3 .nav-tabs{margin-bottom: 20px;}
.i-project .album-3 .row > div{padding: 0;}
.i-project .album-3 .album-list .item{margin-top: 0;}
.i-contact{margin: 0; position: relative;}
.i-contact img{width: 100%;}
.i-contact .con{background-color: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-transform: uppercase; text-align: center; padding-top:45px;}
.i-contact .t{font-size: 26px; color: #fff;}
.i-contact .title{font-size:68px; margin:0 0 15px; color:#fff;}
.i-contact a{display: inline-block; border-radius: 3px; padding: 6px 20px; background-color: #e5bb96; font-size: 26px; color: #fff; margin-top: 30px;}
.i-contact a:hover{background-color: #c19d7e;}
.i-video{margin: 0 15px 30px; position: relative; padding-bottom: 5px;}
.i-video .bg{position: absolute; bottom:0; left: 0; width: 100%; height: auto;box-shadow: 0 0 10px rgba(0,0,0,0.3); background-color: #fff; padding:30px 5px 450px;}
.i-media{background-color: #eee; margin: 0; padding: 30px 0 5px;}
.i-media .title .line strong{background-color: #eee;}
.i-media .album-list .row > div{padding: 0;}
.i-map{padding-top: 30px; margin-bottom: 0;}
.i-map .map{height: 380px;}
.i-map .info{background-color: #9b8776; color: #fff; padding: 10px 0;}
.i-map .info .title{font-size: 22px; color:#fff; margin-top:35px;}
.i-map .info .title .line{width: 95px; background-color: #726051;margin-top:5px;}
.i-map .info .title .line strong{width:10px; height: 10px; background-color: #9b8776; top: -5px; margin-left: -8px;}
.i-map .info .title .line strong:before{width: 4px; height: 4px; background-color: #4d3d2f; left: 3px; top: 3px;}
.i-map .address{overflow: hidden; zoom:1; font-size: 14px;}
.i-map .address p{overflow: hidden; zoom:1; display: flex; align-items: center; margin: 15px 15px 0; float: left;}
.i-map .address img{float:left; width:70px; margin-right: 10px;}
@media (max-width:768px){
	.slide-pc{display:none;}
	.slide-m{display:block;}
    .slide-3{top: 64px;}
	.filter{margin-top:64px;}
    .filter img, .filter .show{width:auto; height: 480px; max-width: none;}
    .filter.fadeOutUp .show{animation-name: m-fadeOutUp;}
    .filter.fadeInDown .show{animation-name: m-fadeInDown;}
    .i-mould .title{font-size: 32px;}
    .i-contact .con{padding-top: 25px;}
    .i-contact img{height: 280px;}
    .i-contact .t{font-size: 32px;}
    .i-contact .t small{font-size: 14px; margin-top:10px;}
    .i-contact a{font-size: 16px; margin-top:20px;}
    .i-video .title{margin-bottom: 15px;}
    .i-video .bg{position: static; padding-bottom: 0; box-shadow: none;}
    .i-video .more{margin-bottom: 0;}
    .i-map .info{padding: 0 0 20px;}
    .i-map .info .title{margin-bottom: 10px;}
    .i-map .address p{margin-top:20px;}
}


/* page */
.page-con{margin: 50px 0; padding: 0 50px;}

/* project */
.project,
.media,
.video{margin: 30px 0;}
.project .album-1 .nav-tabs,
.media .album-2 .nav-tabs{margin-bottom: 20px;}
.project .album-1 .tab-content,
.media .album-2 .tab-content{position: relative;}
.project .album-1 .album-list .row > div,
.media .album-2 .album-list .row > div{padding: 0;}
.project .album-1 .album-list .item{margin-top: 0;}
.project .album-1 .album-list .con{padding: 0;}

/* media */
.media .album-list .item{margin-top:0;}

/* video */
.video .video-list .row > div{padding: 0;}


/* contact */
.contact-detail{ color: #333; box-shadow: 0 0 25px rgba(14,5,10,0.5); padding:30px 80px;background-color: #fff;}
.contact-detail .title{ margin:0 0 30px; text-align: center; text-transform: capitalize; color:#555;}
.contact-detail .title span{display:inline-block; border-bottom: 1px solid #aaa099; padding-bottom:5px}
.contact-detail .content p{overflow: hidden; zoom:1; text-transform: uppercase; display: flex; align-items: center; margin: 15px 0 0;}
.contact-detail .content img{float:left; width:40px; margin-right: 10px;}
@media (min-width: 768px) {
    .contact .map{width:100%; height:720px; overflow:hidden;}
    .contact-detail{ width: 120%;position: relative; left:-20%; display: flex; margin-top:100px;}
    .contact-detail .flex{display: flex; align-items: center; justify-content: center; width: 100%; min-height: 450px;}
}
@media (max-width: 768px) {
    .contact{margin: 30px 0;}
    .contact-detail .title{margin-bottom: 15px;}
    .contact-detail{padding: 20px; margin-top: 15px;}
}


@media (max-width: 768px){
    /* reset */
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    h4{font-size: 16px;}
    h5{font-size: 14px;}
    /* ft */
    .copyright{font-size:12px;}
    .ftLogo img{height: 30px;}

    /* page */
    .page-con{margin: 30px 0; padding: 0;}
}


@keyframes fadeOutUp {
    0% { opacity: 1;top:0; left:0; width:100%;}
    100% {opacity: 0;top:-100%; left:50%; width:0;}
}
@keyframes fadeInDown {
    0% { opacity: 0;top:-100%; left:50%; width:0;}
    100% {opacity: 1;top:0; left:0; width:100%;}
}

@keyframes m-fadeOutUp {
    0% { opacity: 1;top:0; left:0; width:auto;}
    100% {opacity: 0;top:-100%; left:50%; width:0;}
}
@keyframes m-fadeInDown {
    0% { opacity: 0;top:-100%; left:50%; width:0;}
    100% {opacity: 1;top:0; left:0; width:auto;}
}