.com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center + ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left !important}} .font-weight-100{font-weight:100}.font-weight-200{font-weight:200}.font-weight-300{font-weight:300}.font-weight-400{font-weight:400}.font-weight-500{font-weight:500}.font-weight-600{font-weight:600}.font-weight-700{font-weight:700}.font-weight-800{font-weight:800}.font-weight-900{font-weight:900}.font-style-normal{font-style:normal}.font-style-italic{font-style:italic} @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); } } @keyframes puffIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); filter: blur(2px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); filter: blur(0px); } } @-webkit-keyframes vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -webkit-filter: blur(0px); } } @keyframes vanishIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); } } .puffIn { -webkit-animation-name: puffIn; animation-name: puffIn; } .puffOut { -webkit-animation-name: puffOut; animation-name: puffOut; } .vanishIn { -webkit-animation-name: vanishIn; animation-name: vanishIn; }/* -- Start Nighttime Page css Template -- */ .stacks_in_1editWrapper { border: 1px solid #C1C1C1; border-radius: 4px; background: #DCDEDD; padding: 7px; padding-top: 8px; } .stacks_in_1day { border: 1px solid #C1C1C1; border-radius: 2px; background: #ffffff; padding: 6px; } .stacks_in_1night { border: 1px solid #C1C1C1; border-radius: 2px; background: #ffffff; padding: 6px; margin-top: 10px; } .stacks_in_1cssonly { border: 1px solid #C1C1C1; border-radius: 2px; background: #C1C1C1; padding: 20px; text-align: center; color: #48475A; opacity: 0.7; } .stacks_in_1label{ background: #48475A; position: absolute; top: 0; left: 0; padding: 2px 5px 2px 5px; font-size: 10px; color: #ffffff; border-radius: 2px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; } .stacks_in_1cssonly { display: none; } /* -- End Nighttime Page css Template -- */.blu-wrap.bwd{overflow:visible}.blu-wrap.bwd>.blueprint-col{padding-top:.1px;padding-bottom:.1px}.blu-wrap.bwd>.blueprint-col,.blu-wrap.bwd>.blueprint-col>.blucol-content{position:relative}.blu-wrap.bwd>.blueprint-col>.blucol-content[class*="style-pro-stacks"].has-z{z-index:1}.blu-wrap.bwd>.blueprint-col>.blucol-content[class*="style-pro-stacks"]::before{z-index:-1}.blu-wrap.bwd>.blueprint-col>.blucol-content[class*="style-pro-stacks"]:not(.full-ovl)::after{z-index:-1}.blu-wrap.bwd>.blueprint-col .blu-cf::before,.blu-wrap.bwd>.blueprint-col .blu-cf::after{content:" ";display:table}.blu-wrap.bwd>.blueprint-col .blu-cf::after{clear:both}.blu-wrap.bwd>.blueprint-col>.blu-link>a{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:999} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(210, 255, 255, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1200rem/16);}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(0, 0, 0, 1.00);} .Блэк{background-color:rgba(0, 0, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.Блэк{background-attachment:scroll!important}} .font-vault-1 > a, .font-vault-1,.font-vault-1 > li, .fontpro-stacks_in_253{font-style:normal;font-weight:400;font-family:"Lobster",sans-serif } .font-vault-2 > a, .font-vault-2,.font-vault-2 > li, .fontpro-stacks_in_255{font-style:normal;font-weight:400;font-family:"Underdog",sans-serif } .font-vault-3 > a, .font-vault-3,.font-vault-3 > li, .fontpro-stacks_in_256{font-style:normal;font-weight:400;font-family:"Seymour One",sans-serif } .font-vault-4 > a, .font-vault-4,.font-vault-4 > li, .fontpro-stacks_in_257{font-style:normal;font-weight:400;font-family:"Ruslan Display",sans-serif } .font-vault-5 > a, .font-vault-5,.font-vault-5 > li, .fontpro-stacks_in_258{font-style:normal;font-weight:400;font-family:"Roboto",serif } /*START OF MultiLayer STACK*/ #stacks_in_70 .multilayer * { transition: all 2s ease;} /*THE WRAPPER*/ #stacks_in_70 .multilayer { margin-left: auto; margin-right: auto; text-align: center; display: block; overflow: hidden; } /*THE LAYERS*/ #stacks_in_70 .multilayer_a { position: absolute; z-index: 0; margin: 0px; top: 15%; left: 15%; max-width: 100%; } #stacks_in_70 .multilayer_b { position: absolute; z-index: 0; margin: 0px; top: 5%; right:5%; max-width: 120px; } #stacks_in_70 .multilayer_c { position: absolute; z-index: 0; margin: 0px; bottom:5%; left: 5%; max-width: 120px; } #stacks_in_70 .multilayer_d { position: absolute; z-index: 0; margin: 0px; bottom:5%; right:5%; max-width: 120px; } /*THE SPECIAL LAYERS*/ #stacks_in_70 .multilayer_e { position: absolute; z-index: 0; margin: 0px; left:50%; top:50%; animation: fadeIn ease 5s; width: 120px; } #stacks_in_70 .multilayer_e img { } #stacks_in_70 .mulitlayer_center { position: relative; left: -50%; top: 50%; transform: translateY(-50%); %text-align: center; } /*THE DropZone*/ #stacks_in_70 .multilayer_base {/*customcss*/} /*THE DZ IMAGE*/ #stacks_in_70 .multilayer_base img { object-fit: cover; object-position: 50% 0%; /*customcss*/ } /*THE HEADLINES*/ /*THE BREAKPOINT*/ /*THE KEYFRAMES*/ @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes slide-in-blurred-top { 0% { -webkit-transform: translateY(-900px) scaleY(2.5) scaleX(0.25); transform: translateY(-900px) scaleY(2.5) scaleX(0.25); -webkit-transform-origin: 45% 0%; transform-origin: 45% 0%; -webkit-filter: blur(45px); filter: blur(45px); opacity: 0; } 100% { -webkit-transform: translateY(0) scaleY(1) scaleX(1); transform: translateY(0) scaleY(1) scaleX(1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-filter: blur(0); filter: blur(0); opacity: 1; } } @keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } @keyframes pulse { 0% { transform: scale(0.75); } 50% { transform: scale(1.0); } 100% { transform: scale(0.75); } } /*END OF MultiLayer STACK*/ #stacks_in_273 { margin: 7px; padding: 7px; } #stacks_in_118.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_118.blu-wrap.sm-pull{margin-top:-30.00px}@media screen and (min-width:640px){#stacks_in_118.blu-wrap.sm-pull.med-pull{margin-top:-20.00px}}@media screen and (min-width:1200px){#stacks_in_118.blu-wrap.sm-pull.lg-pull{margin-top:-20.00px!important}}#stacks_in_118.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 0 } #stacks_in_118.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_118.blu-wrap>.blueprint-col{}#stacks_in_118.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_118.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_118.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_118.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_118.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_118.blu-wrap>.blueprint-col{ }#stacks_in_118.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_118.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_118.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_118.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1200px){#stacks_in_118.blu-wrap>.blueprint-col{ } #stacks_in_118.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_118.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_118.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_118.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_118.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_118.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_118.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_118.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_118.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_555 { margin: 10px; padding: 11px; } /*Start CSSLayerStack*/ #stacks_in_121 .layer_containera /*container & bg img*/ { margin-left: auto; margin-right:auto; background: url() 1 repeat center center; } #stacks_in_121 .layer_containera { height: px; /*cursor:pointer;*/ display:block; z-index: 9000; /*Custom CSS;*/ } #stacks_in_121 .layer_a /*backgroundlayer*/ { margin-left: auto; margin-right: auto; display: block; position: relative; z-index: 9100; float: none; padding-top: 0px; width: 100%; min-height: 300px; overflow: hidden; /*Custom CSS;*/ } #stacks_in_121 .layer_fronta /*frontlayer*/ { margin-left: auto; margin-right: auto; position: absolute; z-index: 9200 !important; width: 100%; height: auto; overflow: hidden; top: 17px; left: 0; right: 0; /*Custom CSS;*/ } #stacks_in_121 .layernote { display: none !important; text-indent: 5px; background-color: #FCF8DC; } #stacks_in_121 .edithelper { color:white !important; background:black !important; padding:5px !important; display: block !important; text-align: center; } @media handheld, only screen and (max-width: 780px) { } @media handheld, only screen and (max-width: 480px) { } #stacks_in_124 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(14, 27, 37, 1.00) ; font-style:normal ; text-decoration:none ; text-align:center ; font-weight: lighter ; text-shadow: 0 0 1px #999, 0 1px 1px rgba(0, 12, 22, 1.00), 0 2px 1px rgba(0, 0, 7, 1.00), 0 3px 1px rgba(0, 0, 0, 1.00), 0 4px 1px rgba(0, 0, 0, 1.00), 0 5px 1px rgba(0, 0, 0, 1.00); padding:5px 0 ; } /*-- End Letterpress --*/ #stacks_in_131 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(14, 27, 37, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: bolder ; text-shadow: 0 0 1px rgba(14, 27, 37, 1.00), 1px 1px 1px rgba(0, 12, 22, 1.00), 2px 2px 1px rgba(0, 0, 7, 1.00), 3px 3px 1px rgba(0, 0, 0, 1.00), 4px 4px 1px rgba(0, 0, 0, 1.00), 5px 5px 1px rgba(0, 0, 0, 1.00); padding:5px 0 ; } /*-- End Letterpress --*/ #stacks_in_137.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_137.blu-wrap.sm-pull{margin-top:-235.00px}@media screen and (min-width:640px){#stacks_in_137.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_137.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_137.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_137.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_137.blu-wrap>.blueprint-col{}#stacks_in_137.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_137.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_137.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_137.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_137.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_137.blu-wrap>.blueprint-col{ }#stacks_in_137.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_137.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_137.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_137.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_137.blu-wrap>.blueprint-col{ } #stacks_in_137.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_137.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_137.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_137.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_137.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_137.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_137.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_137.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_137.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_140 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(6, 6, 6, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: bold ; text-shadow: 0 0 1px #999, 0 1px 1px rgba(0, 0, 0, 1.00), 0 2px 1px rgba(0, 0, 0, 1.00), 0 3px 1px rgba(0, 0, 0, 1.00), 0 4px 1px rgba(0, 0, 0, 1.00), 0 5px 1px rgba(0, 0, 0, 1.00); padding:5px 0 ; } /*-- End Letterpress --*/ /* 2day stack v1.0.4 */ #stacks_in_141_today { font-size: 24px; color: #20F007; text-align: center; font-style: italic; font-family: Lobster; line-height: 1.22; } /* End of 2day stack */ #stacks_in_141 { margin: 5px; } #stacks_in_143.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_143.blu-wrap.sm-pull{margin-top:-34.00px}@media screen and (min-width:640px){#stacks_in_143.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_143.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_143.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_143.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_143.blu-wrap>.blueprint-col{}#stacks_in_143.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_143.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_143.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_143.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_143.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_143.blu-wrap>.blueprint-col{ }#stacks_in_143.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_143.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_143.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_143.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_143.blu-wrap>.blueprint-col{ } #stacks_in_143.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_143.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_143.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_143.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_143.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_143.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_143.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_143.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_143.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_146 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(14, 27, 37, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: bold ; text-shadow: 0 0 1px #999, 0 1px 1px rgba(0, 12, 22, 1.00), 0 2px 1px rgba(0, 0, 7, 1.00), 0 3px 1px rgba(0, 0, 0, 1.00), 0 4px 1px rgba(0, 0, 0, 1.00), 0 5px 1px rgba(0, 0, 0, 1.00); padding:5px 0 ; } /*-- End Letterpress --*/ #stacks_in_149 .stacks_in_149dooSat, .stacks_in_149dooSun, .stacks_in_149dooMon, .stacks_in_149dooTue, .stacks_in_149dooWed, .stacks_in_149dooThu, .stacks_in_149dooFri { display:none; } /* -- Start Nighttime Each css Template -- */ .stacks_in_150day, .stacks_in_150night{ display: none; } /* -- End Nighttime Each css Template -- */@media only screen and (min-width:0px){#stacks_in_153{}} @media only screen and (min-width:0px){#stacks_in_161{}} /* -- Start Nighttime Each css Template -- */ .stacks_in_166day, .stacks_in_166night{ display: none; } /* -- End Nighttime Each css Template -- */@media only screen and (min-width:0px){#stacks_in_169{}} @media only screen and (min-width:0px){#stacks_in_175{}} /* -- Start Nighttime Each css Template -- */ .stacks_in_180day, .stacks_in_180night{ display: none; } /* -- End Nighttime Each css Template -- */@media only screen and (min-width:0px){#stacks_in_183{}} @media only screen and (min-width:0px){#stacks_in_189{}} /* -- Start Nighttime Each css Template -- */ .stacks_in_194day, .stacks_in_194night{ display: none; } /* -- End Nighttime Each css Template -- */@media only screen and (min-width:0px){#stacks_in_197{}} @media only screen and (min-width:0px){#stacks_in_203{}} /* -- Start Nighttime Each css Template -- */ .stacks_in_208day, .stacks_in_208night{ display: none; } /* -- End Nighttime Each css Template -- */@media only screen and (min-width:0px){#stacks_in_211{}} @media only screen and (min-width:0px){#stacks_in_217{}} /* -- Start Nighttime Each css Template -- */ .stacks_in_222day, .stacks_in_222night{ display: none; } /* -- End Nighttime Each css Template -- */@media only screen and (min-width:0px){#stacks_in_225{}} @media only screen and (min-width:0px){#stacks_in_231{}} /* -- Start Nighttime Each css Template -- */ .stacks_in_236day, .stacks_in_236night{ display: none; } /* -- End Nighttime Each css Template -- */@media only screen and (min-width:0px){#stacks_in_239{}} @media only screen and (min-width:0px){#stacks_in_245{}} .style-pro-stacks_in_118::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_118:not(.bg-vault):before{opacity:1.0;background-repeat:no-repeat;background-position:center center;background-size:cover;}.style-pro-stacks_in_118:not(.bg-vault):not(.bg-featured)::before{background-image:url();}@media only screen and (max-device-width:1024px){.style-pro-stacks_in_118:not(.bg-vault)::before{background-attachment:scroll !important}} #stacks_in_276.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_276.blu-wrap.sm-pull{margin-top:-10.00px}@media screen and (min-width:640px){#stacks_in_276.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_276.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_276.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_276.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_276.blu-wrap>.blueprint-col{}#stacks_in_276.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_276.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_276.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_276.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_276.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_276.blu-wrap>.blueprint-col{ }#stacks_in_276.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_276.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_276.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_276.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_276.blu-wrap>.blueprint-col{ } #stacks_in_276.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_276.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_276.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_276.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_276.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_276.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_276.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_276.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_276.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_275 { margin: 7px; padding: 7px; } /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_266 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade1 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade1.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade1.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade1.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade1 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade1.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade1.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade1.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade1.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade1.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_266:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer1 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_266 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer1, #fancyviewer1::before, #fancyviewer1::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_266 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_266 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_266 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_266 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_266 .fancyviewerVideo object, #fancyviewerContentstacks_in_266 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose1, #fancyviewerClose1 * #fancyviewerClose1 *::after, #fancyviewerClose1 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose1 .fancyviewerCloseInner #fancyviewerClose1 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop1 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop1 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop1:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop1 .fancyviewerCloseInner, #fancyviewerCloseTop1 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive1 #fancyviewerClose1 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer1 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_266 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_266 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ #stacks_in_58 { background-color: rgba(0, 0, 0, 1.00); } .style-pro-stacks_in_276::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_276:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(0, 0, 0, 1.00)} #stacks_in_307.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_307.blu-wrap.sm-pull{margin-top:-10.00px}@media screen and (min-width:640px){#stacks_in_307.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_307.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_307.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_307.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_307.blu-wrap>.blueprint-col{}#stacks_in_307.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_307.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_307.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_307.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_307.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_307.blu-wrap>.blueprint-col{ }#stacks_in_307.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_307.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_307.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_307.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_307.blu-wrap>.blueprint-col{ } #stacks_in_307.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_307.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_307.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_307.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_307.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_307.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_307.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_307.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_307.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_310 { padding: 7px; } /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_311 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade2 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade2.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade2.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade2.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade2 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade2.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade2.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade2.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade2.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade2.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_311:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer2 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_311 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer2, #fancyviewer2::before, #fancyviewer2::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_311 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_311 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_311 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_311 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_311 .fancyviewerVideo object, #fancyviewerContentstacks_in_311 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose2, #fancyviewerClose2 * #fancyviewerClose2 *::after, #fancyviewerClose2 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose2 .fancyviewerCloseInner #fancyviewerClose2 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop2 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop2 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop2:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop2 .fancyviewerCloseInner, #fancyviewerCloseTop2 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive2 #fancyviewerClose2 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer2 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_311 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_311 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ .style-pro-stacks_in_307::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_307:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(0, 0, 0, 1.00)} #stacks_in_324.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_324.blu-wrap.sm-pull{margin-top:-10.00px}@media screen and (min-width:640px){#stacks_in_324.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_324.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_324.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_324.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_324.blu-wrap>.blueprint-col{}#stacks_in_324.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_324.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_324.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_324.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_324.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_324.blu-wrap>.blueprint-col{ }#stacks_in_324.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_324.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_324.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_324.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_324.blu-wrap>.blueprint-col{ } #stacks_in_324.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_324.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_324.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_324.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_324.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_324.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_324.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_324.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_324.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_327 { padding: 7px; } /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_328 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade3 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade3.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade3.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade3.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade3 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade3.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade3.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade3.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade3.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade3.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_328:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer3 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_328 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer3, #fancyviewer3::before, #fancyviewer3::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_328 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_328 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_328 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_328 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_328 .fancyviewerVideo object, #fancyviewerContentstacks_in_328 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose3, #fancyviewerClose3 * #fancyviewerClose3 *::after, #fancyviewerClose3 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose3 .fancyviewerCloseInner #fancyviewerClose3 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop3 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop3 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop3:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop3 .fancyviewerCloseInner, #fancyviewerCloseTop3 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive3 #fancyviewerClose3 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer3 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_328 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_328 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ .style-pro-stacks_in_324::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_324:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(0, 0, 0, 1.00)} #stacks_in_351.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_351.blu-wrap.sm-pull{margin-top:-10.00px}@media screen and (min-width:640px){#stacks_in_351.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_351.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_351.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_351.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_351.blu-wrap>.blueprint-col{}#stacks_in_351.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_351.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_351.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_351.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_351.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_351.blu-wrap>.blueprint-col{ }#stacks_in_351.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_351.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_351.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_351.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_351.blu-wrap>.blueprint-col{ } #stacks_in_351.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_351.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_351.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_351.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_351.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_351.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_351.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_351.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_351.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_354 { padding: 7px; } /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_355 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade4 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade4.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade4.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade4.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade4 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade4.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade4.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade4.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade4.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade4.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_355:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer4 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_355 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer4, #fancyviewer4::before, #fancyviewer4::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_355 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_355 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_355 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_355 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_355 .fancyviewerVideo object, #fancyviewerContentstacks_in_355 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose4, #fancyviewerClose4 * #fancyviewerClose4 *::after, #fancyviewerClose4 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose4 .fancyviewerCloseInner #fancyviewerClose4 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop4 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop4 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop4:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop4 .fancyviewerCloseInner, #fancyviewerCloseTop4 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive4 #fancyviewerClose4 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer4 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_355 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_355 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ .style-pro-stacks_in_351::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_351:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(0, 0, 0, 1.00)} #stacks_in_370.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_370.blu-wrap.sm-pull{margin-top:-10.00px}@media screen and (min-width:640px){#stacks_in_370.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_370.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_370.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_370.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_370.blu-wrap>.blueprint-col{}#stacks_in_370.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_370.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_370.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_370.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_370.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_370.blu-wrap>.blueprint-col{ }#stacks_in_370.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_370.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_370.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_370.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_370.blu-wrap>.blueprint-col{ } #stacks_in_370.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_370.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_370.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_370.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_370.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_370.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_370.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_370.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_370.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_373 { padding: 7px; } /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_374 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade5 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade5.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade5.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade5.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade5 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade5.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade5.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade5.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade5.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade5.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_374:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer5 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_374 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer5, #fancyviewer5::before, #fancyviewer5::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_374 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_374 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_374 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_374 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_374 .fancyviewerVideo object, #fancyviewerContentstacks_in_374 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose5, #fancyviewerClose5 * #fancyviewerClose5 *::after, #fancyviewerClose5 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose5 .fancyviewerCloseInner #fancyviewerClose5 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop5 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop5 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop5:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop5 .fancyviewerCloseInner, #fancyviewerCloseTop5 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive5 #fancyviewerClose5 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer5 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_374 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_374 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ .style-pro-stacks_in_370::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_370:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(0, 0, 0, 1.00)} #stacks_in_389.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_389.blu-wrap.sm-pull{margin-top:-10.00px}@media screen and (min-width:640px){#stacks_in_389.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_389.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_389.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_389.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_389.blu-wrap>.blueprint-col{}#stacks_in_389.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_389.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_389.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_389.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_389.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_389.blu-wrap>.blueprint-col{ }#stacks_in_389.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_389.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_389.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_389.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_389.blu-wrap>.blueprint-col{ } #stacks_in_389.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_389.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_389.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_389.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_389.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_389.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_389.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_389.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_389.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_392 { padding: 7px; } /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_393 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade6 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade6.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade6.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade6.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade6 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade6.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade6.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade6.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade6.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade6.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_393:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer6 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_393 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer6, #fancyviewer6::before, #fancyviewer6::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_393 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_393 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_393 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_393 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_393 .fancyviewerVideo object, #fancyviewerContentstacks_in_393 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose6, #fancyviewerClose6 * #fancyviewerClose6 *::after, #fancyviewerClose6 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose6 .fancyviewerCloseInner #fancyviewerClose6 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop6 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop6 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop6:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop6 .fancyviewerCloseInner, #fancyviewerCloseTop6 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive6 #fancyviewerClose6 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer6 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_393 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_393 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ .style-pro-stacks_in_389::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_389:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(0, 0, 0, 1.00)} #stacks_in_406.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_406.blu-wrap.sm-pull{margin-top:-10.00px}@media screen and (min-width:640px){#stacks_in_406.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_406.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_406.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_406.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_406.blu-wrap>.blueprint-col{}#stacks_in_406.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_406.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_406.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_406.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_406.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_406.blu-wrap>.blueprint-col{ }#stacks_in_406.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_406.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_406.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_406.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_406.blu-wrap>.blueprint-col{ } #stacks_in_406.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_406.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_406.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_406.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_406.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_406.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_406.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_406.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_406.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_409 { padding: 7px; } /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_410 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade7 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade7.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade7.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade7.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade7 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade7.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade7.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade7.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade7.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade7.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_410:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer7 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_410 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer7, #fancyviewer7::before, #fancyviewer7::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_410 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_410 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_410 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_410 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_410 .fancyviewerVideo object, #fancyviewerContentstacks_in_410 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose7, #fancyviewerClose7 * #fancyviewerClose7 *::after, #fancyviewerClose7 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose7 .fancyviewerCloseInner #fancyviewerClose7 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop7 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop7 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop7:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop7 .fancyviewerCloseInner, #fancyviewerCloseTop7 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive7 #fancyviewerClose7 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer7 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_410 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_410 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ .style-pro-stacks_in_406::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_406:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(0, 0, 0, 1.00)} #stacks_in_421.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_421.blu-wrap.sm-pull{margin-top:-10.00px}@media screen and (min-width:640px){#stacks_in_421.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_421.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_421.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_421.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_421.blu-wrap>.blueprint-col{}#stacks_in_421.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_421.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_421.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_421.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_421.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_421.blu-wrap>.blueprint-col{ }#stacks_in_421.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_421.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_421.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_421.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_421.blu-wrap>.blueprint-col{ } #stacks_in_421.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_421.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_421.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_421.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_421.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_421.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_421.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_421.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_421.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_424 { padding: 7px; } /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_425 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade8 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade8.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade8.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade8.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade8 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade8.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade8.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade8.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade8.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade8.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_425:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer8 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_425 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer8, #fancyviewer8::before, #fancyviewer8::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_425 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_425 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_425 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_425 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_425 .fancyviewerVideo object, #fancyviewerContentstacks_in_425 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose8, #fancyviewerClose8 * #fancyviewerClose8 *::after, #fancyviewerClose8 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose8 .fancyviewerCloseInner #fancyviewerClose8 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop8 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop8 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop8:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop8 .fancyviewerCloseInner, #fancyviewerCloseTop8 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive8 #fancyviewerClose8 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer8 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_425 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_425 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_443 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade9 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade9.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade9.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade9.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade9 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade9.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade9.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade9.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade9.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade9.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_443:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer9 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_443 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer9, #fancyviewer9::before, #fancyviewer9::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_443 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_443 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_443 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_443 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_443 .fancyviewerVideo object, #fancyviewerContentstacks_in_443 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose9, #fancyviewerClose9 * #fancyviewerClose9 *::after, #fancyviewerClose9 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose9 .fancyviewerCloseInner #fancyviewerClose9 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop9 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop9 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop9:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop9 .fancyviewerCloseInner, #fancyviewerCloseTop9 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive9 #fancyviewerClose9 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer9 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_443 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_443 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ #stacks_in_451 { padding: 7px; } /* @group FancyViewer Trigger */ #fancyviewerTriggerstacks_in_454 { cursor: pointer; } /* @end */ /* @group Window Shade */ #shade10 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade10.fancyviewerShadeNone { background: transparent; } /* Solid colour fill */ #shade10.fancyviewerShadeSolid { background: #777777; } /* Vertical gradient fill */ #shade10.fancyviewerShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade10 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade10.fancyviewerShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade10.fancyviewerShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade10.fancyviewerShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade10.fancyviewerShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade10.fancyviewerShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } /* @end */ %[if edit]% #fancyviewerTriggerstacks_in_454:hover, .fancyviewer:hover { cursor: pointer !important; } #fancyviewer10 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #fancyViewerInnerstacks_in_454 { background: #000000; padding: 10px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);; border-radius: 3px; } #fancyviewer10, #fancyviewer10::before, #fancyviewer10::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #fancyviewerContentstacks_in_454 { position: relative; z-index: 99999; text-align: left; } /* Responsive behavior */ #fancyviewerContentstacks_in_454 img { max-height: 100%; max-width: 100%; width: auto; height: auto; } #fancyviewerContentstacks_in_454 .fancyviewerVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #fancyviewerContentstacks_in_454 .fancyviewerVideo iframe, #fancyviewerContentstacks_in_454 .fancyviewerVideo object, #fancyviewerContentstacks_in_454 .fancyviewerVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Close Buttons */ #fancyviewerClose10, #fancyviewerClose10 * #fancyviewerClose10 *::after, #fancyviewerClose10 *::before { box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } #fancyviewerClose10 .fancyviewerCloseInner #fancyviewerClose10 .fancyviewerCloseInner [class^="fa fa-"] { color: #FFFFFF; } /* */ /* */ #fancyviewerCloseTop10 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #fancyviewerCloseTop10 [class^="fa fa-"] { color: #FFFFFF; line-height: 1.00em; } #fancyviewerCloseTop10:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #fancyviewerCloseTop10 .fancyviewerCloseInner, #fancyviewerCloseTop10 a.fancyviewerButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* */ /* */ /* */ .fancyviewerActive10 #fancyviewerClose10 { display: block; } /* @end */ /* @group Responsive */ @media screen and (max-width: 360px) { #fancyviewer10 { display: block; position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; padding: 0; } #fancyViewerInnerstacks_in_454 { padding: 0 !important; margin: 0 !important; box-shadow: none; } .fancyviewerClose, #fancyviewerTriggerstacks_in_454 { display: none !important; } } /* @end */ /* @group Edit mode styling */ /* */ /* @end */ #stacks_in_455 { padding: 7px; } .style-pro-stacks_in_421::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_421:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(0, 0, 0, 1.00)} #stacks_in_497.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_497.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_497.blu-wrap>.blueprint-col{}#stacks_in_497.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_497.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_497.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_497.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_497.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_497.blu-wrap>.blueprint-col{ }#stacks_in_497.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_497.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_497.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_497.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_497.blu-wrap>.blueprint-col{ } #stacks_in_497.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_497.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_497.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_497.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_497.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_497.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_497.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_497.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_497.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} #stacks_in_521 { margin: 4px; padding: 7px; } #stacks_in_522 { margin: 4px; padding: 8px; } #stacks_in_523 h2,#stacks_in_523 h2 a,#stacks_in_523 p,#stacks_in_523 p a{ color:rgba(244, 190, 86, 0.71); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:oblique; text-decoration:none; text-align:center; font-weight: bold ; background: linear-gradient(rgba(244, 190, 86, 0.71), rgba(255, 255, 255, 1.00)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #stacks_in_523 p a:hover, #stacks_in_523 h2 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_525.blu-wrap.flex-bot{margin-top:auto!important} #stacks_in_525.blu-wrap.sm-pull{margin-top:-22.00px}@media screen and (min-width:640px){#stacks_in_525.blu-wrap.sm-pull.med-pull{margin-top:-90.00px}}@media screen and (min-width:1000px){#stacks_in_525.blu-wrap.sm-pull.lg-pull{margin-top:-90.00px!important}}#stacks_in_525.blu-wrap.sm-pull>.blueprint-col>.blucol-content{z-index: 1 } #stacks_in_525.blu-wrap{background-color:rgba(255, 255, 255, 0.00)}#stacks_in_525.blu-wrap>.blueprint-col{}#stacks_in_525.blu-wrap>.blueprint-col.flex-width.sb-sm-left{margin-right:auto}#stacks_in_525.blu-wrap>.blueprint-col.flex-width.sb-sm-center{margin-right:auto;margin-left:auto}#stacks_in_525.blu-wrap>.blueprint-col.flex-width.sb-sm-right{margin-left:auto}#stacks_in_525.blu-wrap>.blueprint-col>.blucol-content{margin: 0px ;padding: 0px }#stacks_in_525.blu-wrap>.blueprint-col>.blucol-content.bg-color{background-color:rgba(248, 248, 248, 1.00)} @media screen and (min-width:640px){#stacks_in_525.blu-wrap>.blueprint-col{ }#stacks_in_525.blu-wrap>.blueprint-col.med-flex-width.sb-med-left{margin-right:auto;margin-left:0}#stacks_in_525.blu-wrap>.blueprint-col.med-flex-width.sb-med-center{margin-right:auto;margin-left:auto}#stacks_in_525.blu-wrap>.blueprint-col.med-flex-width.sb-med-right{margin-left:auto;margin-right:0}#stacks_in_525.blu-wrap>.blueprint-col.med-fill-width{width:100%;margin-left:0;margin-right:0}} @media screen and (min-width:1000px){#stacks_in_525.blu-wrap>.blueprint-col{ } #stacks_in_525.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-left,#stacks_in_525.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-left{margin-right:auto;margin-left:0}#stacks_in_525.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-center,#stacks_in_525.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-center{margin-right:auto;margin-left:auto}#stacks_in_525.blu-wrap>.blueprint-col.lg-flex-width.sb-lg-right,#stacks_in_525.blu-wrap>.blueprint-col.med-flex-width.lg-flex-width.sb-lg-right{margin-left:auto;margin-right:0}#stacks_in_525.blu-wrap>.blueprint-col.lg-fill-width,#stacks_in_525.blu-wrap>.blueprint-col.med-fill-width,#stacks_in_525.blu-wrap>.blueprint-col .lg-fill-width{width:100%;max-width:none;margin-left:0;margin-right:0}} /*Start CSSLayerStack*/ #stacks_in_528 .layer_containera /*container & bg img*/ { margin-left: auto; margin-right:auto; background: url() 1 repeat center center; } #stacks_in_528 .layer_containera { height: px; /*cursor:pointer;*/ display:block; z-index: 9000; /*Custom CSS;*/ } #stacks_in_528 .layer_a /*backgroundlayer*/ { margin-left: auto; margin-right: auto; display: block; position: relative; z-index: 9000; float: none; padding-top: 0px; width: 100%; min-height: 430px; overflow: hidden; overflow: auto !important; /*Custom CSS;*/ } #stacks_in_528 .layer_fronta /*frontlayer*/ { margin-left: auto; margin-right: auto; position: absolute; z-index: 9200 !important; width: 100%; height: auto; overflow: hidden; top: 50px; left: 0; right: 0; /*Custom CSS;*/ } #stacks_in_528 .layernote { display: none !important; text-indent: 5px; background-color: #FCF8DC; } #stacks_in_528 .edithelper { color:white !important; background:black !important; padding:5px !important; display: block !important; text-align: center; } @media handheld, only screen and (max-width: 780px) { } @media handheld, only screen and (max-width: 480px) { } #stacks_out_529 .emphasize-scale { transform-origin: center; transition: transform 500ms ease, opacity 500ms ease; will-change: transform, opacity; transform: scale(0.750000); } #stacks_out_529 { z-index: 9999; } #stacks_out_529.emphasized { z-index: 10000; } #stacks_out_529 .emphasize-shadow:before, #stacks_out_529 .emphasize-shadow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: transform 500ms ease, opacity 500ms ease; will-change: transform, opacity; opacity: 1; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); z-index: 9998; border-radius: var(--emphRadiusstacks_in_529, 0); } #stacks_out_529 .emphasize-shadow { position: relative; } #stacks_out_529 .emphasize-shadow:after { opacity: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.30); } #stacks_out_529.emphasized .emphasize-shadow:before { opacity: 0; } #stacks_out_529.emphasized .emphasize-shadow:after { opacity: 1; } #stacks_out_529 .emphasize-reveal { transition: transform 500ms ease, opacity 500ms ease; will-change: transform, opacity; opacity: 0; } #stacks_out_529.emphasized .emphasize-reveal { opacity: 1; } #emphasize_overlay_stacks_in_529 { position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: opacity 500ms ease; will-change: opacity; opacity: 0; background-color: rgba(0, 0, 0, 0.00); } .emphasized #emphasize_overlay_stacks_in_529 { opacity: 1; } #emphasize_observer_stacks_in_529 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform-origin: center; transform: scale(0.750000); z-index: 9999; } /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_530{ z-index: 101; overflow: visible; } .stacks_top{ overflow: visible; } .stacks_in:after { content: ""; display: block; height: 0; clear: both; } /* End dooJet stack each CSS code *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_531, #stacks_in_531 { overflow: visible; } @important "partials/maps"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_531 { padding: 20px 0px !important; } #press_alignment_stacks_in_531 { width: 100%; } #press_alignment_stacks_in_531.press-left { text-align: left; } #press_alignment_stacks_in_531.press-center { text-align: center; } #press_alignment_stacks_in_531.press-right { text-align: right; } #stacks_in_531 { transition: all 200ms ease; /* */ /* */ background: rgba(118, 146, 169, 1.00); /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 20px 10px 20px 10px; padding: 15px 15px 15px 15px; border-radius: 40px 40px 40px 40px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_531:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_531:hover .press-icon i { /* */ color: rgba(116, 135, 174, 1.00); /* */ } #stacks_in_531:active { /* */ /* */ /* */ /* */ } #stacks_in_531:active .press-icon i { /* */ } #stacks_in_531 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 26px; height: 26px; /* */ } #stacks_in_531 .press-icon i { font-size: 26px; color: rgba(241, 243, 243, 1.00); vertical-align: middle; } #stacks_in_531 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 32px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_531 .press-text .out { margin: 0 !important; } #stacks_in_531 { font-size: 16px; line-height: 32px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_533, #stacks_in_533 { overflow: visible; } @important "partials/maps"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_533 { padding: 20px 0px !important; } #press_alignment_stacks_in_533 { width: 100%; } #press_alignment_stacks_in_533.press-left { text-align: left; } #press_alignment_stacks_in_533.press-center { text-align: center; } #press_alignment_stacks_in_533.press-right { text-align: right; } #stacks_in_533 { transition: all 200ms ease; /* */ /* */ background: rgba(118, 146, 169, 1.00); /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 20px 10px 20px 10px; padding: 15px 15px 15px 15px; border-radius: 40px 40px 40px 40px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_533:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_533:hover .press-icon i { /* */ color: rgba(116, 135, 174, 1.00); /* */ } #stacks_in_533:active { /* */ /* */ /* */ /* */ } #stacks_in_533:active .press-icon i { /* */ } #stacks_in_533 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 26px; height: 26px; /* */ } #stacks_in_533 .press-icon i { font-size: 26px; color: rgba(241, 243, 243, 1.00); vertical-align: middle; } #stacks_in_533 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Raleway"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 32px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_533 .press-text .out { margin: 0 !important; } #stacks_in_533 { font-size: 16px; line-height: 32px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_541 .imator_container { margin-left: auto; margin-right: auto; display: block; width: auto; height: auto; padding: 0px; text-decoration: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*Custom CSS;*/ } #stacks_in_541 .imator_container a, #stacks_in_541 .imator_container a:link, #stacks_in_541 .imator_container a:visited { text-decoration: none !important; /*Custom CSS;*/ } #stacks_in_541 .imator_container a:hover, #stacks_in_541 .imator_container a:active, #stacks_in_541 .imator_container a:focus { text-decoration: none !important; /*Custom CSS;*/ } #stacks_in_541 .imator { margin-left: auto; margin-right: auto; display: block; overflow: hidden; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*Custom CSS;*/ } #stacks_in_541 .imator img { width: auto; height: auto; padding: 0px; margin-top:0px; margin-bottom:0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #EEEDEC; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -o-transition: all 1000ms ease; -ms-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*Custom CSS;*/ } #stacks_in_541 .imator img:hover, #stacks_in_541 .imator img:active, #stacks_in_541 .imator img:focus { width: auto; height: auto; padding: 2px; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -moz-box-shadow: 0px 0px 0px 0px #000000; -webkit-box-shadow: 0px 0px 0px 0px #000000; box-shadow: 0px 0px 0px 0px #000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*Custom CSS;*/ }#stacks_in_547{text-align:justify} #stacks_in_554 { margin: 4px; padding: 7px; }