.swing--in-top .direction-reveal__anim--in{-webkit-animation-name:swing--in-top;animation-name:swing--in-top}.swing--in-top .direction-reveal__anim--out{-webkit-animation-name:swing--out-bottom;animation-name:swing--out-bottom}.swing--in-bottom .direction-reveal__anim--in{-webkit-animation-name:swing--in-bottom;animation-name:swing--in-bottom}.swing--in-bottom .direction-reveal__anim--out{-webkit-animation-name:swing--out-top;animation-name:swing--out-top}.swing--in-left .direction-reveal__anim--in{-webkit-animation-name:swing--in-left;animation-name:swing--in-left}.swing--in-left .direction-reveal__anim--out{-webkit-animation-name:swing--out-right;animation-name:swing--out-right}.swing--in-right .direction-reveal__anim--in{-webkit-animation-name:swing--in-right;animation-name:swing--in-right}.swing--in-right .direction-reveal__anim--out{-webkit-animation-name:swing--out-left;animation-name:swing--out-left}.swing--out-top .direction-reveal__anim--in{-webkit-animation-name:swing--out-top;animation-name:swing--out-top}.swing--out-top .direction-reveal__anim--out{-webkit-animation-name:swing--in-bottom;animation-name:swing--in-bottom}.swing--out-bottom .direction-reveal__anim--in{-webkit-animation-name:swing--out-bottom;animation-name:swing--out-bottom}.swing--out-bottom .direction-reveal__anim--out{-webkit-animation-name:swing--in-top;animation-name:swing--in-top}.swing--out-left .direction-reveal__anim--in{-webkit-animation-name:swing--out-left;animation-name:swing--out-left}.swing--out-left .direction-reveal__anim--out{-webkit-animation-name:swing--in-right;animation-name:swing--in-right}.swing--out-right .direction-reveal__anim--in{-webkit-animation-name:swing--out-right;animation-name:swing--out-right}.swing--out-right .direction-reveal__anim--out{-webkit-animation-name:swing--in-left;animation-name:swing--in-left}.direction-reveal [class*=swing--]{-webkit-perspective:400px;perspective:400px}.direction-reveal [class*=swing--] .direction-reveal__anim--in,.direction-reveal [class*=swing--] .direction-reveal__anim--out{-webkit-transform:rotate3d(0,0,0,0);transform:rotate3d(0,0,0,0);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}.swing--in-top,.swing--out-top{-webkit-perspective-origin:center top;perspective-origin:center top}.swing--in-top .direction-reveal__anim--in,.swing--in-top .direction-reveal__anim--out,.swing--out-top .direction-reveal__anim--in,.swing--out-top .direction-reveal__anim--out{-webkit-transform-origin:center top;transform-origin:center top}.swing--in-bottom,.swing--out-bottom{-webkit-perspective-origin:center bottom;perspective-origin:center bottom}.swing--in-bottom .direction-reveal__anim--in,.swing--in-bottom .direction-reveal__anim--out,.swing--out-bottom .direction-reveal__anim--in,.swing--out-bottom .direction-reveal__anim--out{-webkit-transform-origin:center bottom;transform-origin:center bottom}.swing--in-left,.swing--out-left{-webkit-perspective-origin:left center;perspective-origin:left center}.swing--in-left .direction-reveal__anim--in,.swing--in-left .direction-reveal__anim--out,.swing--out-left .direction-reveal__anim--in,.swing--out-left .direction-reveal__anim--out{-webkit-transform-origin:left center;transform-origin:left center}.swing--in-right,.swing--out-right{-webkit-perspective-origin:right center;perspective-origin:right center}.swing--in-right .direction-reveal__anim--in,.swing--in-right .direction-reveal__anim--out,.swing--out-right .direction-reveal__anim--in,.swing--out-right .direction-reveal__anim--out{-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes swing--in-top{0%{-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}}@keyframes swing--in-top{0%{-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}}@-webkit-keyframes swing--out-top{100%{-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}}@keyframes swing--out-top{100%{-webkit-transform:rotate3d(-1,0,0,90deg);transform:rotate3d(-1,0,0,90deg)}}@-webkit-keyframes swing--in-bottom{0%{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}}@keyframes swing--in-bottom{0%{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}}@-webkit-keyframes swing--out-bottom{100%{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}}@keyframes swing--out-bottom{100%{-webkit-transform:rotate3d(1,0,0,90deg);transform:rotate3d(1,0,0,90deg)}}@-webkit-keyframes swing--in-left{0%{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}}@keyframes swing--in-left{0%{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}}@-webkit-keyframes swing--out-left{100%{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}}@keyframes swing--out-left{100%{-webkit-transform:rotate3d(0,1,0,90deg);transform:rotate3d(0,1,0,90deg)}}@-webkit-keyframes swing--in-right{0%{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}}@keyframes swing--in-right{0%{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}}@-webkit-keyframes swing--out-right{100%{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}}@keyframes swing--out-right{100%{-webkit-transform:rotate3d(0,-1,0,90deg);transform:rotate3d(0,-1,0,90deg)}}.slide--in-top .direction-reveal__anim--in{-webkit-animation-name:slide--in-top;animation-name:slide--in-top}.slide--in-top .direction-reveal__anim--out{-webkit-animation-name:slide--out-bottom;animation-name:slide--out-bottom}.slide--in-bottom .direction-reveal__anim--in{-webkit-animation-name:slide--in-bottom;animation-name:slide--in-bottom}.slide--in-bottom .direction-reveal__anim--out{-webkit-animation-name:slide--out-top;animation-name:slide--out-top}.slide--in-left .direction-reveal__anim--in{-webkit-animation-name:slide--in-left;animation-name:slide--in-left}.slide--in-left .direction-reveal__anim--out{-webkit-animation-name:slide--out-right;animation-name:slide--out-right}.slide--in-right .direction-reveal__anim--in{-webkit-animation-name:slide--in-right;animation-name:slide--in-right}.slide--in-right .direction-reveal__anim--out{-webkit-animation-name:slide--out-left;animation-name:slide--out-left}.slide--out-top .direction-reveal__anim--in{-webkit-animation-name:slide--out-top;animation-name:slide--out-top}.slide--out-top .direction-reveal__anim--out{-webkit-animation-name:slide--in-bottom;animation-name:slide--in-bottom}.slide--out-bottom .direction-reveal__anim--in{-webkit-animation-name:slide--out-bottom;animation-name:slide--out-bottom}.slide--out-bottom .direction-reveal__anim--out{-webkit-animation-name:slide--in-top;animation-name:slide--in-top}.slide--out-left .direction-reveal__anim--in{-webkit-animation-name:slide--out-left;animation-name:slide--out-left}.slide--out-left .direction-reveal__anim--out{-webkit-animation-name:slide--in-right;animation-name:slide--in-right}.slide--out-right .direction-reveal__anim--in{-webkit-animation-name:slide--out-right;animation-name:slide--out-right}.slide--out-right .direction-reveal__anim--out{-webkit-animation-name:slide--in-left;animation-name:slide--in-left}.direction-reveal [class*=slide--] .direction-reveal__anim--in,.direction-reveal [class*=slide--] .direction-reveal__anim--out{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}@-webkit-keyframes slide--in-top{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slide--in-top{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes slide--out-top{100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slide--out-top{100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes slide--in-bottom{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slide--in-bottom{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slide--out-bottom{100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slide--out-bottom{100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slide--in-left{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slide--in-left{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes slide--out-left{100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slide--out-left{100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes slide--in-right{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slide--in-right{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes slide--out-right{100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slide--out-right{100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.rotate--in-top .direction-reveal__anim--in{-webkit-animation-name:rotate--in-top;animation-name:rotate--in-top}.rotate--in-top .direction-reveal__anim--out{-webkit-animation-name:rotate--out-bottom;animation-name:rotate--out-bottom}.rotate--in-bottom .direction-reveal__anim--in{-webkit-animation-name:rotate--in-bottom;animation-name:rotate--in-bottom}.rotate--in-bottom .direction-reveal__anim--out{-webkit-animation-name:rotate--out-top;animation-name:rotate--out-top}.rotate--in-left .direction-reveal__anim--in{-webkit-animation-name:rotate--in-left;animation-name:rotate--in-left}.rotate--in-left .direction-reveal__anim--out{-webkit-animation-name:rotate--out-right;animation-name:rotate--out-right}.rotate--in-right .direction-reveal__anim--in{-webkit-animation-name:rotate--in-right;animation-name:rotate--in-right}.rotate--in-right .direction-reveal__anim--out{-webkit-animation-name:rotate--out-left;animation-name:rotate--out-left}.rotate--out-top .direction-reveal__anim--in{-webkit-animation-name:rotate--out-top;animation-name:rotate--out-top}.rotate--out-top .direction-reveal__anim--out{-webkit-animation-name:rotate--in-bottom;animation-name:rotate--in-bottom}.rotate--out-bottom .direction-reveal__anim--in{-webkit-animation-name:rotate--out-bottom;animation-name:rotate--out-bottom}.rotate--out-bottom .direction-reveal__anim--out{-webkit-animation-name:rotate--in-top;animation-name:rotate--in-top}.rotate--out-left .direction-reveal__anim--in{-webkit-animation-name:rotate--out-left;animation-name:rotate--out-left}.rotate--out-left .direction-reveal__anim--out{-webkit-animation-name:rotate--in-right;animation-name:rotate--in-right}.rotate--out-right .direction-reveal__anim--in{-webkit-animation-name:rotate--out-right;animation-name:rotate--out-right}.rotate--out-right .direction-reveal__anim--out{-webkit-animation-name:rotate--in-left;animation-name:rotate--in-left}.direction-reveal [class*=rotate--] .direction-reveal__anim--in,.direction-reveal [class*=rotate--] .direction-reveal__anim--out{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.rotate--in-top .direction-reveal__anim--in,.rotate--in-top .direction-reveal__anim--out,.rotate--out-top .direction-reveal__anim--in,.rotate--out-top .direction-reveal__anim--out{-webkit-transform-origin:left top;transform-origin:left top}.rotate--in-bottom .direction-reveal__anim--in,.rotate--in-bottom .direction-reveal__anim--out,.rotate--out-bottom .direction-reveal__anim--in,.rotate--out-bottom .direction-reveal__anim--out{-webkit-transform-origin:left bottom;transform-origin:left bottom}.rotate--in-left .direction-reveal__anim--in,.rotate--in-left .direction-reveal__anim--out,.rotate--out-left .direction-reveal__anim--in,.rotate--out-left .direction-reveal__anim--out{-webkit-transform-origin:left top;transform-origin:left top}.rotate--in-right .direction-reveal__anim--in,.rotate--in-right .direction-reveal__anim--out,.rotate--out-right .direction-reveal__anim--in,.rotate--out-right .direction-reveal__anim--out{-webkit-transform-origin:right top;transform-origin:right top}@-webkit-keyframes rotate--in-top{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@keyframes rotate--in-top{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@-webkit-keyframes rotate--out-top{100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@keyframes rotate--out-top{100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@-webkit-keyframes rotate--in-bottom{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate--in-bottom{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate--out-bottom{100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate--out-bottom{100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate--in-left{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate--in-left{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate--out-left{100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate--out-left{100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes rotate--in-right{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@keyframes rotate--in-right{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@-webkit-keyframes rotate--out-right{100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@keyframes rotate--out-right{100%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}.flip--in-top .direction-reveal__anim--in{-webkit-animation-name:flip--in-top;animation-name:flip--in-top}.flip--in-top .direction-reveal__anim--out{-webkit-animation-name:flip--out-bottom;animation-name:flip--out-bottom}.flip--in-bottom .direction-reveal__anim--in{-webkit-animation-name:flip--in-bottom;animation-name:flip--in-bottom}.flip--in-bottom .direction-reveal__anim--out{-webkit-animation-name:flip--out-top;animation-name:flip--out-top}.flip--in-left .direction-reveal__anim--in{-webkit-animation-name:flip--in-left;animation-name:flip--in-left}.flip--in-left .direction-reveal__anim--out{-webkit-animation-name:flip--out-right;animation-name:flip--out-right}.flip--in-right .direction-reveal__anim--in{-webkit-animation-name:flip--in-right;animation-name:flip--in-right}.flip--in-right .direction-reveal__anim--out{-webkit-animation-name:flip--out-left;animation-name:flip--out-left}.flip--out-top .direction-reveal__anim--in{-webkit-animation-name:flip--out-top;animation-name:flip--out-top}.flip--out-top .direction-reveal__anim--out{-webkit-animation-name:flip--in-bottom;animation-name:flip--in-bottom}.flip--out-bottom .direction-reveal__anim--in{-webkit-animation-name:flip--out-bottom;animation-name:flip--out-bottom}.flip--out-bottom .direction-reveal__anim--out{-webkit-animation-name:flip--in-top;animation-name:flip--in-top}.flip--out-left .direction-reveal__anim--in{-webkit-animation-name:flip--out-left;animation-name:flip--out-left}.flip--out-left .direction-reveal__anim--out{-webkit-animation-name:flip--in-right;animation-name:flip--in-right}.flip--out-right .direction-reveal__anim--in{-webkit-animation-name:flip--out-right;animation-name:flip--out-right}.flip--out-right .direction-reveal__anim--out{-webkit-animation-name:flip--in-left;animation-name:flip--in-left}.direction-reveal [class*=flip--]{-webkit-perspective:800px;perspective:800px;overflow:visible}.direction-reveal [class*=flip--] .direction-reveal__anim--in,.direction-reveal [class*=flip--] .direction-reveal__anim--out{-webkit-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0);-webkit-animation-timing-function:cubic-bezier(.455,.03,.515,.955);animation-timing-function:cubic-bezier(.455,.03,.515,.955);-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}@-webkit-keyframes flip--in-top{0%{-webkit-transform:rotateX(180deg) rotateY(0);transform:rotateX(180deg) rotateY(0)}}@keyframes flip--in-top{0%{-webkit-transform:rotateX(180deg) rotateY(0);transform:rotateX(180deg) rotateY(0)}}@-webkit-keyframes flip--out-top{100%{-webkit-transform:rotateX(180deg) rotateY(0);transform:rotateX(180deg) rotateY(0)}}@keyframes flip--out-top{100%{-webkit-transform:rotateX(180deg) rotateY(0);transform:rotateX(180deg) rotateY(0)}}@-webkit-keyframes flip--in-bottom{0%{-webkit-transform:rotateX(-180deg) rotateY(0);transform:rotateX(-180deg) rotateY(0)}}@keyframes flip--in-bottom{0%{-webkit-transform:rotateX(-180deg) rotateY(0);transform:rotateX(-180deg) rotateY(0)}}@-webkit-keyframes flip--out-bottom{100%{-webkit-transform:rotateX(-180deg) rotateY(0);transform:rotateX(-180deg) rotateY(0)}}@keyframes flip--out-bottom{100%{-webkit-transform:rotateX(-180deg) rotateY(0);transform:rotateX(-180deg) rotateY(0)}}@-webkit-keyframes flip--in-left{0%{-webkit-transform:rotateX(0) rotateY(-180deg);transform:rotateX(0) rotateY(-180deg)}}@keyframes flip--in-left{0%{-webkit-transform:rotateX(0) rotateY(-180deg);transform:rotateX(0) rotateY(-180deg)}}@-webkit-keyframes flip--out-left{100%{-webkit-transform:rotateX(0) rotateY(-180deg);transform:rotateX(0) rotateY(-180deg)}}@keyframes flip--out-left{100%{-webkit-transform:rotateX(0) rotateY(-180deg);transform:rotateX(0) rotateY(-180deg)}}@-webkit-keyframes flip--in-right{0%{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}}@keyframes flip--in-right{0%{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}}@-webkit-keyframes flip--out-right{100%{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}}@keyframes flip--out-right{100%{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}}.direction-reveal__card{display:inline-block;position:relative;overflow:hidden}.direction-reveal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;color:#fff;overflow:hidden;background-color:rgba(0,0,0,.6)}.direction-reveal__anim--in,.direction-reveal__anim--out{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.direction-reveal__anim--in{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.direction-reveal__title{margin-top:0}.direction-reveal__text{margin-bottom:0}.direction-reveal--3-grid-flexbox{display:inline-block;margin-right:-10px;margin-left:-10px}.direction-reveal--3-grid-flexbox .direction-reveal__card{border:10px solid transparent}@media (min-width:576px){.direction-reveal--3-grid-flexbox .direction-reveal__card{float:left;width:100%;max-height:350px;overflow:hidden;border:0}}.direction-reveal--3-grid-cssgrid{display:-ms-grid;display:grid;margin-right:-10px;margin-left:-10px}@media (min-width:576px){.direction-reveal--3-grid-cssgrid{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}.direction-reveal--3-grid-cssgrid .direction-reveal__card{border:10px solid transparent}.direction-reveal--grid-bootstrap .direction-reveal__card{margin-top:15px;margin-bottom:15px}