@keyframes bounce {
0%,20%,53%,80%,100%{transform:translate3d(0px,0px,0px);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
40%,43%{transform:translate3d(0px,-30px,0px);transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06)}
70%{transform:translate3d(0px,-15px,0px);transition-timing-function:cubic-bezier(0.755,0.05,0.855,0.06)}
90%{transform:translate3d(0px,-4px,0px)}
}
@keyframes bounceInBottom {
0%,60%,75%,90%,100%{transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;transform:translate3d(0px,3000px,0px)}
60%{opacity:1;transform:translate3d(0px,-20px,0px)}
75%{transform:translate3d(0px,10px,0px)}
90%{transform:translate3d(0px,-5px,0px)}
100%{transform:translate3d(0px,0px,0px)}
}
@keyframes bounceInLeft {
0%,60%,75%,90%,100%{transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;transform:translate3d(-3000px,0px,0px)}
60%{opacity:1;transform:translate3d(25px,0px,0px)}
75%{transform:translate3d(-10px,0px,0px)}
90%{transform:translate3d(5px,0px,0px)}
100%{transform:none}
}
@keyframes bounceInRight {
0%,60%,75%,90%,100%{transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;transform:translate3d(3000px,0px,0px)}
60%{opacity:1;transform:translate3d(-25px,0px,0px)}
75%{transform:translate3d(10px,0px,0px)}
90%{transform:translate3d(-5px,0px,0px)}
100%{transform:none}
}
@keyframes bounceInScale {
0%,20%,40%,60%,80%,100%{transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;transform:scale3d(0.3,0.3,0.3)}
20%{transform:scale3d(1.1,1.1,1.1)}
40%{transform:scale3d(0.9,0.9,0.9)}
60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}
80%{transform:scale3d(0.97,0.97,0.97)}
100%{opacity:1;transform:scale3d(1,1,1)}
}
@keyframes bounceInTop {
0%,60%,75%,90%,100%{transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;transform:translate3d(0px,-3000px,0px)}
60%{opacity:1;transform:translate3d(0px,25px,0px)}
75%{transform:translate3d(0px,-10px,0px)}
90%{transform:translate3d(0px,5px,0px)}
100%{transform:none}
}
@keyframes bounceOut {
20%{transform:scale3d(0.9,0.9,0.9)}
50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;transform:scale3d(0.3,0.3,0.3)}
}
@keyframes bounceOutDown {
20%{transform:translate3d(0px,10px,0px)}
40%,45%{opacity:1;transform:translate3d(0px,-20px,0px)}
100%{opacity:0;transform:translate3d(0px,2000px,0px)}
}
@keyframes bounceOutLeft {
20%{opacity:1;transform:translate3d(20px,0px,0px)}
100%{opacity:0;transform:translate3d(-2000px,0px,0px)}
}
@keyframes bounceOutRight {
20%{opacity:1;transform:translate3d(-20px,0px,0px)}
100%{opacity:0;transform:translate3d(2000px,0px,0px)}
}
@keyframes bounceOutUp {
20%{transform:translate3d(0px,-10px,0px)}
40%,45%{opacity:1;transform:translate3d(0px,20px,0px)}
100%{opacity:0;transform:translate3d(0px,-2000px,0px)}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeInDown {
0%{opacity:0;transform:translate3d(0px,-100%,0px)}
100%{opacity:1;transform:none}
}
@keyframes fadeInDownBig {
0%{opacity:0;transform:translate3d(0px,-2000px,0px)}
100%{opacity:1;transform:none}
}
@keyframes fadeInLeft {
0%{opacity:0;transform:translate3d(-100%,0px,0px)}
100%{opacity:1;transform:none}
}
@keyframes fadeInLeftBig {
0%{opacity:0;transform:translate3d(-2000px,0px,0px)}
100%{opacity:1;transform:none}
}
@keyframes fadeInRight {
0%{opacity:0;transform:translate3d(100%,0px,0px)}
100%{opacity:1;transform:none}
}
@keyframes fadeInRightBig {
0%{opacity:0;transform:translate3d(2000px,0px,0px)}
100%{opacity:1;transform:none}
}
@keyframes fadeInUp {
0%{opacity:0;transform:translate3d(0px,100%,0px)}
100%{opacity:1;transform:none}
}
@keyframes fadeInUpBig {
0%{opacity:0;transform:translate3d(0px,2000px,0px)}
100%{opacity:1;transform:none}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOutDown {
0%{opacity:1}
100%{opacity:0;transform:translate3d(0px,100%,0px)}
}
@keyframes fadeOutDownBig {
0%{opacity:1}
100%{opacity:0;transform:translate3d(0px,2000px,0px)}
}
@keyframes fadeOutLeft {
0%{opacity:1}
100%{opacity:0;transform:translate3d(-100%,0px,0px)}
}
@keyframes fadeOutLeftBig {
0%{opacity:1}
100%{opacity:0;transform:translate3d(-2000px,0px,0px)}
}
@keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;transform:translate3d(100%,0px,0px)}
}
@keyframes fadeOutRightBig {
0%{opacity:1}
100%{opacity:0;transform:translate3d(2000px,0px,0px)}
}
@keyframes fadeOutUp {
0%{opacity:1}
100%{opacity:0;transform:translate3d(0px,-100%,0px)}
}
@keyframes fadeOutUpBig {
0%{opacity:1}
100%{opacity:0;transform:translate3d(0px,-2000px,0px)}
}
@keyframes flash {
0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flip {
0%{animation-timing-function:ease-out;transform:perspective(400px) rotate3d(0,1,0,-360deg)}
40%{animation-timing-function:ease-out;transform:perspective(400px) translate3d(0px,0px,150px) rotate3d(0,1,0,-190deg)}
50%{animation-timing-function:ease-in;transform:perspective(400px) translate3d(0px,0px,150px) rotate3d(0,1,0,-170deg)}
80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(0.95,0.95,0.95)}
100%{animation-timing-function:ease-in;transform:perspective(400px)}
}
@keyframes flipInX {
0%{opacity:0;transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in}
40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}
60%{opacity:1;transform:perspective(400px) rotate3d(1,0,0,10deg)}
80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{transform:perspective(400px)}
}
@keyframes flipInY {
0%{opacity:0;transform:perspective(400px) rotate3d(0,1,0,90deg);transition-timing-function:ease-in}
40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);transition-timing-function:ease-in}
60%{opacity:1;transform:perspective(400px) rotate3d(0,1,0,10deg)}
80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{transform:perspective(400px)}
}
@keyframes flipOutX {
0%{transform:perspective(400px)}
30%{opacity:1;transform:perspective(400px) rotate3d(1,0,0,-20deg)}
100%{opacity:0;transform:perspective(400px) rotate3d(1,0,0,90deg)}
}
@keyframes flipOutY {
0%{transform:perspective(400px)}
30%{opacity:1;transform:perspective(400px) rotate3d(0,1,0,-15deg)}
100%{opacity:0;transform:perspective(400px) rotate3d(0,1,0,90deg)}
}
@keyframes hinge {
0%{animation-timing-function:ease-in-out;transform-origin:left top 0}
20%,60%{animation-timing-function:ease-in-out;transform:rotate3d(0,0,1,80deg);transform-origin:left top 0}
40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate3d(0,0,1,60deg);transform-origin:left top 0}
100%{opacity:0;transform:translate3d(0px,700px,0px)}
}
@keyframes lightSpeedIn {
0%{opacity:0;transform:translate3d(100%,0px,0px) skewX(-30deg)}
60%{opacity:1;transform:skewX(20deg)}
80%{opacity:1;transform:skewX(-5deg)}
100%{opacity:1;transform:none}
}
@keyframes lightSpeedOut {
0%{opacity:1}
100%{opacity:0;transform:translate3d(100%,0px,0px) skewX(30deg)}
}
@keyframes pulse {
0%{transform:scale3d(1,1,1)}
50%{transform:scale3d(1.05,1.05,1.05)}
100%{transform:scale3d(1,1,1)}
}
@keyframes rollIn {
0%{opacity:0;transform:translate3d(-100%,0px,0px) rotate3d(0,0,1,-120deg)}
100%{opacity:1;transform:none}
}
@keyframes rollOut {
0%{opacity:1}
100%{opacity:0;transform:translate3d(100%,0px,0px) rotate3d(0,0,1,120deg)}
}
@keyframes rotateIn {
0%{opacity:0;transform:rotate3d(0,0,1,-200deg);transform-origin:center center 0}
100%{opacity:1;transform:none;transform-origin:center center 0}
}
@keyframes rotateInDownLeft {
0%{opacity:0;transform:rotate3d(0,0,1,-45deg);transform-origin:left bottom 0}
100%{opacity:1;transform:none;transform-origin:left bottom 0}
}
@keyframes rotateInDownRight {
0%{opacity:0;transform:rotate3d(0,0,1,45deg);transform-origin:right bottom 0}
100%{opacity:1;transform:none;transform-origin:right bottom 0}
}
@keyframes rotateInUpLeft {
0%{opacity:0;transform:rotate3d(0,0,1,45deg);transform-origin:left bottom 0}
100%{opacity:1;transform:none;transform-origin:left bottom 0}
}
@keyframes rotateInUpRight {
0%{opacity:0;transform:rotate3d(0,0,1,-90deg);transform-origin:right bottom 0}
100%{opacity:1;transform:none;transform-origin:right bottom 0}
}
@keyframes rotateOut {
0%{opacity:1;transform-origin:center center 0}
100%{opacity:0;transform:rotate3d(0,0,1,200deg);transform-origin:center center 0}
}
@keyframes rotateOutDownLeft {
0%{opacity:1;transform-origin:left bottom 0}
100%{opacity:0;transform:rotate3d(0,0,1,45deg);transform-origin:left bottom 0}
}
@keyframes rotateOutDownRight {
0%{opacity:1;transform-origin:right bottom 0}
100%{opacity:0;transform:rotate3d(0,0,1,-45deg);transform-origin:right bottom 0}
}
@keyframes rotateOutUpLeft {
0%{opacity:1;transform-origin:left bottom 0}
100%{opacity:0;transform:rotate3d(0,0,1,-45deg);transform-origin:left bottom 0}
}
@keyframes rotateOutUpRight {
0%{opacity:1;transform-origin:right bottom 0}
100%{opacity:0;transform:rotate3d(0,0,1,90deg);transform-origin:right bottom 0}
}
@keyframes rubberBand {
0%{transform:scale3d(1,1,1)}
30%{transform:scale3d(1.25,0.75,1)}
40%{transform:scale3d(0.75,1.25,1)}
50%{transform:scale3d(1.15,0.85,1)}
65%{transform:scale3d(0.95,1.05,1)}
75%{transform:scale3d(1.05,0.95,1)}
100%{transform:scale3d(1,1,1)}
}
@keyframes shake {
0%,100%{transform:translate3d(0px,0px,0px)}
10%,30%,50%,70%,90%{transform:translate3d(-10px,0px,0px)}
20%,40%,60%,80%{transform:translate3d(10px,0px,0px)}
}
@keyframes slideInDown {
0%{transform:translateY(-100%);visibility:visible}
100%{transform:translateY(0px)}
}
@keyframes slideInLeft {
0%{transform:translateX(-100%);visibility:visible}
100%{transform:translateX(0px)}
}
@keyframes slideInRight {
0%{transform:translateX(100%);visibility:visible}
100%{transform:translateX(0px)}
}
@keyframes slideInUp {
0%{transform:translateY(100%);visibility:visible}
100%{transform:translateY(0px)}
}
@keyframes slideOutDown {
0%{transform:translateY(0px)}
100%{transform:translateY(100%);visibility:hidden}
}
@keyframes slideOutLeft {
0%{transform:translateX(0px)}
100%{transform:translateX(-100%);visibility:hidden}
}
@keyframes slideOutRight {
0%{transform:translateX(0px)}
100%{transform:translateX(100%);visibility:hidden}
}
@keyframes slideOutUp {
0%{transform:translateY(0px)}
100%{transform:translateY(-100%);visibility:hidden}
}
@keyframes swing {
20%{transform:rotate3d(0,0,1,15deg)}
40%{transform:rotate3d(0,0,1,-10deg)}
60%{transform:rotate3d(0,0,1,5deg)}
80%{transform:rotate3d(0,0,1,-5deg)}
100%{transform:rotate3d(0,0,1,0deg)}
}
@keyframes tada {
0%{transform:scale3d(1,1,1)}
10%,20%{transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{transform:scale3d(1,1,1)}
}
@keyframes wobble {
0%{transform:none}
15%{transform:translate3d(-25%,0px,0px) rotate3d(0,0,1,-5deg)}
30%{transform:translate3d(20%,0px,0px) rotate3d(0,0,1,3deg)}
45%{transform:translate3d(-15%,0px,0px) rotate3d(0,0,1,-3deg)}
60%{transform:translate3d(10%,0px,0px) rotate3d(0,0,1,2deg)}
75%{transform:translate3d(-5%,0px,0px) rotate3d(0,0,1,-1deg)}
100%{transform:none}
}
@keyframes zoomIn {
0%{opacity:0;transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@keyframes zoomInDown {
0%{animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0px,-1000px,0px)}
60%{animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0px,60px,0px)}
}
@keyframes zoomInLeft {
0%{animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0px,0px)}
60%{animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(10px,0px,0px)}
}
@keyframes zoomInRight {
0%{animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0px,0px)}
60%{animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0px,0px)}
}
@keyframes zoomInUp {
0%{animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0px,1000px,0px)}
60%{animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0px,-60px,0px)}
}
@keyframes zoomOut {
0%{opacity:1}
50%{opacity:0;transform:scale3d(0.3,0.3,0.3)}
100%{opacity:0}
}
@keyframes zoomOutDown {
40%{animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0px,-60px,0px)}
100%{animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0px,2000px,0px);transform-origin:center bottom 0}
}
@keyframes zoomOutLeft {
40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(42px,0px,0px)}
100%{opacity:0;transform:scale(0.1) translate3d(-2000px,0px,0px);transform-origin:left center 0}
}
@keyframes zoomOutRight {
40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0px,0px)}
100%{opacity:0;transform:scale(0.1) translate3d(2000px,0px,0px);transform-origin:right center 0}
}
@keyframes zoomOutUp {
40%{animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0px,60px,0px)}
100%{animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0px,-2000px,0px);transform-origin:center bottom 0}
}
.animate,.animate-children > div{animation-duration:2s;animation-fill-mode:both}
.animate.loop,.animate-children.loop > div{animation-iteration-count:infinite}
.animate-children.clear > div{animation-name:none}
.animate-children.delay-none > div{animation-delay:0s}
.animate-children.delay-short > div:nth-child(1){animation-delay:0s}
.animate-children.delay-short > div:nth-child(2){animation-delay:.25s}
.animate-children.delay-short > div:nth-child(3){animation-delay:.5s}
.animate-children.delay-short > div:nth-child(4){animation-delay:.75s}
.animate-children.delay-short > div:nth-child(5){animation-delay:1s}
.animate-children.delay-short > div:nth-child(6){animation-delay:1.25s}
.animate-children.delay-short > div:nth-child(7){animation-delay:1.5s}
.animate-children.delay-short > div:nth-child(8){animation-delay:1.75s}
.animate-children.delay-short > div:nth-child(9){animation-delay:2s}
.animate-children.delay-short > div:nth-child(10){animation-delay:2.25s}
.animate-children.delay-medium > div:nth-child(1){animation-delay:0s}
.animate-children.delay-medium > div:nth-child(2){animation-delay:.5s}
.animate-children.delay-medium > div:nth-child(3){animation-delay:1s}
.animate-children.delay-medium > div:nth-child(4){animation-delay:1.5s}
.animate-children.delay-medium > div:nth-child(5){animation-delay:2s}
.animate-children.delay-medium > div:nth-child(6){animation-delay:2.5s}
.animate-children.delay-medium > div:nth-child(7){animation-delay:3s}
.animate-children.delay-medium > div:nth-child(8){animation-delay:3.5s}
.animate-children.delay-medium > div:nth-child(9){animation-delay:4s}
.animate-children.delay-medium > div:nth-child(10){animation-delay:4.5s}
.animate-children.delay-long > div:nth-child(1){animation-delay:0s}
.animate-children.delay-long > div:nth-child(2){animation-delay:1s}
.animate-children.delay-long > div:nth-child(3){animation-delay:2s}
.animate-children.delay-long > div:nth-child(4){animation-delay:3s}
.animate-children.delay-long > div:nth-child(5){animation-delay:4s}
.animate-children.delay-long > div:nth-child(6){animation-delay:5s}
.animate-children.delay-long > div:nth-child(7){animation-delay:6s}
.animate-children.delay-long > div:nth-child(8){animation-delay:7s}
.animate-children.delay-long > div:nth-child(9){animation-delay:8s}
.animate-children.delay-long > div:nth-child(10){animation-delay:9s}
.animate.none,.animate-children.none > div{animation-name:none}
.animate.flash,.animate-children.flash > div{animation-name:flash}
.animate.pulse,.animate-children.pulse > div{animation-name:pulse}
.animate.rubberBand,.animate-children.rubberBand > div{animation-name:rubberBand}
.animate.shake,.animate-children.shake > div{animation-name:shake}
.animate.swing,.animate-children.swing > div{animation-name:swing;transform-origin:center top 0}
.animate.bounce,.animate-children.bounce > div{animation-name:bounce;transform-origin:center bottom 0}
.animate.bounceInTop,.animate-children.bounceInTop > div{animation-name:bounceInTop}
.animate.bounceInBottom,.animate-children.bounceInBottom > div{animation-name:bounceInBottom}
.animate.bounceInLeft,.animate-children.bounceInLeft > div{animation-name:bounceInLeft}
.animate.bounceInRight,.animate-children.bounceInRight > div{animation-name:bounceInRight}
.animate.bounceInScale,.animate-children.bounceInScale > div{animation-name:bounceInScale;animation-duration:.75s}
.animate.bounceOut,.animate-children.bounceOut > div{animation-duration:.75s;animation-name:bounceOut}
.animate.bounceOutDown,.animate-children.bounceOutDown > div{animation-name:bounceOutDown}
.animate.bounceOutLeft,.animate-children.bounceOutLeft > div{animation-name:bounceOutLeft}
.animate.bounceOutRight,.animate-children.bounceOutRight > div{animation-name:bounceOutRight}
.animate.bounceOutUp,.animate-children.bounceOutUp > div{animation-name:bounceOutUp}
.animate.fadeIn,.animate-children.fadeIn > div{animation-name:fadeIn}
.animate.fadeInDown,.animate-children.fadeInDown > div{animation-name:fadeInDown}
.animate.fadeInDownBig,.animate-children.fadeInDownBig > div{animation-name:fadeInDownBig}
.animate.fadeInLeft,.animate-children.fadeInLeft > div{animation-name:fadeInLeft}
.animate.fadeInLeftBig,.animate-children.fadeInLeftBig > div{animation-name:fadeInLeftBig}
.animate.fadeInRight,.animate-children.fadeInRight > div{animation-name:fadeInRight}
.animate.fadeInRightBig,.animate-children.fadeInRightBig > div{animation-name:fadeInRightBig}
.animate.fadeInUp,.animate-children.fadeInUp > div{animation-name:fadeInUp}
.animate.fadeInUpBig,.animate-children.fadeInUpBig > div{animation-name:fadeInUpBig}
.animate.fadeOut,.animate-children.fadeOut > div{animation-name:fadeOut}
.animate.fadeOutDown,.animate-children.fadeOutDown > div{animation-name:fadeOutDown}
.animate.fadeOutDownBig,.animate-children.fadeOutDownBig > div{animation-name:fadeOutDownBig}
.animate.fadeOutLeft,.animate-children.fadeOutLeft > div{animation-name:fadeOutLeft}
.animate.fadeOutLeftBig,.animate-children.fadeOutLeftBig > div{animation-name:fadeOutLeftBig}
.animate.fadeOutRight,.animate-children.fadeOutRight > div{animation-name:fadeOutRight}
.animate.fadeOutRightBig,.animate-children.fadeOutRightBig > div{animation-name:fadeOutRightBig}
.animate.fadeOutUp,.animate-children.fadeOutUp > div{animation-name:fadeOutUp}
.animate.fadeOutUpBig,.animate-children.fadeOutUpBig > div{animation-name:fadeOutUpBig}
.animate.flip,.animate-children.flip > div{animation-name:flip;backface-visibility:visible}
.animate.flipInX,.animate-children.flipInX > div{animation-name:flipInX;backface-visibility:visible!important}
.animate.flipInY,.animate-children.flipInY > div{animation-name:flipInY;backface-visibility:visible!important}
.animate.flipOutX,.animate-children.flipOutX > div{animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}
.animate.flipOutY,.animate-children.flipOutY > div{animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}
.animate.hinge,.animate-children.hinge > div{animation-name:hinge}
.animate.lightSpeedIn,.animate-children.lightSpeedIn > div{animation-name:lightSpeedIn;animation-timing-function:ease-out}
.animate.lightSpeedOut,.animate-children.lightSpeedOut > div{animation-name:lightSpeedOut;animation-timing-function:ease-in}
.animate.rollIn,.animate-children.rollIn > div{animation-name:rollIn}
.animate.rollOut,.animate-children.rollOut > div{animation-name:rollOut}
.animate.rotateIn,.animate-children.rotateIn > div{animation-name:rotateIn}
.animate.rotateInDownLeft,.animate-children.rotateInDownLeft > div{animation-name:rotateInDownLeft}
.animate.rotateInDownRight,.animate-children.rotateInDownRight > div{animation-name:rotateInDownRight}
.animate.rotateInUpLeft,.animate-children.rotateInUpLeft > div{animation-name:rotateInUpLeft}
.animate.rotateInUpRight,.animate-children.rotateInUpRight > div{animation-name:rotateInUpRight}
.animate.rotateOut,.animate-children.rotateOut > div{animation-name:rotateOut}
.animate.rotateOutDownLeft,.animate-children.rotateOutDownLeft > div{animation-name:rotateOutDownLeft}
.animate.rotateOutDownRight,.animate-children.rotateOutDownRight > div{animation-name:rotateOutDownRight}
.animate.rotateOutUpLeft,.animate-children.rotateOutUpLeft > div{animation-name:rotateOutUpLeft}
.animate.rotateOutUpRight,.animate-children.rotateOutUpRight > div{animation-name:rotateOutUpRight}
.animate.slideInDown,.animate-children.slideInDown > div{animation-name:slideInDown}
.animate.slideInLeft,.animate-children.slideInLeft > div{animation-name:slideInLeft}
.animate.slideInRight,.animate-children.slideInRight > div{animation-name:slideInRight}
.animate.slideInUp,.animate-children.slideInUp > div{animation-name:slideInUp}
.animate.slideOutDown,.animate-children.slideOutDown > div{animation-name:slideOutDown}
.animate.slideOutLeft,.animate-children.slideOutLeft > div{animation-name:slideOutLeft}
.animate.slideOutRight,.animate-children.slideOutRight > div{animation-name:slideOutRight}
.animate.slideOutUp,.animate-children.slideOutUp > div{animation-name:slideOutUp}
.animate.tada,.animate-children.tada > div{animation-name:tada}
.animate.wobble,.animate-children.wobble > div{animation-name:wobble}
.animate.zoomIn,.animate-children.zoomIn > div{animation-name:zoomIn}
.animate.zoomInDown,.animate-children.zoomInDown > div{animation-name:zoomInDown}
.animate.zoomInLeft,.animate-children.zoomInLeft > div{animation-name:zoomInLeft}
.animate.zoomInRight,.animate-children.zoomInRight > div{animation-name:zoomInRight}
.animate.zoomInUp,.animate-children.zoomInUp > div{animation-name:zoomInUp}
.animate.zoomOut,.animate-children.zoomOut > div{animation-name:zoomOut}
.animate.zoomOutDown,.animate-children.zoomOutDown > div{animation-name:zoomOutDown}
.animate.zoomOutLeft,.animate-children.zoomOutLeft > div{animation-name:zoomOutLeft}
.animate.zoomOutRight,.animate-children.zoomOutRight > div{animation-name:zoomOutRight}
.animate.zoomOutUp,.animate-children.zoomOutUp > div{animation-name:zoomOutUp}
.shared__alert-box{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;background-color:#ffffffb3;cursor:pointer}
.shared__alert-box div{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px;padding:20px 30px;background-color:#fff;color:#000;font-family:Trebuchet MS;font-size:18px;text-align:center;border:2px solid #aaa;border-radius:4px}
.shared__to-top{z-index:200;display:block;position:fixed;right:40px;bottom:-60px;width:25px;padding:0 10px;background-color:#ccc;border-radius:3px;color:#333;transition-duration:.5s;cursor:pointer}
.shared__to-top:hover{color:#fff;background-color:#aaa}
.pinterest-button{padding:4px 10px 5px;background-color:#000;line-height:0}
.pinterest-button span{position:relative;cursor:pointer;display:inline-block;box-sizing:border-box;box-shadow:inset 0 0 1px #888;border-radius:2px;text-indent:20px;width:auto;height:20px;padding:0 4px 0 0;text-align:center;text-decoration:none;font:11px/20px "Helvetica Neue",Helvetica,sans-serif;font-weight:700;color:#fff!important;background:#111 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiPjwvcGF0aD48cGF0aCBkPSJNMTQuNzMzLDEuNjg2IEM3LjUxNiwxLjY4NiAxLjY2NSw3LjQ5NSAxLjY2NSwxNC42NjIgQzEuNjY1LDIwLjE1OSA1LjEwOSwyNC44NTQgOS45NywyNi43NDQgQzkuODU2LDI1LjcxOCA5Ljc1MywyNC4xNDMgMTAuMDE2LDIzLjAyMiBDMTAuMjUzLDIyLjAxIDExLjU0OCwxNi41NzIgMTEuNTQ4LDE2LjU3MiBDMTEuNTQ4LDE2LjU3MiAxMS4xNTcsMTUuNzk1IDExLjE1NywxNC42NDYgQzExLjE1NywxMi44NDIgMTIuMjExLDExLjQ5NSAxMy41MjIsMTEuNDk1IEMxNC42MzcsMTEuNDk1IDE1LjE3NSwxMi4zMjYgMTUuMTc1LDEzLjMyMyBDMTUuMTc1LDE0LjQzNiAxNC40NjIsMTYuMSAxNC4wOTMsMTcuNjQzIEMxMy43ODUsMTguOTM1IDE0Ljc0NSwxOS45ODggMTYuMDI4LDE5Ljk4OCBDMTguMzUxLDE5Ljk4OCAyMC4xMzYsMTcuNTU2IDIwLjEzNiwxNC4wNDYgQzIwLjEzNiwxMC45MzkgMTcuODg4LDguNzY3IDE0LjY3OCw4Ljc2NyBDMTAuOTU5LDguNzY3IDguNzc3LDExLjUzNiA4Ljc3NywxNC4zOTggQzguNzc3LDE1LjUxMyA5LjIxLDE2LjcwOSA5Ljc0OSwxNy4zNTkgQzkuODU2LDE3LjQ4OCA5Ljg3MiwxNy42IDkuODQsMTcuNzMxIEM5Ljc0MSwxOC4xNDEgOS41MiwxOS4wMjMgOS40NzcsMTkuMjAzIEM5LjQyLDE5LjQ0IDkuMjg4LDE5LjQ5MSA5LjA0LDE5LjM3NiBDNy40MDgsMTguNjIyIDYuMzg3LDE2LjI1MiA2LjM4NywxNC4zNDkgQzYuMzg3LDEwLjI1NiA5LjM4Myw2LjQ5NyAxNS4wMjIsNi40OTcgQzE5LjU1NSw2LjQ5NyAyMy4wNzgsOS43MDUgMjMuMDc4LDEzLjk5MSBDMjMuMDc4LDE4LjQ2MyAyMC4yMzksMjIuMDYyIDE2LjI5NywyMi4wNjIgQzE0Ljk3MywyMi4wNjIgMTMuNzI4LDIxLjM3OSAxMy4zMDIsMjAuNTcyIEMxMy4zMDIsMjAuNTcyIDEyLjY0NywyMy4wNSAxMi40ODgsMjMuNjU3IEMxMi4xOTMsMjQuNzg0IDExLjM5NiwyNi4xOTYgMTAuODYzLDI3LjA1OCBDMTIuMDg2LDI3LjQzNCAxMy4zODYsMjcuNjM3IDE0LjczMywyNy42MzcgQzIxLjk1LDI3LjYzNyAyNy44MDEsMjEuODI4IDI3LjgwMSwxNC42NjIgQzI3LjgwMSw3LjQ5NSAyMS45NSwxLjY4NiAxNC43MzMsMS42ODYiIGZpbGw9IiMxMTEiPjwvcGF0aD48L2c+PC9zdmc+) 3px 50% no-repeat;background-size:14px 14px;-webkit-font-smoothing:antialiased;text-align:center;vertical-align:baseline;opacity:.9}
.pinterest-button:hover span{opacity:1}
.pinterest-image .pinterest-button{position:absolute;top:-35px;right:0;transition-duration:.25s}
.pinterest-image:hover .pinterest-button{top:0}
.comments{font-weight:400;font-style:normal;text-decoration:none;line-height:normal;letter-spacing:0;text-transform:none;margin:10px 0}
.comments__headline{font-size:30px;margin:15px 0;line-height:1em;text-align:center}
.comments__count{display:inline-block;font-size:50%;opacity:.8;vertical-align:top;line-height:1em}
.comments__box article{position:relative;margin:10px 0 10px 40px;padding:40px 10px 10px;border-bottom:3px solid #0000001a}
.comments__box article[data-subindex='0']{margin-left:0}
.comments__box .comments__reply{margin-left:30px}
.comments__date{position:absolute;top:10px;right:10px;font-size:14px;opacity:.6}
.comments__name{position:absolute;top:10px;left:10px;font-weight:700}
.comments__name a{font-family:inherit;color:inherit;font-weight:inherit;text-decoration:inherit;font-style:inherit;letter-spacing:inherit;line-height:inherit}
.comments__content{font-size:18px;line-height:1.8em}
.comments__parent{margin-top:10px;font-size:14px;cursor:pointer;opacity:.6}
.comments__parent:hover{opacity:.8}
.comments__reply{position:relative;max-width:600px;padding:10px;margin:10px 0}
.comments__reply *{box-sizing:border-box}
.comments__reply [data-mode="reply"]{display:none}
.comments__reply label{display:block;margin-bottom:3px}
.comments__reply label span{font-style:italic;font-size:70%}
.comments__reply input,.comments__reply textarea{display:block;width:100%;margin:0 0 15px;padding:10px 20px;border:2px solid #ccc;border-radius:5px;font-family:inherit;font-size:16px;transition:border .5s ease}
.comments__reply input:focus,.comments__reply input:hover,.comments__reply textarea:focus,.comments__reply .textarea:hover{border-color:#999;outline:0}
.comments__reply-abort{position:absolute;bottom:25px;left:25px}
.comments__reply-header{font-weight:700;margin-bottom:10px}
.comments__reply-send{display:block;width:200px;padding:5px 10px;margin:0 0 0 auto;font-size:16px;text-align:center;border:1px solid #ccc;border-radius:5px;cursor:pointer}
.comments__reply-to-btn,.comments__reply-abort{font-size:14px;cursor:pointer;opacity:.6}
.comments__reply-to-btn:hover,.comments__reply-abort:hover{opacity:1}
.comments__privacy-info{text-align:center;margin-bottom:20px}
.comments__privacy-info a{opacity:.6}
.comments__privacy-info a:hover{opacity:1;text-decoration:underline!important}
.comments__load{display:none;padding:20px;background-color:#000000b3;text-align:center;color:#fff;font-weight:700;cursor:pointer}
#blog_content{position:relative}
.blog_content{overflow:hidden}
.blog_post table,.blog_post img{max-width:100%}
.blog_post table img{max-width:none!important}
#blog_content a.addthis_button_expanded{background-position:0 -114px!important;background-repeat:no-repeat!important;box-sizing:content-box!important;color:#333!important;float:left!important;font-family:arial,helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;height:20px!important;line-height:20px!important;margin:0 0 0 3px !important;padding:0 0 0 4px !important;text-align:center!important;text-decoration:none!important;width:34px!important;font-style:normal!important}
#blog_content h1 a{text-decoration:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
#blog_comments_heading{font-size:150%;font-weight:700;letter-spacing:normal;padding-bottom:10px}
.blog_comment h1{font-size:100%;letter-spacing:normal;padding-top:10px}
.blog_comment h2{font-size:80%;letter-spacing:normal;padding-top:5px}
.blog_comment p{font-size:100%;letter-spacing:normal;padding-top:0;line-height:1.3em}
.blog_comment{border-bottom:1px dotted #555;padding:0 10px 5px 50px;margin-left:-50px}
#blog_comments_elements{padding-left:50px;padding-top:0}
#blog_comments{margin-top:20px;padding-top:10px;border-top:1px dashed #555}
#blog_comments_headline h1{font-size:24px;color:#757575;font-weight:400;font-family:Trebuchet MS,Helvetica,sans-serif;margin:20px 0 3px}
#c4p_blog_comment_name{font-size:100%;margin:10px 0 3px;width:200px;border:2px solid #ccc;padding:3px}
#c4p_blog_comment_text{font-size:100%;width:480px;height:120px;border:3px solid #ccc;padding:3px;background-image:url(/system/sysimg/blog/thankyoubg.png);background-position:bottom right;background-repeat:no-repeat}
#blog_comments_form{margin:0;padding:0}
#blog_comments_form a{color:#111;font-weight:700;text-decoration:none}
#blog_comments_form a:hover{color:#757575}
#blog_comments_form p{color:#353535;font-size:100%;letter-spacing:normal}
.blog_send{cursor:pointer;display:block;color:#fff;background-color:#858585;font-weight:700;font-size:90%;text-align:center;width:200px;padding:2px 6px;border:1px solid #fff;outline:1px solid #000;text-decoration:none;margin-left:0;margin-top:5px}
.blog_send:hover{background-color:#000}
.blog-posts__post table,.blog-posts__post img{max-width:100%}
.blog-posts__post table img{max-width:none!important}
.blog-posts__post a.addthis_button_expanded{background-position:0 -114px!important;background-repeat:no-repeat!important;box-sizing:content-box!important;color:#333!important;float:left!important;font-family:arial,helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;height:20px!important;line-height:20px!important;margin:0 0 0 3px !important;padding:0 0 0 4px !important;text-align:center!important;text-decoration:none!important;width:34px!important;font-style:normal!important}
.addthis_counter a{color:#fff!important;font-weight:100!important;text-decoration:none!important;font-family:arial,helvetica,sans-serif!important;font-size:11px!important;line-height:20px!important;font-style:normal!important}
.blog-posts .dCon{padding:5px 0;border:0;background-color:transparent}
.blog__load-more{box-sizing:border-box;width:calc(100% - 20px);padding:10px;margin:10px;background-color:#000000b3;border:1px solid #333;text-align:center;color:#fff;font-size:20px;font-weight:400;cursor:pointer}
.blog-sharing__box{position:relative;text-align:center}
.blog-sharing__box a{display:inline-block;height:32px;width:32px;background-image:url(/system/content/socialshare/socialmedia-share-button.png);background-size:auto 32px}
.blog-sharing__twitter{background-position:-32px 0}
.blog-sharing__google{background-position:-64px 0}
.blog-posts__content .spacer{background:transparent!important}
.blog-posts__content .p4-cnt-imgcompare .left-image img{max-width:none!important}
.blog__table-of-contents-header{background-color:#f1f1f1!important;padding:15px 30px;font-size:20px!important}
.blog__table-of-contents-nav{padding:15px;font-size:16px!important;color:#000}
.blog__table-of-contents{color:#444!important;background:#FAFAFB!important;border:1px solid #ccc}
.blog__table-of-contents ol{list-style-type:none;counter-reset:item;margin:0;padding:0;padding-inline-start:0;line-height:2.2em}
.blog__table-of-contents ol > li{display:table;counter-increment:item}
.blog__table-of-contents ol ol{list-style:upper-alpha}
.blog__table-of-contents ol > li::before{content:counters(item,".") ". ";display:table-cell;padding-right:.6em}
.blog__table-of-contents a{color:#484848!important;font-size:18px;cursor:pointer;text-underline-offset:3px;text-decoration:underline;text-decoration-skip-ink:all}