.owl-item{overflow:hidden;}
.fxSwipe .owl-stage, .fxPushReveal .owl-stage, .fxSnapIn .owl-stage, .fxLetMeIn .owl-stage, .fxStickIt .owl-stage, .fxSlideBehind .owl-stage{transform:none !important;width:100% !important;position:relative;height:0;border:none;overflow:hidden;display:block;padding-top:31.25%;}
.fxSwipe .owl-item, .fxPushReveal .owl-item, .fxSnapIn .owl-item, .fxLetMeIn .owl-item, .fxStickIt .owl-item, .fxSlideBehind .owl-item{width:100%;height:100%;position:absolute;top:0 !important;left:0 !important;opacity:0;z-index:10;}
.fxSwipe .owl-item.active, .fxPushReveal .owl-item.active, .fxSnapIn .owl-item.active, .fxLetMeIn .owl-item.active, .fxStickIt .owl-item.active, .fxSlideBehind .owl-item.active{z-index:20;opacity:1;}
.fxSwipe .owl-item.owl-animated-out, .fxPushReveal .owl-item.owl-animated-out, .fxSnapIn .owl-item.owl-animated-out, .fxLetMeIn .owl-item.owl-animated-out, .fxStickIt .owl-item.owl-animated-out, .fxSlideBehind .owl-item.owl-animated-out{opacity:1;}
.fxSwipe .owl-item.owl-animated-in, .fxPushReveal .owl-item.owl-animated-in, .fxSnapIn .owl-item.owl-animated-in, .fxLetMeIn .owl-item.owl-animated-in, .fxStickIt .owl-item.owl-animated-in, .fxSlideBehind .owl-item.owl-animated-in{opacity:0;}
.fxSoftScale .animated{animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.fxSoftScaleOutNext{animation-name:scaleUp;}
.fxSoftScaleInNext{animation-name:scaleDownUp;}
.fxSoftScaleOutPrev{animation-name:scaleDown;}
.fxSoftScaleInPrev{animation-name:scaleUpDown;}
@keyframes scaleUp{from{opacity:1;}
to{transform:scale(1.2);opacity:0;}
}
@keyframes scaleDownUp{from{opacity:0;transform:scale(0.9);}
to{opacity:1;transform:scale(1);}
}
@keyframes scaleDown{to{opacity:0;transform:scale(0.9);}
}
@keyframes scaleUpDown{from{transform:scale(1.2);}
to{opacity:1;transform:scale(1);}
}
.fxPressAway .animated{animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.fxPressAwayOutNext{animation-name:slideOutScaleRight;}
.fxPressAwayInNext{animation-name:slideInFromLeft;}
.fxPressAwayOutPrev{animation-name:slideOutScaleLeft;}
.fxPressAwayInPrev{animation-name:slideInFromRight;}
@keyframes slideOutScaleRight{to{transform:translateX(100%) scale(0.9);opacity:0;}
}
@keyframes slideInFromLeft{from{transform:translateX(-100%);}
to{transform:translateX(0);}
}
@keyframes slideOutScaleLeft{to{transform:translateX(-100%) scale(0.9);opacity:0;}
}
@keyframes slideInFromRight{from{transform:translateX(100%);}
to{transform:translateX(0);}
}
.fxSideSwing .animated{animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(1, -0.2, 0, 1);}
.fxSideSwingOutNext{animation-name:slideOutScaleRight;}
.fxSideSwingInNext{animation-name:slideInFromLeft;}
.fxSideSwingOutPrev{animation-name:slideOutScaleLeft;}
.fxSideSwingInPrev{animation-name:slideInFromRight;}
.fxFortuneWheel .owl-stage{perspective:1600px;}
.fxFortuneWheel .animated{animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.fxFortuneWheelOutNext{animation-name:slideOutScaleRight;}
.fxFortuneWheelInNext{transform-origin:100% 50%;animation-name:rotateInFromLeft;}
.fxFortuneWheelOutPrev{animation-name:slideOutScaleLeft;}
.fxFortuneWheelInPrev{transform-origin:0% 50%;animation-name:rotateInFromRight;}
@keyframes rotateInFromLeft{from{transform:translateX(-100%) rotateY(-55deg);}
to{transform:translateX(0) rotateY(0deg);opacity:1;}
}
@keyframes rotateInFromRight{from{transform:translateX(100%) rotateY(55deg);}
to{transform:translateX(0) rotateY(0deg);opacity:1;}
}
.fxSwipe .owl-item.fxSwipeOutNext{z-index:30;}
.fxSwipe .owl-item.fxSwipeInPrev{opacity:1;}
.fxSwipeOutNext{animation:decreaseHeight 0.8s forwards ease-in-out;}
.fxSwipeInNext{animation:show 0.8s forwards ease-in-out;}
.fxSwipeOutPrev{animation:hide 0.8s forwards ease-in-out;}
.fxSwipeInPrev{animation:increaseHeight 0.8s forwards ease-in-out;}
@keyframes increaseHeight{from{height:0;}
to{height:100%;}
}
@keyframes decreaseHeight{to{height:0;}
}
@keyframes show{0%{opacity:0;}
1%,100%{opacity:1;}
}
@keyframes hide{0%,99%{opacity:1;}
100%{opacity:0;}
}
.fxPushReveal .owl-item.animated{opacity:1;animation-duration:0.7s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;}
.fxPushRevealOutNext{animation-name:slideOutBottom;}
.fxPushRevealInNext{animation-name:slideInHalfFromTop;}
.fxPushReveal .fxPushRevealInNext.owl-item{z-index:5;}
.fxPushRevealOutPrev{animation-name:slideOutHalfTop;}
.fxPushRevealInPrev{animation-name:slideInFromBottom;}
@keyframes slideOutBottom{to{transform:translateY(100%);}
}
@keyframes slideInHalfFromTop{from{transform:translateY(-50%);}
to{transform:translateY(0);}
}
@keyframes slideOutHalfTop{to{transform:translateY(-50%);}
}
@keyframes slideInFromBottom{from{transform:translateY(100%);}
to{transform:translateY(0);}
}
.fxSnapIn .owl-item:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:rgba(0, 0, 0, 0.8);transition:opacity 0.4s 0.1s ease-in;}
.fxSnapIn .owl-item.owl-animated-out:after{opacity:1;}
.fxSnapIn .owl-item.owl-animated-in{opacity:1;}
.fxSnapIn .animated{animation-duration:0.5s;animation-fill-mode:forwards;}
.fxSnapIn .owl-animated-in{animation-timing-function:ease-in;}
.fxSnapIn .owl-animated-out{animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
.fxSnapInOutNext{animation-name:slideOutLeft;}
.fxSnapInInNext{animation-name:slideFromRightFast;}
.fxSnapInOutPrev{animation-name:slideOutRight;}
.fxSnapInInPrev{animation-name:slideFromLeftFast;}
@keyframes slideOutLeft{to{transform:translateX(-10%);}
}
@keyframes slideFromRightFast{0%,50%{transform:translateX(100%);}
100%{transform:translateX(0%);}
}
@keyframes slideOutRight{to{transform:translateX(10%);}
}
@keyframes slideFromLeftFast{0%,50%{transform:translateX(-100%);}
100%{transform:translateX(0%);}
}
.fxLetMeIn .owl-stage{perspective:1600px;}
.fxLetMeIn .owl-item:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:rgba(0, 0, 0, 0.6);transition:opacity 0.5s ease-in-out;}
.fxLetMeIn .owl-item.fxLetMeInOutNext:after, .fxLetMeIn .owl-item.fxLetMeInOutPrev:after{opacity:1;}
.fxLetMeIn .owl-item.fxLetMeInInNext, .fxLetMeIn .owl-item.fxLetMeInInPrev{z-index:30;opacity:1;}
.fxLetMeInOutNext{transform-origin:0% 50%;animation:rotateOutRight 0.5s forwards ease-in-out;}
.fxLetMeInInNext{animation:slideFromRightFast 0.5s forwards ease;}
.fxLetMeInOutPrev{transform-origin:100% 0%;animation:rotateOutLeft 0.5s forwards ease-in-out;}
.fxLetMeInInPrev{animation:slideFromLeftFast 0.5s forwards ease;}
@keyframes rotateOutRight{to{transform:rotateY(10deg);}
}
@keyframes rotateOutLeft{to{transform:rotateY(-10deg);}
}
.fxStickIt .owl-stage{perspective:1600px;}
.fxStickIt .owl-item.fxStickItInNext{opacity:1;}
.fxStickItOutNext{transform-origin:50% 0%;animation:rotateBottomSideOut 0.8s forwards ease-in;}
.fxStickItInNext{animation:slideInFromBottomDelayed 0.8s forwards;}
.fxStickItOutPrev{opacity:1;animation:slideOutToBottom 0.8s forwards;}
.fxStickItInPrev{transform-origin:50% 0%;animation:rotateBottomSideIn 0.8s 0.1s forwards ease-in;}
@keyframes rotateBottomSideOut{40%{transform:rotateX(-15deg);animation-timing-function:ease-out;}
100%{opacity:0;transform:scale(0.8) translateZ(-200px);}
}
@keyframes slideInFromBottomDelayed{0%, 30%{transform:translateY(100%);}
100%{transform:translateY(0);}
}
@keyframes rotateBottomSideIn{0%{opacity:0;transform:scale(0.8) translateZ(-200px);}
60%{transform:scale(1) translateZ(0) rotateX(-15deg);animation-timing-function:ease-out;}
100%{opacity:1;transform:scale(1) translateZ(0) rotateX(0deg);}
}
.fxArchiveMe .owl-item:before, .fxArchiveMe .owl-item:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0, 0, 0, 0.7);transition:opacity 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
.fxArchiveMe .owl-item.fxArchiveMeInNext{z-index:30;opacity:1;}
.fxArchiveMe .owl-item.fxArchiveMeInNext:after{transition:none;}
.fxArchiveMe .owl-item:after, .fxArchiveMe .owl-item.fxArchiveMeOutNext:before{opacity:1;}
.fxArchiveMe .owl-item:before, .fxArchiveMe .owl-item.active:after, .fxArchiveMe .owl-item.fxArchiveMeInNext:after, .fxArchiveMe .owl-item.fxArchiveMeInPrev:after{opacity:0;}
.fxArchiveMeOutNext{animation:scaleHalfDown 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
.fxArchiveMeInNext{animation:slideInFromBottom 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
.fxArchiveMeOutPrev{animation:slideOutToBottom 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
.fxArchiveMeInPrev{animation:scaleHalfUp 0.7s cubic-bezier(0.7, 0, 0.3, 1);}
@keyframes scaleHalfDown{to{transform:scale(0.6);opacity:0;}
}
@keyframes slideOutToBottom{to{transform:translateY(100%);}
}
@keyframes scaleHalfUp{from{opacity:0;transform:scale(0.6);}
to{opacity:1;transform:scale(1);}
}
.fxVGrowth .owl-item.fxVGrowthInNext, .fxVGrowth .owl-item.fxVGrowthInPrev{z-index:30;opacity:1;}
.fxVGrowthOutNext{animation:scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);}
.fxVGrowthInNext{transform-origin:50% 100%;animation:maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);}
.fxVGrowthOutPrev{animation:scaleDown 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);}
.fxVGrowthInPrev{transform-origin:50% 0%;animation:maximize 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1);}
@keyframes maximize{from{transform:scale(0);}
to{transform:scale(1);}
}
.fxSlideBehind .owl-stage{perspective:1000px;}
.fxSlideBehindOutNext{animation:hideLeft 0.8s forwards;}
.fxSlideBehindInNext{animation:showRight 0.8s forwards;}
.fxSlideBehindOutPrev{animation:hideRight 0.8s forwards;}
.fxSlideBehindInPrev{animation:showLeft 0.8s forwards;}
@keyframes hideLeft{0%{transform:translateZ(0px);}
40%{transform:translate(0, -40%) scale(0.8) rotateX(-20deg);z-index:30;}
100%{opacity:1;transform:translateZ(-400px);}
}
@keyframes showRight{0%{transform:translateZ(-400px);opacity:1;}
40%{transform:translate(0, 40%) scale(0.8) rotateX(20deg);opacity:1;}
41%{transform:translate(0, 40%) scale(0.8) rotateX(20deg);opacity:1;z-index:30;}
100%{transform:translateZ(0px);opacity:1;z-index:30;}
}
@keyframes hideRight{0%{transform:translateZ(0px);}
40%{transform:translate(0, 40%) scale(0.8) rotateX(20deg);z-index:30;}
100%{opacity:1;transform:translateZ(-400px);}
}
@keyframes showLeft{0%{transform:translateZ(-400px);opacity:1;}
40%{transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1;}
41%{transform:translate(0, -40%) scale(0.8) rotateX(-20deg);opacity:1;z-index:30;}
100%{transform:translateZ(0px);opacity:1;z-index:30;}
}
.fxSoftPulseOutPrev,
.fxSoftPulseOutNext{animation:scaleUpFadeOut 0.8s forwards ease-in;}
.fxSoftPulseInPrev,
.fxSoftPulseInNext{animation:scaleDownFadeIn 0.8s forwards ease-out;}
@keyframes scaleUpFadeOut{50%{transform:scale(1.2);opacity:1;}
75%{transform:scale(1.1);opacity:0;}
100%{transform:scale(1);opacity:0;}
}
@keyframes scaleDownFadeIn{50%{opacity:1;transform:scale(1.2);}
100%{opacity:1;transform:scale(1);}
}
.fxEarthquake .owl-item:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:rgba(0, 0, 0, 0.3);transition:opacity 0.5s;}
.fxEarthquake .owl-item:after, .fxEarthquake .owl-item:after{opacity:1;}
.fxEarthquake .owl-item.fxEarthquakeInPrev{opacity:1;}
.fxEarthquakeOutNext{animation:shakeSlideBottom 1s 0.1s forwards;}
.fxEarthquakeInNext{animation:pushFromTop 1s 0.1s forwards;}
.fxEarthquakeOutPrev{animation:shakeSlideTop 1s 0.1s forwards;}
.fxEarthquakeInPrev{animation:pushFromBottom 1s 0.1s forwards;}
@keyframes shakeSlideBottom{0%{transform:translate(0px, 0px) rotate(0deg);}
2%{transform:translate(-1px, -1px) rotate(-0.5deg);}
4%{transform:translate(-1px, -1px) rotate(-0.5deg);}
6%{transform:translate(0px, 0px) rotate(-0.5deg);}
8%{transform:translate(-1px, -1px) rotate(-0.5deg);}
10%{transform:translate(-1px, -1px) rotate(-0.5deg);}
12%{transform:translate(0px, 0px) rotate(-0.5deg);}
14%{transform:translate(-1px, -1px) rotate(-0.5deg);}
16%{transform:translate(0px, 0px) rotate(-0.5deg);}
18%{transform:translate(0px, -1px) rotate(-0.5deg);}
20%{transform:translate(0px, -1px) rotate(-0.5deg);}
22%{transform:translate(0px, -1px) rotate(-0.5deg);}
24%{transform:translate(-1px, 0px) rotate(-0.5deg);}
26%{transform:translate(0px, 0px) rotate(-0.5deg);}
28%{transform:translate(-1px, 0px) rotate(-0.5deg);}
30%{transform:translate(0px, -1px) rotate(-0.5deg);}
32%{transform:translate(-1px, 0px) rotate(-0.5deg);}
34%{transform:translate(0px, -1px) rotate(-0.5deg);}
36%{transform:translate(0px, 0px) rotate(-0.5deg);}
38%{transform:translate(-1px, -1px) rotate(-0.5deg);}
40%{transform:translate(0px, 0px) rotate(-0.5deg);}
42%{transform:translate(-1px, 0px) rotate(-0.5deg);}
44%{transform:translate(0px, -1px) rotate(-0.5deg);}
46%{transform:translate(-1px, -1px) rotate(-0.5deg);}
48%{transform:translate(-1px, -1px) rotate(-0.5deg);}
50%{transform:translate(0px, -1px) rotate(-0.5deg);}
52%{transform:translate(-1px, 0px) rotate(-0.5deg);}
54%{transform:translate(0px, -1px) rotate(-0.5deg);}
56%{transform:translate(-1px, -1px) rotate(-0.5deg);}
58%{transform:translate(0px, 0px) rotate(-0.5deg);}
60%{transform:translate(-1px, 0px) rotate(-0.5deg);}
62%{transform:translate(-1px, -1px) rotate(-0.5deg);}
64%{transform:translate(0px, -1px) rotate(-0.5deg);}
66%{transform:translate(-1px, -1px) rotate(-0.5deg);}
68%{transform:translate(-1px, 0px) rotate(-0.5deg);}
70%{transform:translate(0px, 0px) rotate(-0.5deg);}
100%{transform:translateY(100%);}
}
@keyframes pushFromTop{0%, 70%{opacity:0;transform:translateY(-100%);}
100%{opacity:1;transform:translateY(0);}
}
@keyframes shakeSlideTop{0%{transform:translate(0px, 0px) rotate(0deg);}
2%{transform:translate(-1px, -1px) rotate(-0.5deg);}
4%{transform:translate(-1px, -1px) rotate(-0.5deg);}
6%{transform:translate(0px, 0px) rotate(-0.5deg);}
8%{transform:translate(-1px, -1px) rotate(-0.5deg);}
10%{transform:translate(-1px, -1px) rotate(-0.5deg);}
12%{transform:translate(0px, 0px) rotate(-0.5deg);}
14%{transform:translate(-1px, -1px) rotate(-0.5deg);}
16%{transform:translate(0px, 0px) rotate(-0.5deg);}
18%{transform:translate(0px, -1px) rotate(-0.5deg);}
20%{transform:translate(0px, -1px) rotate(-0.5deg);}
22%{transform:translate(0px, -1px) rotate(-0.5deg);}
24%{transform:translate(-1px, 0px) rotate(-0.5deg);}
26%{transform:translate(0px, 0px) rotate(-0.5deg);}
28%{transform:translate(-1px, 0px) rotate(-0.5deg);}
30%{transform:translate(0px, -1px) rotate(-0.5deg);}
32%{transform:translate(-1px, 0px) rotate(-0.5deg);}
34%{transform:translate(0px, -1px) rotate(-0.5deg);}
36%{transform:translate(0px, 0px) rotate(-0.5deg);}
38%{transform:translate(-1px, -1px) rotate(-0.5deg);}
40%{transform:translate(0px, 0px) rotate(-0.5deg);}
42%{transform:translate(-1px, 0px) rotate(-0.5deg);}
44%{transform:translate(0px, -1px) rotate(-0.5deg);}
46%{transform:translate(-1px, -1px) rotate(-0.5deg);}
48%{transform:translate(-1px, -1px) rotate(-0.5deg);}
50%{transform:translate(0px, -1px) rotate(-0.5deg);}
52%{transform:translate(-1px, 0px) rotate(-0.5deg);}
54%{transform:translate(0px, -1px) rotate(-0.5deg);}
56%{transform:translate(-1px, -1px) rotate(-0.5deg);}
58%{transform:translate(0px, 0px) rotate(-0.5deg);}
60%{transform:translate(-1px, 0px) rotate(-0.5deg);}
62%{transform:translate(-1px, -1px) rotate(-0.5deg);}
64%{transform:translate(0px, -1px) rotate(-0.5deg);}
66%{transform:translate(-1px, -1px) rotate(-0.5deg);}
68%{transform:translate(-1px, 0px) rotate(-0.5deg);}
70%{transform:translate(0px, 0px) rotate(-0.5deg);}
100%{transform:translateY(-100%);}
}
@keyframes pushFromBottom{0%, 70%{opacity:0;transform:translateY(100%);}
100%{opacity:1;transform:translateY(0);}
}
.fxCliffDiving .owl-item{transform-origin:50% 400%;}
.fxCliffDiving .owl-item:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background-color:black;transition:opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);}
.fxCliffDiving .owl-item.fxCliffDivingInNext, .fxCliffDiving .owl-item.fxCliffDivingInPrev{opacity:1;}
.fxCliffDivingOutNext{animation:rotateOutCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1);}
.fxCliffDivingInNext{animation:rotateInCircRight 0.9s cubic-bezier(0.7, 0, 0.3, 1);}
.fxCliffDivingOutPrev{animation:rotateOutCircRight 0.9s cubic-bezier(0.7, 0, 0.3, 1);}
.fxCliffDivingInPrev{animation:rotateInCircLeft 0.9s cubic-bezier(0.7, 0, 0.3, 1);}
@keyframes rotateOutCircLeft{to{transform:rotate(-20deg) translateX(-100%);}
}
@keyframes rotateInCircRight{from{transform:rotate(20deg) translateX(100%);}
to{transform:rotate(0deg) translateX(0);}
}
@keyframes rotateOutCircRight{to{transform:rotate(20deg) translateX(100%);}
}
@keyframes rotateInCircLeft{from{transform:rotate(-20deg) translateX(-100%);}
to{transform:rotate(0deg) translateX(0);}
}
.input{position:relative;z-index:1;display:inline-block;width:calc(100%);vertical-align:top;}
.input__field{position:relative;display:block;float:right;padding:0.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;font-weight:bold;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-appearance:none;}
.input__field:focus{outline:none;}
.input__label{display:inline-block;float:right;width:40%;font-weight:bold;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%;}
.graphic{position:absolute;top:0;left:0;fill:none;}
.icon{color:#ddd;font-size:150%;}
.input__field--minoru{width:100%;background:#fff;box-shadow:0px 0px 0px 2px transparent;-webkit-transition:box-shadow 0.3s;transition:box-shadow 0.3s;}
.input__label--minoru{padding:0;width:100%;text-align:left;}
.input__label--minoru::after{content:'';position:absolute;top:0;z-index:-1;width:100%;height:4em;box-shadow:0px 0px 0px 0px;color:rgba(199, 152, 157, 0.6);}
.input__field--minoru:focus{box-shadow:0px 0px 0px 2px #eca29b;}
.input__field--minoru:focus + .input__label--minoru{pointer-events:none;}
.input__field--minoru:focus + .input__label--minoru::after{-webkit-animation:anim-shadow 0.3s forwards;animation:anim-shadow 0.3s forwards;}
@-webkit-keyframes anim-shadow{to{box-shadow:0px 0px 100px 50px;opacity:0;}
}
@keyframes anim-shadow{to{box-shadow:0px 0px 100px 50px;opacity:0;}
}
.input__label-content--minoru{padding:0em 0.15em;}
.pater{font-size:0.7em;right:1vw;top:1vw;-webkit-box-flex:0;-ms-flex:none;flex:none;border:3px solid #fff;padding:4.5em 2.25em 2.5em;width:100%;max-width:360px;position:absolute;background:#d0cfc5;margin:auto 0 3em auto;transition:background-color 0.3s;pointer-events:visible;display:block;}
.pater:hover,
.pater:focus{outline:none;background-color:#fff;}
.pater::after{content:'Sponsored by';position:absolute;top:2.75em;left:3.5em;font-size:0.65em;letter-spacing:2px;text-transform:uppercase;font-weight:bold;}
@media screen and (min-width:50em){.pater::before{content:'';position:absolute;background:url(../img/sponsor/terminal.svg) no-repeat 50% 100%;background-size:contain;bottom:0;left:0;width:100%;height:100%;z-index:-1;-webkit-transform:translate3d(-25px, 25px, 0);transform:translate3d(-25px, 25px, 0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.pater:hover::before,
.pater:focus::before{opacity:1;-webkit-transform:translate3d(-40px, 40px, 0);transform:translate3d(-40px, 40px, 0);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.43, 0.04, 0.32, 0.97);transition:transform 0.3s cubic-bezier(0.43, 0.04, 0.32, 0.97);}
}
.pater__img{display:block;width:50%;}
.pater__title{font-size:1.5em;margin:1em 0 0.5em;}
.pater__desc{color:#3D3935;line-height:1.1;margin:0;font-size:1.25em;}
@media screen and (max-width:50em){.pater{top:0;right:0;margin:0;border:0;position:relative;max-width:none;font-size:0.85em;background-color:#fff;padding:2.5em 1em 1em;}
.pater::after{top:1em;left:1em;}
.pater__img{width:160px;}
}
@media screen and (max-width:40em){.pater__title{font-size:1em;margin-bottom:0;}
.pater__desc{display:none;}
.pater__img{max-width:30%;}
}
.block-revealer__element{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;pointer-events:none;opacity:0;}
.button--winona{overflow:hidden;padding:0;-webkit-transition:border-color 0.3s, background-color 0.3s;transition:border-color 0.3s, background-color 0.3s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.button--winona::after{content:attr(data-text);position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;color:#3f51b5;-webkit-transform:translate3d(0, 25%, 0);transform:translate3d(0, 25%, 0);}
.button--winona > span{display:block;}
.button--winona.button--inverted{color:#7986cb;}
.button--winona.button--inverted:after{color:#fff;}
.button--winona::after,
.button--winona > span{padding:1em 2em;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.button--winona:hover{border-color:#3f51b5;background-color:rgba(63, 81, 181, 0.1);}
.button--winona.button--inverted:hover{border-color:#21333C;background-color:#21333C;}
.button--winona:hover::after{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.button--winona:hover > span{opacity:0;-webkit-transform:translate3d(0, -25%, 0);transform:translate3d(0, -25%, 0);}