.teaser {opacity: 0;transform: translate3d(0, 25%, 0);transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;}
.teaser.is-visible {opacity: 1;transform: translate3d(0, 0, 0);}
.teaser img {opacity: 1.0;transition: transform 0.3s ease-out, opacity 1.0s ease 0.1s;}
.teaser img:after {content: '';position: absolute;display: block;left: 0;bottom: -6px; width: 100%;height: 6px;background-color: #bd9e81;}
/* .teaser:hover img {transform: translateY(-6px);opacity: 0.7;} */
.lefter {opacity: 0;transform: translate3d(-35%, 35%, 0);transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;}
.lefter.is-visible {opacity: 1;transform: translate3d(0, 0, 0);}
.lefter img {opacity: 1.0;transition: transform 0.3s ease-out, opacity 1.0s ease 0.1s;}
.lefter img:after {content: '';position: absolute;display: block;left: 0;bottom: -6px;width: 100%;height: 6px;background-color: #bd9e81;}
/* .lefter:hover img {transform: translateY(-6px);opacity: 0.7;} */
.righter { opacity: 0; transform: translate3d(35%, 35%, 0); transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;}
.righter.is-visible {opacity: 1;transform: translate3d(0, 0, 0);}
.righter img {opacity: 1.0;transition: transform 0.3s ease-out, opacity 1.0s ease 0.1s;}
.righter img:after { content: ''; position: absolute;display: block;left: 0;bottom: -6px;width: 100%;height: 6px;background-color: #bd9e81;}
/* .righter:hover img {transform: translateY(-6px);opacity: 0.7;} */
.downer {opacity: 0;transform: translate3d(0, -35%, 0);transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;}
.downer.is-visible {opacity: 1; transform: translate3d(0, 0, 0);}
.downer img {opacity: 1.0;transition: transform 0.3s ease-out, opacity 1.0s ease 0.1s;}
.downer img:after {content: '';position: absolute;display: block;left: 0;bottom: -6px;width: 100%;height: 6px;background-color: #bd9e81;}
/* .downer:hover img {transform: translateY(-6px);opacity: 0.7;} */
.lter {opacity: 0;transform: translate3d(-35%, 0, 0);transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;}
.lter.is-visible {opacity: 1;transform: translate3d(0, 0, 0);}
.lter img {opacity: 1.0;transition: transform 0.3s ease-out, opacity 1.0s ease 0.1s;}
.lter img:after {content: '';position: absolute;display: block;left: 0;bottom: -6px;width: 100%;height: 6px;background-color: #bd9e81;}
/* .lter:hover img {transform: translateY(-6px);opacity: 0.7;} */
.rter {opacity: 0;transform: translate3d(35%, 0, 0);transition: opacity 1s ease-out 0.2s, transform 0.7s ease-out 0.2s;}
.rter.is-visible {opacity: 1;transform: translate3d(0, 0, 0);}
.rter img {opacity: 1.0;transition: transform 0.3s ease-out, opacity 1.0s ease 0.1s;}
.rter img:after {content: '';position: absolute;display: block;left: 0;bottom: -6px;width: 100%;height: 6px;background-color: #bd9e81;}
/* .rter:hover img { transform: translateY(-6px); opacity: 0.7;} */
.delay2 {transition-delay: 0.2s;}
.delay4 {transition-delay: 0.4s;}
.delay6 {transition-delay: 0.6s;}
.delay8 {transition-delay: 0.8s;}
.delay10 {transition-delay: 1s;}