@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; } #stacks_in_1 { margin: 10px 0px 0px 0px; } /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_925{ 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 */ #stacks_in_922 { margin: 0px 0px 20px 0px; } /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_1120{ 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 */ #stacks_in_1121 { margin: 0px 0px 20px 0px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_934 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_934 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_934 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_934 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_934, .svg-metamorph.svgm_stacks_in_934 .svgm-content { position: relative; z-index: 1; } #stacks_in_934, #stacks_out_934 { overflow: visible; } .svg-metamorph.svgm_stacks_in_934 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; z-index: 10; } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 160px + 160px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-160px); } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(160px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-160px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer > .svgm-wrap:after { background: #FFFEFE; } .svg-metamorph.svgm_stacks_in_934 .svgm-content { position: relative; z-index: 3; min-height: 160px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_934 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_934 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_934 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 160px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_934 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_934 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_934 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_934 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_934 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_934 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_934 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_934 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_934 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_934 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_934 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_934 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_934 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_934 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_934 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_934 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_934 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_934 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_934 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_934 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_934 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_934 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_934 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_934 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_934 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_934 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_934 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_934 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_934 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_934 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_934 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_934 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_934 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_626{ 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 */ #stacks_in_626 { margin: 50px 0px 20px 0px; } #stacks_out_626 { width: 80%; } #stacks_in_966>.s3_row { margin: 0 -20px; } #stacks_in_966>.s3_row>.s3_column_left { width: 33.61%; } #stacks_in_966>.s3_row>.s3_column_right { width: 66.389999%; } #stacks_in_966>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_966>.s3_row { margin: -20px 0; } #stacks_in_966>.s3_row>.s3_column { padding: 20px 0; width:100%; } } #stacks_in_969 { margin: 12px 12px 12px 24px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_974 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_974 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_974 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_974 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_974, .svg-metamorph.svgm_stacks_in_974 .svgm-content { position: relative; z-index: 1; } #stacks_in_974, #stacks_out_974 { overflow: visible; } .svg-metamorph.svgm_stacks_in_974 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; margin-top: calc(160px - 0px); margin-bottom: calc(160px - 0px); } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 160px + 160px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-160px); } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(160px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-160px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer > .svgm-wrap:after { background: #05040A; } .svg-metamorph.svgm_stacks_in_974 .svgm-content { position: relative; z-index: 3; min-height: 160px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_974 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_974 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_974 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 160px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_974 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_974 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_974 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_974 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_974 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_974 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_974 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_974 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_974 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_974 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_974 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_974 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_974 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_974 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_974 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_974 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_974 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_974 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_974 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_974 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_974 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_974 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_974 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_974 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_974 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_974 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_974 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_974 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_974 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_974 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_974 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_974 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_974 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_975{ 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 */ #stacks_in_975 { margin: 50px 0px 20px 0px; } #stacks_out_975 { width: 80%; } #stacks_in_976>.s3_row { margin: 0 -20px; } #stacks_in_976>.s3_row>.s3_column_left { width: 49.55%; } #stacks_in_976>.s3_row>.s3_column_right { width: 50.450001%; } #stacks_in_976>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_976>.s3_row { margin: -20px 0; } #stacks_in_976>.s3_row>.s3_column { padding: 20px 0; width:100%; } } #stacks_in_981 { margin: 12px 12px 12px 24px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_1000 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_1000 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_1000 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_1000 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_1000, .svg-metamorph.svgm_stacks_in_1000 .svgm-content { position: relative; z-index: 1; } #stacks_in_1000, #stacks_out_1000 { overflow: visible; } .svg-metamorph.svgm_stacks_in_1000 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; margin-bottom: calc(160px - 0px); } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 160px + 160px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-160px); } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(160px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-160px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer > .svgm-wrap:after { background: #FFFEFE; } .svg-metamorph.svgm_stacks_in_1000 .svgm-content { position: relative; z-index: 3; min-height: 160px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_1000 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_1000 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1000 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 160px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_1000 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1000 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1000 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_1000 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_1000 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_1000 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1000 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1000 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_1000 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_1000 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_1000 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1000 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_1000 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_1000 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_1000 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1000 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_1000 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1000 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_1000 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1000 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_1000 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1000 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_1000 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1000 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_1000 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1000 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1000 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_1000 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1000 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1000 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_1000 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_1000 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_1000 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_1001{ 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 */ #stacks_in_1001 { margin: 50px 0px 20px 0px; } #stacks_out_1001 { width: 80%; } #stacks_in_1002>.s3_row { margin: 0 -20px; } #stacks_in_1002>.s3_row>.s3_column_left { width: 51.89%; } #stacks_in_1002>.s3_row>.s3_column_right { width: 48.110001%; } #stacks_in_1002>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1002>.s3_row { margin: -20px 0; } #stacks_in_1002>.s3_row>.s3_column { padding: 20px 0; width:100%; } } #stacks_in_1007 { margin: 12px 12px 12px 24px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_1014 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_1014 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_1014 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_1014 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_1014, .svg-metamorph.svgm_stacks_in_1014 .svgm-content { position: relative; z-index: 1; } #stacks_in_1014, #stacks_out_1014 { overflow: visible; } .svg-metamorph.svgm_stacks_in_1014 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; z-index: 10; } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 160px + 160px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-160px); } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(160px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-160px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer > .svgm-wrap:after { background: #05040A; } .svg-metamorph.svgm_stacks_in_1014 .svgm-content { position: relative; z-index: 3; min-height: 160px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_1014 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_1014 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1014 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 160px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_1014 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1014 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1014 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_1014 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_1014 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_1014 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1014 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1014 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_1014 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_1014 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_1014 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1014 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_1014 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_1014 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_1014 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1014 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_1014 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1014 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_1014 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1014 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_1014 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1014 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_1014 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1014 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_1014 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1014 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1014 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_1014 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1014 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1014 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_1014 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_1014 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_1014 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_1015{ 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 */ #stacks_in_1015 { margin: 50px 0px 20px 0px; } #stacks_out_1015 { width: 80%; } #stacks_in_1016>.s3_row { margin: 0 -20px; } #stacks_in_1016>.s3_row>.s3_column_left { width: 55.35%; } #stacks_in_1016>.s3_row>.s3_column_right { width: 44.650002%; } #stacks_in_1016>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1016>.s3_row { margin: -20px 0; } #stacks_in_1016>.s3_row>.s3_column { padding: 20px 0; width:100%; } } #stacks_in_1023 { margin: 12px 12px 12px 24px; } #stacks_in_1018 { margin: 0px 0px 30px 0px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_1026 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_1026 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_1026 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_1026 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_1026, .svg-metamorph.svgm_stacks_in_1026 .svgm-content { position: relative; z-index: 1; } #stacks_in_1026, #stacks_out_1026 { overflow: visible; } .svg-metamorph.svgm_stacks_in_1026 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; margin-bottom: calc(160px - 0px); } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 160px + 160px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-160px); } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(160px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-160px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer > .svgm-wrap:after { background: #053044; } .svg-metamorph.svgm_stacks_in_1026 .svgm-content { position: relative; z-index: 3; min-height: 160px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_1026 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_1026 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1026 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 160px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_1026 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1026 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1026 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_1026 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_1026 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_1026 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1026 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1026 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_1026 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_1026 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_1026 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1026 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_1026 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_1026 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_1026 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1026 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_1026 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1026 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_1026 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1026 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_1026 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1026 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_1026 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1026 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_1026 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1026 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1026 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_1026 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1026 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1026 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_1026 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_1026 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_1026 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_911{ 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 */ #stacks_in_911 { margin: 20px 0px 10px 0px; } #stacks_out_911 { width: 70%; } #stacks_in_912 { margin: 33px 0px 0px 20px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_1085 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_1085 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_1085 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_1085 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_1085, .svg-metamorph.svgm_stacks_in_1085 .svgm-content { position: relative; z-index: 1; } #stacks_in_1085, #stacks_out_1085 { overflow: visible; } .svg-metamorph.svgm_stacks_in_1085 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; margin-bottom: calc(160px - 0px); margin-bottom: -0px; } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 160px + 160px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-160px); } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(160px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-160px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap:after { background: #FFFEFE; } .svg-metamorph.svgm_stacks_in_1085 .svgm-content { position: relative; z-index: 3; min-height: 160px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { opacity: 0; } .svg-metamorph.svgm_stacks_in_1085 .svgm-content { margin-bottom: 0; } .svg-metamorph.svgm_stacks_in_1085 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_1085 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1085 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 160px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_1085 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1085 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1085 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_1085 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_1085 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_1085 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1085 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1085 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_1085 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_1085 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_1085 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1085 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_1085 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_1085 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_1085 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1085 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_1085 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1085 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_1085 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1085 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_1085 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1085 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_1085 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1085 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_1085 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1085 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1085 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_1085 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1085 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1085 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_1085 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_1085 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_1085 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_1065{ 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 */ #stacks_in_1065 { margin: 50px 0px 0px 0px; } #stacks_out_1065 { width: 50%; } /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_1066{ 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 */ #stacks_in_1066 { margin: 5px 0px 20px 0px; } #stacks_out_1066 { width: 68%; } #stacks_in_1078 { margin: 3px 0px 0px 0px; } /* * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.0.0 * Simple Divider is a Free Stack for RapidWeaver allowing easy drag-and-drop of a simple divider with minimal customization options. */ #simpleDivider_stacks_in_1067 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_1067 .theDivider1, #simpleDivider_stacks_in_1067 .theDivider2 {width: inherit} #simpleDivider_stacks_in_1067 .theDivider1 { border-top: solid 1px #CCCCCC; border-bottom: solid 1px #FFFFFF; } #simpleDivider_stacks_in_1067 .theDivider2 { height: 4px; background-color: #E0E0E0; } #stacks_in_1067 { margin: 15px 0px 0px 0px; } #stacks_in_1068 { margin: 10px 0px 0px 0px; } /* Start dooJet stack each CSS code */ #jetOverflowRestrict{ overflow: hidden !important; } .jetAnimate{visibility: hidden;} #stacks_in_1069{ 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 */ #stacks_in_1082 { margin: 10px 0px 0px 0px; } #stacks_out_1082 { width: 90%; }