.top-images{opacity:0;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s}.top-images.show{opacity:1}.about-container{width:80%;margin:auto;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start}.about-wrap{position:relative;display:block;width:40%;overflow:hidden}.about-wrap:nth-child(odd){margin:0% 5%}.about-wrap:nth-child(even){margin:10% 5% 5%}.about-wrap:hover .about-images-img img{-webkit-filter:grayscale(.9);filter:grayscale(.9);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.about-wrap:hover .about-btn p{letter-spacing:.2em;opacity:1;-moz-transition:opacity .6s .4s,letter-spacing .6s .3s;-o-transition:opacity .6s .4s,letter-spacing .6s .3s;-webkit-transition:opacity .6s,letter-spacing .6s;-webkit-transition-delay:.4s,.3s;transition:opacity .6s .4s,letter-spacing .6s .3s}.about-wrap:hover .about-btn span{width:100%}.about-title{position:relative;width:150px;margin:0 0 0 50%;font-family:"Neuton",serif;font-weight:200;font-size:1rem;text-align:center;white-space:nowrap;letter-spacing:.2rem;opacity:0;z-index:2;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.about-title:before{content:"";position:absolute;width:100%;height:1px;top:24px;left:0;background:#aaa;z-index:5;-moz-transition:width .6s .4s;-o-transition:width .6s .4s;-webkit-transition:width .6s;-webkit-transition-delay:.4s;transition:width .6s .4s}.about-title.show{opacity:1}.about-images{position:relative;width:100%;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:center;justify-content:center;background:#272727;z-index:1}.about-images-img{position:relative;margin:20px;overflow:hidden;-webkit-filter:drop-shadow(2px 4px 6px #111);filter:drop-shadow(2px 4px 6px #111);-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.about-images-img img{max-width:100%;-moz-transition:-moz-transform 1.2s,filter .6s;-o-transition:-o-transform 1.2s,filter .6s;-webkit-transition:-webkit-transform 1.2s,filter .6s;transition:transform 1.2s,filter .6s}.about-images-img:after{content:"";position:absolute;bottom:0;width:100%;height:100%;background:#222;-moz-transition:height 1s;-o-transition:height 1s;-webkit-transition:height 1s;transition:height 1s}.show .about-images-img:after{height:0%}.about-images-border{position:absolute;width:100%;height:100%;top:0;left:0}.about-images-border span{position:absolute;opacity:0}.about-images-border span:nth-child(1){width:0;height:100%;border-top:solid 1px #aaa}.about-images-border span:nth-child(2){width:calc(100% - 1px);height:0;top:0;border-right:solid 1px #aaa}.about-images-border span:nth-child(3){width:0;height:calc(100% - 1px);right:0;border-bottom:solid 1px #aaa}.about-images-border span:nth-child(4){width:100%;height:0;bottom:0;border-left:solid 1px #aaa}.about-btn{position:absolute;display:inline-flex;-webkit-flex-flow:column;flex-flow:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:90px;height:-webkit-fill-available;top:0;left:0;margin:20px;z-index:2}.about-btn p{position:relative;font-size:.75em;opacity:0;-moz-transition:opacity .6s,letter-spacing .6s;-o-transition:opacity .6s,letter-spacing .6s;-webkit-transition:opacity .6s,letter-spacing .6s;transition:opacity .6s,letter-spacing .6s}.about-btn span{position:absolute;display:block;width:0;height:100%;left:0;bottom:0;background:#1d1d1d;-moz-transition:width .8s;-o-transition:width .8s;-webkit-transition:width .8s;transition:width .8s}.about-content{position:relative;margin:20px 0 0;opacity:0;-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}.about-content.show{opacity:1;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}.about-line-t,.about-line-b{position:absolute;width:30px;height:30px;border:solid 1px #404040}.about-line-t{border-right:unset !important;border-bottom:unset !important}.about-line-b{right:0;bottom:0;border-top:unset !important;border-left:unset !important}.about-text{padding:30px}.about-text h4{line-height:2}.about-text p{font-size:.875em;margin-bottom:20px}.about-text p:last-child{margin-bottom:0}.about-text p.en{font-size:.75em}@media screen and (min-width: 1101px){.about-wrap:hover .about-title{width:100%}.about-wrap:hover .about-images-border span:nth-child(1){opacity:0;width:calc(100% + 1px);-moz-transition:width .6s;-o-transition:width .6s;-webkit-transition:width .6s;transition:width .6s}.about-wrap:hover .about-images-border span:nth-child(2){opacity:1;height:100%;-moz-transition:height .3s .6s;-o-transition:height .3s .6s;-webkit-transition:height .3s;-webkit-transition-delay:.6s;transition:height .3s .6s}.about-wrap:hover .about-images-border span:nth-child(3){opacity:1;width:calc(100% + 1px);-moz-transition:width .3s .9s;-o-transition:width .3s .9s;-webkit-transition:width .3s;-webkit-transition-delay:.9s;transition:width .3s .9s}.about-wrap:hover .about-images-border span:nth-child(4){opacity:1;height:100%;-moz-transition:height .3s 1.2s;-o-transition:height .3s 1.2s;-webkit-transition:height .3s;-webkit-transition-delay:1.2s;transition:height .3s 1.2s}}@media screen and (max-width: 1100px){.about-container{width:100%}.about-wrap:hover .about-images-img{-webkit-filter:drop-shadow(2px 4px 6px #ccc);filter:drop-shadow(2px 4px 6px #ccc)}.about-title{color:#000}.about-images{width:calc(100% - 2px);background:transparent;border:solid 1px #eee}.about-images-img{-webkit-filter:drop-shadow(2px 4px 6px #aaa);filter:drop-shadow(2px 4px 6px #aaa)}.about-images-img:after{background:#f6f6f6}.about-btn span{background:#f6f6f6}.about-line-t,.about-line-b{border:solid 1px #ccc}.about-text h4{font-weight:normal;margin:0 0 10px}}@media screen and (max-width: 800px){.about-container{max-width:600px;-webkit-flex-flow:column;flex-flow:column}.about-wrap{width:calc(100% - 40px);padding:0 20px}.about-wrap:nth-child(odd){margin:0 0 50px}.about-wrap:nth-child(even){margin:0 0 50px}}