/* CSS Document */


.inviewStd { opacity: 0; -ms-transition: all .3s .3s; -webkit-transition: all .3s .3s; transition: all .3s .3s; -ms-transform: translateY(20px);-webkit-transform: translateY(20px);transform: translateY(20px); }
.inviewStd.inview { opacity: 1;  -ms-transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px);}


.inviewApp { opacity: 0; -ms-transition: all .5s .3s; -webkit-transition: all .5s .3s; transition: all .5s .3s; }
.inviewApp.inview { opacity: 1; }


.inviewCurtain { overflow: hidden; position: relative; }
.inviewCurtain:before,
.inviewCurtain:after { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; rihgt: 0; bottom: 0; }
.inviewCurtain:before { z-index: 2; background: #699996; -ms-transition: all .3s .8s; -webkit-transition: all .3s .8s; transition: all .3s .8s;  }
.inviewCurtain:after { z-index: 3; background: #FFF; -ms-transition: all .3s .3s; -webkit-transition: all .3s .3s; transition: all .3s .3s; }

.inviewCurtain.curtainL.inview:before { -ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.inviewCurtain.curtainL.inview:after {-ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);transform: translateX(-100%);}

.inviewCurtain.curtainR.inview:before { -ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}
.inviewCurtain.curtainR.inview:after {-ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);}



.zoomthumb { position: relative; overflow: hidden; }
.zoomthumb .thumbimg,
.zoomthumb:after{ content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; border: 0; margin: auto; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s;  }
.zoomthumb .thumbimg { background-size: cover; background-position: center center; }
.zoomthumb:after { background: rgba(0,0,0,.2); opacity: 0; }

.zoomthumb:before { background-size: cover; background-position: center center; }
.zoomthumb:after { background: rgba(0,0,0,.2); opacity: 0; }

.zoomthumb.hover:hover .thumbimg { -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
.zoomthumb.hover:hover:after { opacity: 1; }