.com_joeworkman_stacks_shareit_simple_stack a.shareit,.com_joeworkman_stacks_shareit_simple_stack i.fa{text-decoration:none;-webkit-transition:color 300ms ease 0;-moz-transition:color 300ms ease 0;-o-transition:color 300ms ease 0;transition:color 300ms ease 0}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-facebook,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-facebook-square{color:#3b5998}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-facebook:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-facebook-square:hover{color:#3b5998}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-twitter,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-twitter-square{color:#09aeec}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-twitter:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-twitter-square:hover{color:#09aeec}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-google-plus,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-google-plus-square{color:#e00}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-google-plus:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-google-plus-square:hover{color:#e00}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-adn{color:#4a484c}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-adn:hover{color:#4a484c}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-pinterest,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-pinterest-square{color:#cb2027}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-pinterest:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-pinterest-square:hover{color:#cb2027}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-linkedin,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-linkedin-square{color:#257597}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-linkedin:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-linkedin-square:hover{color:#257597}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-envelope,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-envelope-o{color:#26a14b}.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-envelope:hover,.com_joeworkman_stacks_shareit_simple_stack a.default-colors i.fa-envelope-o:hover{color:#26a14b} #stacks_in_93_page4>.s3_row { margin: 0 -10px; } #stacks_in_93_page4>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_93_page4>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_93_page4>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } /* * Simple Headers * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-headers/ * Support: http://forum.onelittledesigner.com * Verson: 1.2.3 */ #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff h1, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff h2, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff h3, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff h4, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff h5, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff h6 { font-size: 18px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; letter-spacing: 0px; } #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff.lineHeightOn, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff.lineHeightOn h1, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff.lineHeightOn h2, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff.lineHeightOn h3, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff.lineHeightOn h4, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff.lineHeightOn h5, #simpleHeaders_stacks_in_94_page4.headerInheritStylesOff.lineHeightOn h6 { line-height: 18px; } #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a h1, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a h2, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a h3, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a h4, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a h5, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a h6, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h1, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h2, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h3, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h4, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h5, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h6 { color: #169EE6; } #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff:hover, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a:hover, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a:hover h1, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a:hover h2, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a:hover h3, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a:hover h4, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a:hover h5, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff a:hover h6, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h1:hover, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h2:hover, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h3:hover, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h4:hover, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h5:hover, #simpleHeaders_stacks_in_94_page4.headerInheritColorsOff h6:hover { color: #FF6600; } #stacks_in_97_page4 .pop_alignment { text-align: right; } #stacks_in_97_page4 span.pop_button_wrapper { display: inline-block; } #stacks_in_97_page4 .pop_button { cursor: pointer; text-decoration: none; display: block; background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); text-align: center; border-radius: 6px; border: 1px solide red; overflow: hidden; } #stacks_in_97_page4 .pop_button:hover { background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_97_page4 .pop_button { } #stacks_in_97_page4 .pop_image img { max-width: 100%; height: auto; cursor: pointer; } #stacks_in_97_page4 .pop_button { height: 38px; font-size: 16px; width: 38px; padding: 0; } #stacks_in_97_page4 .pop_button, #stacks_in_97_page4 .pop_button i { line-height: 38px; } .pop-tool-container.toolbar-stacks_in_97_page4-style, .pop-tool-container.toolbar-stacks_in_97_page4-style .tool-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .pop-tool-container.toolbar-stacks_in_97_page4-style { background-color: rgba(2, 117, 216, 1.00); background-size: 100% 100%; border-radius: 6px; position: absolute; } .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-top, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-bottom { height: 40px; border-bottom: 0px solid #beb8b8; } .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-top .tool-item, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-bottom .tool-item { float: left; border-right: 0; border-left: 0; } .pop-tool-container.toolbar-stacks_in_97_page4-style .tool-item { height: 100%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 10px; transition: none; } .pop-tool-container.toolbar-stacks_in_97_page4-style .tool-item > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_97_page4-style .tool-item.selected, .pop-tool-container.toolbar-stacks_in_97_page4-style .tool-item:hover { background: rgba(255, 255, 255, 0.50); } .pop-tool-container.toolbar-stacks_in_97_page4-style .tool-item.selected > .fa, .pop-tool-container.toolbar-stacks_in_97_page4-style .tool-item:hover > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-bottom .tool-item:first-child:hover { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-bottom .tool-item:last-child:hover { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-vertical-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-vertical-bottom .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-right .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-left .tool-item:first-child:hover { border-top-left-radius: 6px; border-top-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-vertical-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-vertical-bottom .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-right .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-left .tool-item:last-child:hover { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_97_page4-style .arrow { width: 0; height: 0; position: absolute; border-width: 7px; border-style: solid; } .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-top .arrow { border-color: rgba(2, 117, 216, 1.00) transparent transparent; left: 50%; bottom: -14px; margin-left: -7px; } .pop-tool-container.toolbar-stacks_in_97_page4-style.tool-bottom .arrow { border-color: transparent transparent rgba(2, 117, 216, 1.00); left: 50%; top: -14px; margin-left: -7px; } .stacks_in_97_page4_hidden { display: none; } /* Animations */ .animate-flyin { -webkit-animation: rotateAnimate 0.5s 1 ease; } @-webkit-keyframes rotateAnimate { from { transform: rotate(180deg) translate(-120px); opacity: 0; } to { transform: rotate(0deg) translate(0px); opacity: 1; } } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInX { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInX; animation-name: pop_flipInX; } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInY { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInY; animation-name: pop_flipInY; } @-webkit-keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .animate-bounce { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_bounce; animation-name: pop_bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes pop_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 pop_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); } } .animate-pulse { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-name: pop_pulse; animation-name: pop_pulse; } @-webkit-keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-rubberBand { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_rubberBand; animation-name: pop_rubberBand; } @-webkit-keyframes pop_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 pop_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); } } .animate-swing { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: pop_swing; animation-name: pop_swing; } @-webkit-keyframes pop_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 pop_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; } } .animate-wobble { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_wobble; animation-name: pop_wobble; } @-webkit-keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-bounceIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_bounceIn; animation-name: pop_bounceIn; } @-webkit-keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInUp { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInUp; animation-name: pop_fadeInUp; } @-webkit-keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInDown { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInDown; animation-name: pop_fadeInDown; } @-webkit-keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeIn; animation-name: pop_fadeIn; } @-webkit-keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animate-zoomIn { -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: pop_zoomIn; animation-name: pop_zoomIn; } #stacks_in_97_page4 { padding: 0px 0px 10px 0px; } /* Font style applied when the page has finished loading */ @media all { body, h1, #uniqueElement, .classElement, #fontStackstacks_in_228_page4 { font-family: 'Arsenal', sans-serif; font-weight: 400; font-style: normal; font-size: 100%; line-height: 100%; } #fontStackstacks_in_228_page4 { color: #FF0000; } } .stacks_in_220_page4creeper_anchor{height:0;margin:0;padding:0}.stacks_in_220_page4creeper{ margin:0 0 10px;z-index:9999;height:auto;text-align:left; background-color:rgba(0,0,0,0); overflow-x:visible!important}#stacks_in_220_page4creeperContain{ width:900px; margin-left:auto;margin-right:auto;} #stacks_out_220_page4 { margin-left:0; } #stacks_in_221_page4 .pop_alignment { text-align: left ; } #stacks_in_221_page4 span.pop_button_wrapper { display: inline-block; } #stacks_in_221_page4 .pop_button { cursor: pointer; text-decoration: none; display: block; background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); text-align: center; border-radius: 6px; border: 1px solide red; overflow: hidden; } #stacks_in_221_page4 .pop_button:hover { background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_221_page4 .pop_button { } #stacks_in_221_page4 .pop_image img { max-width: 100%; height: auto; cursor: pointer; } #stacks_in_221_page4 .pop_button { height: 38px; font-size: 16px; width: 38px; padding: 0; } #stacks_in_221_page4 .pop_button, #stacks_in_221_page4 .pop_button i { line-height: 38px; } .pop-tool-container.toolbar-stacks_in_221_page4-style, .pop-tool-container.toolbar-stacks_in_221_page4-style .tool-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .pop-tool-container.toolbar-stacks_in_221_page4-style { background-color: rgba(2, 117, 216, 1.00); background-size: 100% 100%; border-radius: 6px; position: absolute; } .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-top, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-bottom { height: 40px; border-bottom: 0px solid #beb8b8; } .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-top .tool-item, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-bottom .tool-item { float: left; border-right: 0; border-left: 0; } .pop-tool-container.toolbar-stacks_in_221_page4-style .tool-item { height: 100%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 10px; transition: none; } .pop-tool-container.toolbar-stacks_in_221_page4-style .tool-item > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_221_page4-style .tool-item.selected, .pop-tool-container.toolbar-stacks_in_221_page4-style .tool-item:hover { background: rgba(255, 255, 255, 0.50); } .pop-tool-container.toolbar-stacks_in_221_page4-style .tool-item.selected > .fa, .pop-tool-container.toolbar-stacks_in_221_page4-style .tool-item:hover > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-bottom .tool-item:first-child:hover { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-bottom .tool-item:last-child:hover { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-vertical-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-vertical-bottom .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-right .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-left .tool-item:first-child:hover { border-top-left-radius: 6px; border-top-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-vertical-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-vertical-bottom .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-right .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-left .tool-item:last-child:hover { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_221_page4-style .arrow { width: 0; height: 0; position: absolute; border-width: 7px; border-style: solid; } .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-top .arrow { border-color: rgba(2, 117, 216, 1.00) transparent transparent; left: 50%; bottom: -14px; margin-left: -7px; } .pop-tool-container.toolbar-stacks_in_221_page4-style.tool-bottom .arrow { border-color: transparent transparent rgba(2, 117, 216, 1.00); left: 50%; top: -14px; margin-left: -7px; } .stacks_in_221_page4_hidden { display: none; } /* Animations */ .animate-flyin { -webkit-animation: rotateAnimate 0.5s 1 ease; } @-webkit-keyframes rotateAnimate { from { transform: rotate(180deg) translate(-120px); opacity: 0; } to { transform: rotate(0deg) translate(0px); opacity: 1; } } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInX { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInX; animation-name: pop_flipInX; } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInY { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInY; animation-name: pop_flipInY; } @-webkit-keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .animate-bounce { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_bounce; animation-name: pop_bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes pop_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 pop_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); } } .animate-pulse { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-name: pop_pulse; animation-name: pop_pulse; } @-webkit-keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-rubberBand { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_rubberBand; animation-name: pop_rubberBand; } @-webkit-keyframes pop_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 pop_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); } } .animate-swing { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: pop_swing; animation-name: pop_swing; } @-webkit-keyframes pop_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 pop_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; } } .animate-wobble { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_wobble; animation-name: pop_wobble; } @-webkit-keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-bounceIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_bounceIn; animation-name: pop_bounceIn; } @-webkit-keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInUp { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInUp; animation-name: pop_fadeInUp; } @-webkit-keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInDown { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInDown; animation-name: pop_fadeInDown; } @-webkit-keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeIn; animation-name: pop_fadeIn; } @-webkit-keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animate-zoomIn { -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: pop_zoomIn; animation-name: pop_zoomIn; } #stacks_out_221_page4 { width: 250px; float: left; margin-left:0; } #stacks_in_221_page4 { margin: 0px 0px 10px 0px; } #stickystacks_in_160_page4 { display: block; position: fixed; right: 5px; top: 5px; padding: 0; margin: 0; width: 200px; overflow: hidden; z-index: 100; } #stickyLinkstacks_in_160_page4 a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media print { #stickystacks_in_160_page4 { display: none !important; } } #stacks_in_161_page4 .pop_alignment { text-align: center ; } #stacks_in_161_page4 span.pop_button_wrapper { display: inline-block; } #stacks_in_161_page4 .pop_button { cursor: pointer; text-decoration: none; display: block; background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); text-align: center; border-radius: 6px; border: 1px solide red; overflow: hidden; } #stacks_in_161_page4 .pop_button:hover { background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_161_page4 .pop_button { } #stacks_in_161_page4 .pop_image img { max-width: 100%; height: auto; cursor: pointer; } #stacks_in_161_page4 .pop_button { height: 38px; font-size: 16px; width: 38px; padding: 0; } #stacks_in_161_page4 .pop_button, #stacks_in_161_page4 .pop_button i { line-height: 38px; } .pop-tool-container.toolbar-stacks_in_161_page4-style, .pop-tool-container.toolbar-stacks_in_161_page4-style .tool-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .pop-tool-container.toolbar-stacks_in_161_page4-style { background-color: rgba(11, 94, 206, 1.00); background-size: 100% 100%; border-radius: 6px; position: absolute; } .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-top, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-bottom { height: 40px; border-bottom: 0px solid #beb8b8; } .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-top .tool-item, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-bottom .tool-item { float: left; border-right: 0; border-left: 0; } .pop-tool-container.toolbar-stacks_in_161_page4-style .tool-item { height: 100%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 10px; transition: none; } .pop-tool-container.toolbar-stacks_in_161_page4-style .tool-item > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_161_page4-style .tool-item.selected, .pop-tool-container.toolbar-stacks_in_161_page4-style .tool-item:hover { background: rgba(255, 255, 255, 0.50); } .pop-tool-container.toolbar-stacks_in_161_page4-style .tool-item.selected > .fa, .pop-tool-container.toolbar-stacks_in_161_page4-style .tool-item:hover > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-bottom .tool-item:first-child:hover { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-bottom .tool-item:last-child:hover { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-vertical-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-vertical-bottom .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-right .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-left .tool-item:first-child:hover { border-top-left-radius: 6px; border-top-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-vertical-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-vertical-bottom .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-right .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-left .tool-item:last-child:hover { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_161_page4-style .arrow { width: 0; height: 0; position: absolute; border-width: 7px; border-style: solid; } .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-top .arrow { border-color: rgba(11, 94, 206, 1.00) transparent transparent; left: 50%; bottom: -14px; margin-left: -7px; } .pop-tool-container.toolbar-stacks_in_161_page4-style.tool-bottom .arrow { border-color: transparent transparent rgba(11, 94, 206, 1.00); left: 50%; top: -14px; margin-left: -7px; } .stacks_in_161_page4_hidden { display: none; } /* Animations */ .animate-flyin { -webkit-animation: rotateAnimate 0.5s 1 ease; } @-webkit-keyframes rotateAnimate { from { transform: rotate(180deg) translate(-120px); opacity: 0; } to { transform: rotate(0deg) translate(0px); opacity: 1; } } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInX { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInX; animation-name: pop_flipInX; } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInY { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInY; animation-name: pop_flipInY; } @-webkit-keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .animate-bounce { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_bounce; animation-name: pop_bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes pop_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 pop_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); } } .animate-pulse { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-name: pop_pulse; animation-name: pop_pulse; } @-webkit-keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-rubberBand { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_rubberBand; animation-name: pop_rubberBand; } @-webkit-keyframes pop_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 pop_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); } } .animate-swing { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: pop_swing; animation-name: pop_swing; } @-webkit-keyframes pop_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 pop_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; } } .animate-wobble { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_wobble; animation-name: pop_wobble; } @-webkit-keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-bounceIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_bounceIn; animation-name: pop_bounceIn; } @-webkit-keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInUp { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInUp; animation-name: pop_fadeInUp; } @-webkit-keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInDown { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInDown; animation-name: pop_fadeInDown; } @-webkit-keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeIn; animation-name: pop_fadeIn; } @-webkit-keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animate-zoomIn { -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: pop_zoomIn; animation-name: pop_zoomIn; } #stacks_out_161_page4 { width: 30%; margin-right:0; } #stacks_in_161_page4 { padding: 65px 0px 0px 0px; } #bannerStackstacks_in_196_page4 { position: relative; z-index: 0; overflow: hidden; } #bannerStackstacks_in_196_page4 img { width: 100%; height: auto; } /**/ @media screen and (min-width: 768px) { #bannerLayerstacks_in_198_page4 { position: absolute; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); color: rgba(255, 255, 255, 1.00); z-index: 2; padding: 15px 15px 15px 15px; border-radius: 0px 0px 0px 0px; overflow: hidden; font-size: 100.00%; line-height: 1.50em; } #bannerLayerstacks_in_198_page4 img { width: auto; max-width: 100%; height: auto; } #bannerLayerstacks_in_198_page4 h1, #bannerLayerstacks_in_198_page4 h2, #bannerLayerstacks_in_198_page4 h3, #bannerLayerstacks_in_198_page4 h4, #bannerLayerstacks_in_198_page4 h5, #bannerLayerstacks_in_198_page4 h6 { color: rgba(255, 255, 255, 1.00); } #bannerLayerstacks_in_198_page4 a, #bannerLayerstacks_in_198_page4 a:visited { color: rgba(102, 204, 255, 1.00); outline: none; border: none; } #bannerLayerstacks_in_198_page4 a:hover, #bannerLayerstacks_in_198_page4 a:active { color: rgba(0, 128, 255, 1.00); outline: none; border: none; } /* Horizontal Position Settings */ #bannerLayerstacks_in_198_page4 { right: 0.00%; } /* Vertical Position Settings */ #bannerLayerstacks_in_198_page4 { bottom: 0.00%; } /* Width Settings */ #bannerLayerstacks_in_198_page4 { width: 25%; } /* Height Settings */ #bannerLayerstacks_in_198_page4 { height: auto; } } /**/ #stacks_in_199_page4 .pop_alignment { text-align: right; } #stacks_in_199_page4 span.pop_button_wrapper { display: inline-block; } #stacks_in_199_page4 .pop_button { cursor: pointer; text-decoration: none; display: block; background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); text-align: center; border-radius: 6px; border: 1px solide red; overflow: hidden; } #stacks_in_199_page4 .pop_button:hover { background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_199_page4 .pop_button { } #stacks_in_199_page4 .pop_image img { max-width: 100%; height: auto; cursor: pointer; } #stacks_in_199_page4 .pop_button { height: 38px; font-size: 16px; width: 38px; padding: 0; } #stacks_in_199_page4 .pop_button, #stacks_in_199_page4 .pop_button i { line-height: 38px; } .pop-tool-container.toolbar-stacks_in_199_page4-style, .pop-tool-container.toolbar-stacks_in_199_page4-style .tool-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .pop-tool-container.toolbar-stacks_in_199_page4-style { background-color: rgba(2, 117, 216, 1.00); background-size: 100% 100%; border-radius: 6px; position: absolute; } .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-top, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-bottom { height: 40px; border-bottom: 0px solid #beb8b8; } .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-top .tool-item, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-bottom .tool-item { float: left; border-right: 0; border-left: 0; } .pop-tool-container.toolbar-stacks_in_199_page4-style .tool-item { height: 100%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 10px; transition: none; } .pop-tool-container.toolbar-stacks_in_199_page4-style .tool-item > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_199_page4-style .tool-item.selected, .pop-tool-container.toolbar-stacks_in_199_page4-style .tool-item:hover { background: rgba(255, 255, 255, 0.50); } .pop-tool-container.toolbar-stacks_in_199_page4-style .tool-item.selected > .fa, .pop-tool-container.toolbar-stacks_in_199_page4-style .tool-item:hover > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-bottom .tool-item:first-child:hover { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-bottom .tool-item:last-child:hover { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-vertical-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-vertical-bottom .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-right .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-left .tool-item:first-child:hover { border-top-left-radius: 6px; border-top-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-vertical-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-vertical-bottom .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-right .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-left .tool-item:last-child:hover { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_199_page4-style .arrow { width: 0; height: 0; position: absolute; border-width: 7px; border-style: solid; } .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-top .arrow { border-color: rgba(2, 117, 216, 1.00) transparent transparent; left: 50%; bottom: -14px; margin-left: -7px; } .pop-tool-container.toolbar-stacks_in_199_page4-style.tool-bottom .arrow { border-color: transparent transparent rgba(2, 117, 216, 1.00); left: 50%; top: -14px; margin-left: -7px; } .stacks_in_199_page4_hidden { display: none; } /* Animations */ .animate-flyin { -webkit-animation: rotateAnimate 0.5s 1 ease; } @-webkit-keyframes rotateAnimate { from { transform: rotate(180deg) translate(-120px); opacity: 0; } to { transform: rotate(0deg) translate(0px); opacity: 1; } } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInX { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInX; animation-name: pop_flipInX; } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInY { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInY; animation-name: pop_flipInY; } @-webkit-keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .animate-bounce { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_bounce; animation-name: pop_bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes pop_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 pop_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); } } .animate-pulse { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-name: pop_pulse; animation-name: pop_pulse; } @-webkit-keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-rubberBand { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_rubberBand; animation-name: pop_rubberBand; } @-webkit-keyframes pop_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 pop_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); } } .animate-swing { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: pop_swing; animation-name: pop_swing; } @-webkit-keyframes pop_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 pop_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; } } .animate-wobble { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_wobble; animation-name: pop_wobble; } @-webkit-keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-bounceIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_bounceIn; animation-name: pop_bounceIn; } @-webkit-keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInUp { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInUp; animation-name: pop_fadeInUp; } @-webkit-keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInDown { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInDown; animation-name: pop_fadeInDown; } @-webkit-keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeIn; animation-name: pop_fadeIn; } @-webkit-keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animate-zoomIn { -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: pop_zoomIn; animation-name: pop_zoomIn; } #bannerStackstacks_in_206_page4 { position: relative; z-index: 0; overflow: hidden; } #bannerStackstacks_in_206_page4 img { width: 100%; height: auto; } /**/ @media screen and (min-width: 768px) { #bannerLayerstacks_in_208_page4 { position: absolute; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); color: rgba(255, 255, 255, 1.00); z-index: 2; padding: 15px 15px 15px 15px; border-radius: 0px 0px 0px 0px; overflow: hidden; font-size: 100.00%; line-height: 1.50em; } #bannerLayerstacks_in_208_page4 img { width: auto; max-width: 100%; height: auto; } #bannerLayerstacks_in_208_page4 h1, #bannerLayerstacks_in_208_page4 h2, #bannerLayerstacks_in_208_page4 h3, #bannerLayerstacks_in_208_page4 h4, #bannerLayerstacks_in_208_page4 h5, #bannerLayerstacks_in_208_page4 h6 { color: rgba(255, 255, 255, 1.00); } #bannerLayerstacks_in_208_page4 a, #bannerLayerstacks_in_208_page4 a:visited { color: rgba(102, 204, 255, 1.00); outline: none; border: none; } #bannerLayerstacks_in_208_page4 a:hover, #bannerLayerstacks_in_208_page4 a:active { color: rgba(0, 128, 255, 1.00); outline: none; border: none; } /* Horizontal Position Settings */ #bannerLayerstacks_in_208_page4 { right: 0.00%; } /* Vertical Position Settings */ #bannerLayerstacks_in_208_page4 { bottom: 0.00%; } /* Width Settings */ #bannerLayerstacks_in_208_page4 { width: 25%; } /* Height Settings */ #bannerLayerstacks_in_208_page4 { height: auto; } } /**/ #stacks_in_209_page4 .pop_alignment { text-align: center ; } #stacks_in_209_page4 span.pop_button_wrapper { display: inline-block; } #stacks_in_209_page4 .pop_button { cursor: pointer; text-decoration: none; display: block; background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); text-align: center; border-radius: 6px; border: 1px solide red; overflow: hidden; } #stacks_in_209_page4 .pop_button:hover { background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_209_page4 .pop_button { } #stacks_in_209_page4 .pop_image img { max-width: 100%; height: auto; cursor: pointer; } #stacks_in_209_page4 .pop_button { height: 31px; font-size: 14px; width: 31px; padding: 0; } #stacks_in_209_page4 .pop_button, #stacks_in_209_page4 .pop_button i { line-height: 31px; } .pop-tool-container.toolbar-stacks_in_209_page4-style, .pop-tool-container.toolbar-stacks_in_209_page4-style .tool-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .pop-tool-container.toolbar-stacks_in_209_page4-style { background-color: rgba(2, 117, 216, 1.00); background-size: 100% 100%; border-radius: 6px; position: absolute; } .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-top, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-bottom { height: 40px; border-bottom: 0px solid #beb8b8; } .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-top .tool-item, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-bottom .tool-item { float: left; border-right: 0; border-left: 0; } .pop-tool-container.toolbar-stacks_in_209_page4-style .tool-item { height: 100%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 10px; transition: none; } .pop-tool-container.toolbar-stacks_in_209_page4-style .tool-item > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_209_page4-style .tool-item.selected, .pop-tool-container.toolbar-stacks_in_209_page4-style .tool-item:hover { background: rgba(255, 255, 255, 0.50); } .pop-tool-container.toolbar-stacks_in_209_page4-style .tool-item.selected > .fa, .pop-tool-container.toolbar-stacks_in_209_page4-style .tool-item:hover > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-bottom .tool-item:first-child:hover { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-bottom .tool-item:last-child:hover { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-vertical-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-vertical-bottom .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-right .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-left .tool-item:first-child:hover { border-top-left-radius: 6px; border-top-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-vertical-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-vertical-bottom .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-right .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-left .tool-item:last-child:hover { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_209_page4-style .arrow { width: 0; height: 0; position: absolute; border-width: 7px; border-style: solid; } .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-top .arrow { border-color: rgba(2, 117, 216, 1.00) transparent transparent; left: 50%; bottom: -14px; margin-left: -7px; } .pop-tool-container.toolbar-stacks_in_209_page4-style.tool-bottom .arrow { border-color: transparent transparent rgba(2, 117, 216, 1.00); left: 50%; top: -14px; margin-left: -7px; } .stacks_in_209_page4_hidden { display: none; } /* Animations */ .animate-flyin { -webkit-animation: rotateAnimate 0.5s 1 ease; } @-webkit-keyframes rotateAnimate { from { transform: rotate(180deg) translate(-120px); opacity: 0; } to { transform: rotate(0deg) translate(0px); opacity: 1; } } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInX { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInX; animation-name: pop_flipInX; } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInY { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInY; animation-name: pop_flipInY; } @-webkit-keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .animate-bounce { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_bounce; animation-name: pop_bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes pop_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 pop_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); } } .animate-pulse { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-name: pop_pulse; animation-name: pop_pulse; } @-webkit-keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-rubberBand { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_rubberBand; animation-name: pop_rubberBand; } @-webkit-keyframes pop_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 pop_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); } } .animate-swing { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: pop_swing; animation-name: pop_swing; } @-webkit-keyframes pop_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 pop_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; } } .animate-wobble { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_wobble; animation-name: pop_wobble; } @-webkit-keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-bounceIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_bounceIn; animation-name: pop_bounceIn; } @-webkit-keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInUp { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInUp; animation-name: pop_fadeInUp; } @-webkit-keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInDown { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInDown; animation-name: pop_fadeInDown; } @-webkit-keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeIn; animation-name: pop_fadeIn; } @-webkit-keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animate-zoomIn { -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: pop_zoomIn; animation-name: pop_zoomIn; } #stacks_in_209_page4 { margin: 10px 0px 0px 0px; } /* @group Font Icons */ @font-face { font-family: 'fontello'; src: url('font-icons/fontello.eot?19778278'); src: url('font-icons/fontello.eot?19778278#iefix') format('embedded-opentype'), url('font-icons/fontello.woff?19778278') format('woff'), url('font-icons/fontello.ttf?19778278') format('truetype'), url('font-icons/fontello.svg?19778278#fontello') format('svg'); font-weight: normal; font-style: normal; } #freeStyleWrapperstacks_in_103_page4 [class^="freestyle-icon-"]:before, #freeStyleWrapperstacks_in_103_page4 [class*=" freestyle-icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } #freeStyleWrapperstacks_in_103_page4 .freestyle-icon-left-open:before { content: '\e800'; } #freeStyleWrapperstacks_in_103_page4 .freestyle-icon-right-open:before { content: '\e801'; } #freeStyleWrapperstacks_in_103_page4 .freestyle-icon-play:before { content: '\e802'; } #freeStyleWrapperstacks_in_103_page4 .freestyle-icon-pause:before { content: '\e803'; } /* @end */ /* @group General / CSS reset */ #freeStyleWrapperstacks_in_103_page4 { display: block; position: relative; width: 100%; z-index: 1; } #freeStyleWrapperstacks_in_103_page4 a { outline: none; } #freeStyleWrapperstacks_in_103_page4 ul { padding: 0; margin: 0; list-style: none; } #freeStyleWrapperstacks_in_103_page4 li { padding: 0; margin: 0; list-style: none; } /* @end */ %[if 0 ]% /* @group BX Slider */ /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/freestyle-bx-loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(freestyle-images/freestyle-bx-controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(freestyle-images/freestyle-bx-controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(freestyle-images/freestyle-bx-controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(freestyle-images/freestyle-bx-controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* WW Reset */ .bx-wrapper { margin: 0px; } .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; left: 0px; } .bx-wrapper ul, .bx-wrapper li { padding: 0; margin: 0; list-style: none; } .bx-wrapper img { max-width: none; width: 100%; height: auto; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 20px; width: 100%; z-index: 60; } /* Added by WW */ /* Hide slider until loaded */ #freeStyleSliderstacks_in_103_page4 { display: none; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666666; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000000; } .bx-wrapper .bx-controls a { text-decoration: none; } .bx-wrapper .bx-controls-direction [class^="freestyle-icon-"] { font-size: 22px; color: #BDBDBD; line-height: 34px; text-shadow: none; } .bx-wrapper .bx-prev { left: 10px; width: 32px; height: 32px; text-align: left; border-radius: 16px; background: #686868; opacity: 0.80; } .bx-wrapper .bx-prev:hover { opacity: 1.00; } .bx-wrapper .bx-next { right: 10px; width: 32px; height: 32px; text-align: right; border-radius: 16px; background: #686868; opacity: 0.80; } .bx-wrapper .bx-next:hover { opacity: 1.00; } .bx-wrapper .bx-controls-direction a { text-indent: 0; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { margin-left: 10px; } .bx-wrapper .bx-controls-auto [class^="freestyle-icon-"] { font-size: 22px; color: #BDBDBD; line-height: 34px; text-shadow: none; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: 0px; width: 32px; height: 32px; outline: 0; background: none; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover [class^="freestyle-icon-"], .bx-wrapper .bx-controls-auto .bx-start.active [class^="freestyle-icon-"] { background: none; color: #000000; text-shadow: none; } .bx-controls-auto, .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { width: 85px; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: 0px; width: 32px; height: 32px; outline: 0; background: none; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover [class^="freestyle-icon-"], .bx-wrapper .bx-controls-auto .bx-stop.active [class^="freestyle-icon-"] { background: none; color: #000000; text-shadow: none; } /* @end */ /* @group Splash */ #splashWrapstacks_in_103_page4 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; font-size: 150%; color: #FFFFFF; text-align: right; line-height: 100%; } #splashPlaceholderstacks_in_103_page4 { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 20; } @media screen and (max-width: 800px) { #splashWrapstacks_in_103_page4, #splashPlaceholderstacks_in_103_page4 { position: relative; top: auto; left: auto; width: 100%; height: auto; background: #000000; } } /* @end */ /* @group Maps */ .freeStyleMapContainer { display: block; position: relative; overflow: hidden; width: 100%; } /* @end */ /* @group Video */ .freeStyleMapContainer iframe { max-width: 100%; max-height: 100%; } .freeStyleVideoContainer { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .freeStyleVideoContainer iframe, .freeStyleVideoContainer object, .freeStyleVideoContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @end */ /* @group HTML5 Video */ .html5VideoContainer { position: relative; height: 0; padding-bottom: 56.25%; } .html5VideoContainer video, .html5VideoContainer canvas { top: 0; left: 0; width: 100%; max-width: 100%; } .html5VideoContainer video { height: 100% !important; position: absolute; -webkit-transform-style: preserve-3d; } /* @end */ /* @group Vine Video */ .vineVideoContainer iframe { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; border: none; outline: none; } /* @end */ /* @group Overlay */ #freeStyleOverlaystacks_in_103_page4 { position: absolute; right: 10px; top: 10px; z-index: 55; display: block; width: 33%; } #overlayFillstacks_in_103_page4 { position: absolute; top: 0; left: 0; display: block; z-index: 1; width: 100%; height: 100%; background: #FFFFFF; opacity: 0.0; border-radius: 10px; -webkit-border-radius: 10px; } #overlayContentstacks_in_103_page4 { position: relative; display: block; z-index: 5; padding: 2%; margin: 0; color: #FFFFFF; border-radius: 10px; -webkit-border-radius: 10px; font-size: 100%; } /* @end */ @media screen and (max-width: 569px) { #freeStyleOverlaystacks_in_103_page4 { position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; width: 100%; } #overlayFillstacks_in_103_page4, #overlayContentstacks_in_103_page4 { opacity: 1.00; border-radius: 0px; -webkit-border-radius: 0px; } } #stacks_out_103_page4 { margin-right:0; } #stacks_in_103_page4 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_105_page4>.s3_row { margin: 0 -10px; } #stacks_in_105_page4>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_105_page4>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_105_page4>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } /* * Simple Headers * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-headers/ * Support: http://forum.onelittledesigner.com * Verson: 1.2.3 */ #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff h1, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff h2, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff h3, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff h4, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff h5, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff h6 { font-size: 35px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; letter-spacing: 0px; } #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff.lineHeightOn, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff.lineHeightOn h1, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff.lineHeightOn h2, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff.lineHeightOn h3, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff.lineHeightOn h4, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff.lineHeightOn h5, #simpleHeaders_stacks_in_106_page4.headerInheritStylesOff.lineHeightOn h6 { line-height: 18px; } #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a h1, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a h2, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a h3, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a h4, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a h5, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a h6, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h1, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h2, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h3, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h4, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h5, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h6 { color: #B3B3B3; } #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff:hover, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a:hover, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a:hover h1, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a:hover h2, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a:hover h3, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a:hover h4, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a:hover h5, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff a:hover h6, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h1:hover, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h2:hover, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h3:hover, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h4:hover, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h5:hover, #simpleHeaders_stacks_in_106_page4.headerInheritColorsOff h6:hover { color: #FF6600; } #stacks_in_106_page4 { padding: 0px 0px 10px 30px; } #stacks_in_109_page4 .pop_alignment { text-align: right; } #stacks_in_109_page4 span.pop_button_wrapper { display: inline-block; } #stacks_in_109_page4 .pop_button { cursor: pointer; text-decoration: none; display: block; background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); text-align: center; border-radius: 6px; border: 1px solide red; overflow: hidden; } #stacks_in_109_page4 .pop_button:hover { background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_109_page4 .pop_button { } #stacks_in_109_page4 .pop_image img { max-width: 100%; height: auto; cursor: pointer; } #stacks_in_109_page4 .pop_button { height: 38px; font-size: 16px; width: 38px; padding: 0; } #stacks_in_109_page4 .pop_button, #stacks_in_109_page4 .pop_button i { line-height: 38px; } .pop-tool-container.toolbar-stacks_in_109_page4-style, .pop-tool-container.toolbar-stacks_in_109_page4-style .tool-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .pop-tool-container.toolbar-stacks_in_109_page4-style { background-color: rgba(2, 117, 216, 1.00); background-size: 100% 100%; border-radius: 6px; position: absolute; } .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-top, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-bottom { height: 40px; border-bottom: 0px solid #beb8b8; } .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-top .tool-item, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-bottom .tool-item { float: left; border-right: 0; border-left: 0; } .pop-tool-container.toolbar-stacks_in_109_page4-style .tool-item { height: 100%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 10px; transition: none; } .pop-tool-container.toolbar-stacks_in_109_page4-style .tool-item > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_109_page4-style .tool-item.selected, .pop-tool-container.toolbar-stacks_in_109_page4-style .tool-item:hover { background: rgba(255, 255, 255, 0.50); } .pop-tool-container.toolbar-stacks_in_109_page4-style .tool-item.selected > .fa, .pop-tool-container.toolbar-stacks_in_109_page4-style .tool-item:hover > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-bottom .tool-item:first-child:hover { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-bottom .tool-item:last-child:hover { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-vertical-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-vertical-bottom .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-right .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-left .tool-item:first-child:hover { border-top-left-radius: 6px; border-top-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-vertical-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-vertical-bottom .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-right .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-left .tool-item:last-child:hover { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_109_page4-style .arrow { width: 0; height: 0; position: absolute; border-width: 7px; border-style: solid; } .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-top .arrow { border-color: rgba(2, 117, 216, 1.00) transparent transparent; left: 50%; bottom: -14px; margin-left: -7px; } .pop-tool-container.toolbar-stacks_in_109_page4-style.tool-bottom .arrow { border-color: transparent transparent rgba(2, 117, 216, 1.00); left: 50%; top: -14px; margin-left: -7px; } .stacks_in_109_page4_hidden { display: none; } /* Animations */ .animate-flyin { -webkit-animation: rotateAnimate 0.5s 1 ease; } @-webkit-keyframes rotateAnimate { from { transform: rotate(180deg) translate(-120px); opacity: 0; } to { transform: rotate(0deg) translate(0px); opacity: 1; } } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInX { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInX; animation-name: pop_flipInX; } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInY { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInY; animation-name: pop_flipInY; } @-webkit-keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .animate-bounce { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_bounce; animation-name: pop_bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes pop_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 pop_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); } } .animate-pulse { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-name: pop_pulse; animation-name: pop_pulse; } @-webkit-keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-rubberBand { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_rubberBand; animation-name: pop_rubberBand; } @-webkit-keyframes pop_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 pop_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); } } .animate-swing { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: pop_swing; animation-name: pop_swing; } @-webkit-keyframes pop_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 pop_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; } } .animate-wobble { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_wobble; animation-name: pop_wobble; } @-webkit-keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-bounceIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_bounceIn; animation-name: pop_bounceIn; } @-webkit-keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInUp { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInUp; animation-name: pop_fadeInUp; } @-webkit-keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInDown { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInDown; animation-name: pop_fadeInDown; } @-webkit-keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeIn; animation-name: pop_fadeIn; } @-webkit-keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animate-zoomIn { -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: pop_zoomIn; animation-name: pop_zoomIn; } #stacks_in_109_page4 { margin: 0px 30px 0px 0px; padding: 0px 0px 30px 0px; } #bannerStackstacks_in_172_page4 { position: relative; z-index: 0; overflow: hidden; } #bannerStackstacks_in_172_page4 img { width: 100%; height: auto; } #stacks_in_172_page4 { margin: 50px 0px 0px 0px; } /**/ @media screen and (min-width: 768px) { #bannerLayerstacks_in_174_page4 { position: absolute; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); color: rgba(255, 255, 255, 1.00); z-index: 2; padding: 15px 15px 15px 15px; border-radius: 0px 0px 0px 0px; overflow: hidden; font-size: 100.00%; line-height: 1.50em; } #bannerLayerstacks_in_174_page4 img { width: auto; max-width: 100%; height: auto; } #bannerLayerstacks_in_174_page4 h1, #bannerLayerstacks_in_174_page4 h2, #bannerLayerstacks_in_174_page4 h3, #bannerLayerstacks_in_174_page4 h4, #bannerLayerstacks_in_174_page4 h5, #bannerLayerstacks_in_174_page4 h6 { color: rgba(255, 255, 255, 1.00); } #bannerLayerstacks_in_174_page4 a, #bannerLayerstacks_in_174_page4 a:visited { color: rgba(102, 204, 255, 1.00); outline: none; border: none; } #bannerLayerstacks_in_174_page4 a:hover, #bannerLayerstacks_in_174_page4 a:active { color: rgba(0, 128, 255, 1.00); outline: none; border: none; } /* Horizontal Position Settings */ #bannerLayerstacks_in_174_page4 { right: 0.00%; } /* Vertical Position Settings */ #bannerLayerstacks_in_174_page4 { bottom: 0.00%; } /* Width Settings */ #bannerLayerstacks_in_174_page4 { width: 25%; } /* Height Settings */ #bannerLayerstacks_in_174_page4 { height: auto; } } /**/ #stacks_in_175_page4 .pop_alignment { text-align: right; } #stacks_in_175_page4 span.pop_button_wrapper { display: inline-block; } #stacks_in_175_page4 .pop_button { cursor: pointer; text-decoration: none; display: block; background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); text-align: center; border-radius: 6px; border: 1px solide red; overflow: hidden; } #stacks_in_175_page4 .pop_button:hover { background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_175_page4 .pop_button { } #stacks_in_175_page4 .pop_image img { max-width: 100%; height: auto; cursor: pointer; } #stacks_in_175_page4 .pop_button { height: 38px; font-size: 16px; width: 38px; padding: 0; } #stacks_in_175_page4 .pop_button, #stacks_in_175_page4 .pop_button i { line-height: 38px; } .pop-tool-container.toolbar-stacks_in_175_page4-style, .pop-tool-container.toolbar-stacks_in_175_page4-style .tool-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .pop-tool-container.toolbar-stacks_in_175_page4-style { background-color: rgba(2, 117, 216, 1.00); background-size: 100% 100%; border-radius: 6px; position: absolute; } .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-top, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-bottom { height: 40px; border-bottom: 0px solid #beb8b8; } .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-top .tool-item, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-bottom .tool-item { float: left; border-right: 0; border-left: 0; } .pop-tool-container.toolbar-stacks_in_175_page4-style .tool-item { height: 100%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 10px; transition: none; } .pop-tool-container.toolbar-stacks_in_175_page4-style .tool-item > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_175_page4-style .tool-item.selected, .pop-tool-container.toolbar-stacks_in_175_page4-style .tool-item:hover { background: rgba(255, 255, 255, 0.50); } .pop-tool-container.toolbar-stacks_in_175_page4-style .tool-item.selected > .fa, .pop-tool-container.toolbar-stacks_in_175_page4-style .tool-item:hover > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-bottom .tool-item:first-child:hover { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-bottom .tool-item:last-child:hover { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-vertical-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-vertical-bottom .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-right .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-left .tool-item:first-child:hover { border-top-left-radius: 6px; border-top-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-vertical-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-vertical-bottom .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-right .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-left .tool-item:last-child:hover { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_175_page4-style .arrow { width: 0; height: 0; position: absolute; border-width: 7px; border-style: solid; } .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-top .arrow { border-color: rgba(2, 117, 216, 1.00) transparent transparent; left: 50%; bottom: -14px; margin-left: -7px; } .pop-tool-container.toolbar-stacks_in_175_page4-style.tool-bottom .arrow { border-color: transparent transparent rgba(2, 117, 216, 1.00); left: 50%; top: -14px; margin-left: -7px; } .stacks_in_175_page4_hidden { display: none; } /* Animations */ .animate-flyin { -webkit-animation: rotateAnimate 0.5s 1 ease; } @-webkit-keyframes rotateAnimate { from { transform: rotate(180deg) translate(-120px); opacity: 0; } to { transform: rotate(0deg) translate(0px); opacity: 1; } } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInX { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInX; animation-name: pop_flipInX; } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInY { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInY; animation-name: pop_flipInY; } @-webkit-keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .animate-bounce { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_bounce; animation-name: pop_bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes pop_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 pop_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); } } .animate-pulse { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-name: pop_pulse; animation-name: pop_pulse; } @-webkit-keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-rubberBand { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_rubberBand; animation-name: pop_rubberBand; } @-webkit-keyframes pop_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 pop_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); } } .animate-swing { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: pop_swing; animation-name: pop_swing; } @-webkit-keyframes pop_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 pop_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; } } .animate-wobble { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_wobble; animation-name: pop_wobble; } @-webkit-keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-bounceIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_bounceIn; animation-name: pop_bounceIn; } @-webkit-keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInUp { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInUp; animation-name: pop_fadeInUp; } @-webkit-keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInDown { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInDown; animation-name: pop_fadeInDown; } @-webkit-keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeIn; animation-name: pop_fadeIn; } @-webkit-keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animate-zoomIn { -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: pop_zoomIn; animation-name: pop_zoomIn; } #bannerStackstacks_in_182_page4 { position: relative; z-index: 0; overflow: hidden; } #bannerStackstacks_in_182_page4 img { width: 100%; height: auto; } /**/ @media screen and (min-width: 768px) { #bannerLayerstacks_in_184_page4 { position: absolute; -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari */ transform: rotate(0deg); color: rgba(255, 255, 255, 1.00); z-index: 2; padding: 15px 15px 15px 15px; border-radius: 0px 0px 0px 0px; overflow: hidden; font-size: 100.00%; line-height: 1.50em; } #bannerLayerstacks_in_184_page4 img { width: auto; max-width: 100%; height: auto; } #bannerLayerstacks_in_184_page4 h1, #bannerLayerstacks_in_184_page4 h2, #bannerLayerstacks_in_184_page4 h3, #bannerLayerstacks_in_184_page4 h4, #bannerLayerstacks_in_184_page4 h5, #bannerLayerstacks_in_184_page4 h6 { color: rgba(255, 255, 255, 1.00); } #bannerLayerstacks_in_184_page4 a, #bannerLayerstacks_in_184_page4 a:visited { color: rgba(102, 204, 255, 1.00); outline: none; border: none; } #bannerLayerstacks_in_184_page4 a:hover, #bannerLayerstacks_in_184_page4 a:active { color: rgba(0, 128, 255, 1.00); outline: none; border: none; } /* Horizontal Position Settings */ #bannerLayerstacks_in_184_page4 { right: 0.00%; } /* Vertical Position Settings */ #bannerLayerstacks_in_184_page4 { bottom: 0.00%; } /* Width Settings */ #bannerLayerstacks_in_184_page4 { width: 25%; } /* Height Settings */ #bannerLayerstacks_in_184_page4 { height: auto; } } /**/ #stacks_in_185_page4 .pop_alignment { text-align: center ; } #stacks_in_185_page4 span.pop_button_wrapper { display: inline-block; } #stacks_in_185_page4 .pop_button { cursor: pointer; text-decoration: none; display: block; background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); text-align: center; border-radius: 6px; border: 1px solide red; overflow: hidden; } #stacks_in_185_page4 .pop_button:hover { background: rgba(2, 117, 216, 1.00); color: rgba(255, 255, 255, 1.00); } #stacks_in_185_page4 .pop_button { } #stacks_in_185_page4 .pop_image img { max-width: 100%; height: auto; cursor: pointer; } #stacks_in_185_page4 .pop_button { height: 31px; font-size: 14px; width: 31px; padding: 0; } #stacks_in_185_page4 .pop_button, #stacks_in_185_page4 .pop_button i { line-height: 31px; } .pop-tool-container.toolbar-stacks_in_185_page4-style, .pop-tool-container.toolbar-stacks_in_185_page4-style .tool-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .pop-tool-container.toolbar-stacks_in_185_page4-style { background-color: rgba(2, 117, 216, 1.00); background-size: 100% 100%; border-radius: 6px; position: absolute; } .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-top, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-bottom { height: 40px; border-bottom: 0px solid #beb8b8; } .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-top .tool-item, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-bottom .tool-item { float: left; border-right: 0; border-left: 0; } .pop-tool-container.toolbar-stacks_in_185_page4-style .tool-item { height: 100%; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; padding: 10px; transition: none; } .pop-tool-container.toolbar-stacks_in_185_page4-style .tool-item > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_185_page4-style .tool-item.selected, .pop-tool-container.toolbar-stacks_in_185_page4-style .tool-item:hover { background: rgba(255, 255, 255, 0.50); } .pop-tool-container.toolbar-stacks_in_185_page4-style .tool-item.selected > .fa, .pop-tool-container.toolbar-stacks_in_185_page4-style .tool-item:hover > .fa { color: rgba(255, 255, 255, 1.00); } .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-bottom .tool-item:first-child:hover { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-bottom .tool-item:last-child:hover { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-vertical-top .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-vertical-bottom .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-right .tool-item:first-child:hover, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-left .tool-item:first-child:hover { border-top-left-radius: 6px; border-top-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-vertical-top .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-vertical-bottom .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-right .tool-item:last-child:hover, .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-left .tool-item:last-child:hover { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .pop-tool-container.toolbar-stacks_in_185_page4-style .arrow { width: 0; height: 0; position: absolute; border-width: 7px; border-style: solid; } .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-top .arrow { border-color: rgba(2, 117, 216, 1.00) transparent transparent; left: 50%; bottom: -14px; margin-left: -7px; } .pop-tool-container.toolbar-stacks_in_185_page4-style.tool-bottom .arrow { border-color: transparent transparent rgba(2, 117, 216, 1.00); left: 50%; top: -14px; margin-left: -7px; } .stacks_in_185_page4_hidden { display: none; } /* Animations */ .animate-flyin { -webkit-animation: rotateAnimate 0.5s 1 ease; } @-webkit-keyframes rotateAnimate { from { transform: rotate(180deg) translate(-120px); opacity: 0; } to { transform: rotate(0deg) translate(0px); opacity: 1; } } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInX { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInX; animation-name: pop_flipInX; } @-webkit-keyframes pop_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 pop_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); } } .animate-flipInY { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: pop_flipInY; animation-name: pop_flipInY; } @-webkit-keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes pop_bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .animate-bounce { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_bounce; animation-name: pop_bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes pop_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 pop_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); } } .animate-pulse { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-name: pop_pulse; animation-name: pop_pulse; } @-webkit-keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-rubberBand { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_rubberBand; animation-name: pop_rubberBand; } @-webkit-keyframes pop_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 pop_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); } } .animate-swing { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: pop_swing; animation-name: pop_swing; } @-webkit-keyframes pop_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 pop_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; } } .animate-wobble { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: pop_wobble; animation-name: pop_wobble; } @-webkit-keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pop_bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate-bounceIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_bounceIn; animation-name: pop_bounceIn; } @-webkit-keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInUp { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInUp; animation-name: pop_fadeInUp; } @-webkit-keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes pop_fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .animate-fadeInDown { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeInDown; animation-name: pop_fadeInDown; } @-webkit-keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pop_fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: pop_fadeIn; animation-name: pop_fadeIn; } @-webkit-keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes pop_zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animate-zoomIn { -webkit-animation-duration: 0.45s; animation-duration: 0.45s; -webkit-animation-name: pop_zoomIn; animation-name: pop_zoomIn; } #stacks_in_185_page4 { margin: 10px 0px 0px 0px; } #stacks_in_240_page4>.s3_row { margin: 0 -0px; } #stacks_in_240_page4>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_240_page4>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_240_page4>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_240_page4>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_out_240_page4 { width: 150px; margin-left:0; } #stacks_in_240_page4 { margin: 10px 0px 0px 0px; } #stacks_in_230_page4{text-align:center}#stacks_in_230_page4 a.shareit{text-align:center;font-size:18px;color:rgba(0, 0, 0, 1.00)}#stacks_in_230_page4 a.shareit:hover{color:rgba(80, 175, 251, 1.00)}#stacks_in_230_page4 a.shareit i.fa{font-size:24px}#stacks_in_230_page4 a.shareit:not(.default-colors) i.fa{color:rgba(0, 0, 0, 1.00)}#stacks_in_230_page4 a.shareit:not(.default-colors):hover i.fa{color:rgba(80, 175, 251, 1.00)} #stacks_out_230_page4 { width: 40px; margin-left:0; } #stacks_in_232_page4{text-align:center}#stacks_in_232_page4 a.shareit{text-align:center;font-size:18px;color:rgba(0, 0, 0, 1.00)}#stacks_in_232_page4 a.shareit:hover{color:rgba(80, 175, 251, 1.00)}#stacks_in_232_page4 a.shareit i.fa{font-size:24px}#stacks_in_232_page4 a.shareit:not(.default-colors) i.fa{color:rgba(0, 0, 0, 1.00)}#stacks_in_232_page4 a.shareit:not(.default-colors):hover i.fa{color:rgba(80, 175, 251, 1.00)} #stacks_out_232_page4 { width: 40px; margin-left:0; } #stacks_in_244_page4{text-align:center}#stacks_in_244_page4 a.shareit{text-align:center;font-size:18px;color:rgba(0, 0, 0, 1.00)}#stacks_in_244_page4 a.shareit:hover{color:rgba(80, 175, 251, 1.00)}#stacks_in_244_page4 a.shareit i.fa{font-size:24px}#stacks_in_244_page4 a.shareit:not(.default-colors) i.fa{color:rgba(0, 0, 0, 1.00)}#stacks_in_244_page4 a.shareit:not(.default-colors):hover i.fa{color:rgba(80, 175, 251, 1.00)} #stacks_out_244_page4 { width: 40px; } #stacks_in_218_page4 { margin: 30px 0px 0px 0px; } /* @group Basics */ #videoPlayerContainerstacks_in_245_page4 { position: relative; z-index: 1; } #videoPlayerContainerstacks_in_245_page4, #videoPlayerContainerstacks_in_245_page4:before, #videoPlayerContainerstacks_in_245_page4:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #videoPlayerVideostacks_in_245_page4 { width: 100%; height: auto; display: block; position: relative; z-index: 2; } /* @end */ /* @group Big Play Button */ #bigPlayButtonstacks_in_245_page4 { position: absolute; top: 50%; left: 0; display: none; width: 100%; text-align: center; z-index: 3; font-size: 75px; border: none; background: none; outline: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #bigPlayButtonstacks_in_245_page4 [class^="fa fa-"] { cursor: pointer; color: rgba(255, 255, 255, 1.00); } /* */ /* @end */ /* @group Video Controls */ #videoPlayerControlsstacks_in_245_page4 { position: absolute; bottom: 0; left: 0; right: 0; z-index: 5; overflow: hidden; margin: 0px; border-radius: 0px; } #videoPlayerControlsstacks_in_245_page4 [class^="fa fa-"] { color: rgba(255, 255, 255, 1.00); } /* */ /* */ /* */ /* */ /* */ /* */ /* */ #videoPlayerControlsFillstacks_in_245_page4 { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 1.00); opacity: 0.75; z-index: 1; } #videoPlayerControlsWrapperstacks_in_245_page4 { display: flex; position: relative; z-index: 2; } #videoPlayerContainerstacks_in_245_page4:hover #videoPlayerControlsstacks_in_245_page4 { opacity: 1.00; } #videoPlayerControlsstacks_in_245_page4 button { background: none; border: 0; outline: none; color: #ffffff; display: inline-block; text-align: center; width: 60px; padding: 0; height: 60px; line-height: 60px; font-size: 18px; cursor: pointer; } button:hover { cursor: pointer; } #videoPlayerControlsstacks_in_245_page4 #videoPlayerPlayPausestacks_in_245_page4 { display: inline-block; } #videoPlayerControlsstacks_in_245_page4 #videoPlayerFullScreenstacks_in_245_page4 { display: inline-block; } /* @end */ /* @group Video Timing */ #videoPlayerVideoTimingstacks_in_245_page4 { display: inline-block; height: 60px; line-height: 60px; color: rgba(255, 255, 255, 1.00); width: auto; padding: 0 15px; font-size: 12px; } #videoPlayerCurrentTimestacks_in_245_page4 { display: inline-block; } #videoPlayerDurationstacks_in_245_page4 { display: inline-block; } /* */ /* */ /* @end */ /* @group Seek Bar */ #progressBarstacks_in_245_page4 { flex: 1; padding-right: 10px; height: 60px; line-height: 60px; vertical-align: middle; display: inline-block; } #videoPlayerSeekBarstacks_in_245_page4[type=range] { -webkit-appearance: none; background: none; display: inline-block; width: 100%; height: 60px; line-height: 60px; } #videoPlayerSeekBarstacks_in_245_page4[type=range]::-webkit-slider-runnable-track { height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #videoPlayerSeekBarstacks_in_245_page4[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; margin-top: -5px; } #videoPlayerSeekBarstacks_in_245_page4[type=range]:focus { outline: none; } #videoPlayerSeekBarstacks_in_245_page4[type=range]:focus::-webkit-slider-runnable-track { background: #B3B3B3; } #videoPlayerSeekBarstacks_in_245_page4[type=range]::-moz-range-track { width: 100%; height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #videoPlayerSeekBarstacks_in_245_page4[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; } #videoPlayerSeekBarstacks_in_245_page4[type=range]::-ms-track { width: 100%; height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #videoPlayerSeekBarstacks_in_245_page4[type=range]::-ms-fill-lower { background: #B3B3B3; border-radius: 10px; } #videoPlayerSeekBarstacks_in_245_page4[type=range]::-ms-fill-upper { background: #B3B3B3; border-radius: 10px; } #videoPlayerSeekBarstacks_in_245_page4[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; } #videoPlayerSeekBarstacks_in_245_page4[type=range]:focus::-ms-fill-lower { background: #B3B3B3; } #videoPlayerSeekBarstacks_in_245_page4[type=range]:focus::-ms-fill-upper { background: #B3B3B3; } /* @end */ /* @group Volume */ #volumestacks_in_245_page4 { display: inline-block; max-width: 60px; width: 60px; line-height: 60px; height: 60px; transition: all ease-in-out 300ms; text-align: center; position: relative; overflow: hidden; font-size: 18px; vertical-align: middle; } #volumestacks_in_245_page4 [class^="fa fa-"] { color: rgba(255, 255, 255, 1.00); } #volumestacks_in_245_page4:hover { max-width: 150px; width: 150px; padding: 0px 15px; } #volumeButtonstacks_in_245_page4 { display: inline-block; max-width: 60px; width: 60px; line-height: 60px; height: 60px; color: rgba(255, 255, 255, 1.00); } #volumestacks_in_245_page4:hover #volumeButtonstacks_in_245_page4 { display: none; } #volumeMinstacks_in_245_page4 { position: absolute; left: 10px; top: 0; height: 60px; line-height: 60px; color: rgba(255, 255, 255, 1.00); } #volumeMaxstacks_in_245_page4 { position: absolute; right: 5px; top: 0; height: 60px; line-height: 60px; color: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_245_page4[type=range], #volumeMinstacks_in_245_page4, #volumeMaxstacks_in_245_page4 { display: none; } #volumeMinstacks_in_245_page4, #volumeMaxstacks_in_245_page4 { cursor: pointer; } #volumestacks_in_245_page4:hover #volume-barstacks_in_245_page4, #volumestacks_in_245_page4:hover #volumeMinstacks_in_245_page4, #volumestacks_in_245_page4:hover #volumeMaxstacks_in_245_page4 { display: inline; } #volume-barstacks_in_245_page4[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 60px; height: 60px; } #volume-barstacks_in_245_page4[type=range]::-webkit-slider-runnable-track { height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #volume-barstacks_in_245_page4[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; margin-top: -5px; } #volume-barstacks_in_245_page4[type=range]:focus { outline: none; } #volume-barstacks_in_245_page4[type=range]:focus::-webkit-slider-runnable-track { background: #B3B3B3; } #volume-barstacks_in_245_page4[type=range]::-moz-range-track { width: 100%; height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #volume-barstacks_in_245_page4[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; } #volume-barstacks_in_245_page4[type=range]::-ms-track { width: 100%; height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #volume-barstacks_in_245_page4[type=range]::-ms-fill-lower { background: #B3B3B3; border-radius: 10px; } #volume-barstacks_in_245_page4[type=range]::-ms-fill-upper { background: #B3B3B3; border-radius: 10px; } #volume-barstacks_in_245_page4[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; } #volume-barstacks_in_245_page4[type=range]:focus::-ms-fill-lower { background: #B3B3B3; } #volume-barstacks_in_245_page4[type=range]:focus::-ms-fill-upper { background: #B3B3B3; } /* @end */ /* @group Responsive Behavior */ @media screen and (max-width: 569px) { #videoPlayerControlsstacks_in_245_page4 #videoPlayerFullScreenstacks_in_245_page4, #videoPlayerControlsstacks_in_245_page4 #volumestacks_in_245_page4 { display: none; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_245_page4 { margin: 50px 0px 0px 0px; } /* @group Basics */ #videoPlayerContainerstacks_in_246_page4 { position: relative; z-index: 1; } #videoPlayerContainerstacks_in_246_page4, #videoPlayerContainerstacks_in_246_page4:before, #videoPlayerContainerstacks_in_246_page4:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #videoPlayerVideostacks_in_246_page4 { width: 100%; height: auto; display: block; position: relative; z-index: 2; } /* @end */ /* @group Big Play Button */ #bigPlayButtonstacks_in_246_page4 { position: absolute; top: 50%; left: 0; display: none; width: 100%; text-align: center; z-index: 3; font-size: 75px; border: none; background: none; outline: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #bigPlayButtonstacks_in_246_page4 [class^="fa fa-"] { cursor: pointer; color: rgba(255, 255, 255, 1.00); } /* */ /* @end */ /* @group Video Controls */ #videoPlayerControlsstacks_in_246_page4 { position: absolute; bottom: 0; left: 0; right: 0; z-index: 5; overflow: hidden; margin: 0px; border-radius: 0px; } #videoPlayerControlsstacks_in_246_page4 [class^="fa fa-"] { color: rgba(255, 255, 255, 1.00); } /* */ /* */ /* */ /* */ /* */ /* */ /* */ #videoPlayerControlsFillstacks_in_246_page4 { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 1.00); opacity: 0.75; z-index: 1; } #videoPlayerControlsWrapperstacks_in_246_page4 { display: flex; position: relative; z-index: 2; } #videoPlayerContainerstacks_in_246_page4:hover #videoPlayerControlsstacks_in_246_page4 { opacity: 1.00; } #videoPlayerControlsstacks_in_246_page4 button { background: none; border: 0; outline: none; color: #ffffff; display: inline-block; text-align: center; width: 60px; padding: 0; height: 60px; line-height: 60px; font-size: 18px; cursor: pointer; } button:hover { cursor: pointer; } #videoPlayerControlsstacks_in_246_page4 #videoPlayerPlayPausestacks_in_246_page4 { display: inline-block; } #videoPlayerControlsstacks_in_246_page4 #videoPlayerFullScreenstacks_in_246_page4 { display: inline-block; } /* @end */ /* @group Video Timing */ #videoPlayerVideoTimingstacks_in_246_page4 { display: inline-block; height: 60px; line-height: 60px; color: rgba(255, 255, 255, 1.00); width: auto; padding: 0 15px; font-size: 12px; } #videoPlayerCurrentTimestacks_in_246_page4 { display: inline-block; } #videoPlayerDurationstacks_in_246_page4 { display: inline-block; } /* */ /* */ /* @end */ /* @group Seek Bar */ #progressBarstacks_in_246_page4 { flex: 1; padding-right: 10px; height: 60px; line-height: 60px; vertical-align: middle; display: inline-block; } #videoPlayerSeekBarstacks_in_246_page4[type=range] { -webkit-appearance: none; background: none; display: inline-block; width: 100%; height: 60px; line-height: 60px; } #videoPlayerSeekBarstacks_in_246_page4[type=range]::-webkit-slider-runnable-track { height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #videoPlayerSeekBarstacks_in_246_page4[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; margin-top: -5px; } #videoPlayerSeekBarstacks_in_246_page4[type=range]:focus { outline: none; } #videoPlayerSeekBarstacks_in_246_page4[type=range]:focus::-webkit-slider-runnable-track { background: #B3B3B3; } #videoPlayerSeekBarstacks_in_246_page4[type=range]::-moz-range-track { width: 100%; height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #videoPlayerSeekBarstacks_in_246_page4[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; } #videoPlayerSeekBarstacks_in_246_page4[type=range]::-ms-track { width: 100%; height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #videoPlayerSeekBarstacks_in_246_page4[type=range]::-ms-fill-lower { background: #B3B3B3; border-radius: 10px; } #videoPlayerSeekBarstacks_in_246_page4[type=range]::-ms-fill-upper { background: #B3B3B3; border-radius: 10px; } #videoPlayerSeekBarstacks_in_246_page4[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; } #videoPlayerSeekBarstacks_in_246_page4[type=range]:focus::-ms-fill-lower { background: #B3B3B3; } #videoPlayerSeekBarstacks_in_246_page4[type=range]:focus::-ms-fill-upper { background: #B3B3B3; } /* @end */ /* @group Volume */ #volumestacks_in_246_page4 { display: inline-block; max-width: 60px; width: 60px; line-height: 60px; height: 60px; transition: all ease-in-out 300ms; text-align: center; position: relative; overflow: hidden; font-size: 18px; vertical-align: middle; } #volumestacks_in_246_page4 [class^="fa fa-"] { color: rgba(255, 255, 255, 1.00); } #volumestacks_in_246_page4:hover { max-width: 150px; width: 150px; padding: 0px 15px; } #volumeButtonstacks_in_246_page4 { display: inline-block; max-width: 60px; width: 60px; line-height: 60px; height: 60px; color: rgba(255, 255, 255, 1.00); } #volumestacks_in_246_page4:hover #volumeButtonstacks_in_246_page4 { display: none; } #volumeMinstacks_in_246_page4 { position: absolute; left: 10px; top: 0; height: 60px; line-height: 60px; color: rgba(255, 255, 255, 1.00); } #volumeMaxstacks_in_246_page4 { position: absolute; right: 5px; top: 0; height: 60px; line-height: 60px; color: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_246_page4[type=range], #volumeMinstacks_in_246_page4, #volumeMaxstacks_in_246_page4 { display: none; } #volumeMinstacks_in_246_page4, #volumeMaxstacks_in_246_page4 { cursor: pointer; } #volumestacks_in_246_page4:hover #volume-barstacks_in_246_page4, #volumestacks_in_246_page4:hover #volumeMinstacks_in_246_page4, #volumestacks_in_246_page4:hover #volumeMaxstacks_in_246_page4 { display: inline; } #volume-barstacks_in_246_page4[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 60px; height: 60px; } #volume-barstacks_in_246_page4[type=range]::-webkit-slider-runnable-track { height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #volume-barstacks_in_246_page4[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; margin-top: -5px; } #volume-barstacks_in_246_page4[type=range]:focus { outline: none; } #volume-barstacks_in_246_page4[type=range]:focus::-webkit-slider-runnable-track { background: #B3B3B3; } #volume-barstacks_in_246_page4[type=range]::-moz-range-track { width: 100%; height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #volume-barstacks_in_246_page4[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; } #volume-barstacks_in_246_page4[type=range]::-ms-track { width: 100%; height: 5px; background: #B3B3B3; border: none; border-radius: 3px; } #volume-barstacks_in_246_page4[type=range]::-ms-fill-lower { background: #B3B3B3; border-radius: 10px; } #volume-barstacks_in_246_page4[type=range]::-ms-fill-upper { background: #B3B3B3; border-radius: 10px; } #volume-barstacks_in_246_page4[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #FFFFFF; } #volume-barstacks_in_246_page4[type=range]:focus::-ms-fill-lower { background: #B3B3B3; } #volume-barstacks_in_246_page4[type=range]:focus::-ms-fill-upper { background: #B3B3B3; } /* @end */ /* @group Responsive Behavior */ @media screen and (max-width: 569px) { #videoPlayerControlsstacks_in_246_page4 #videoPlayerFullScreenstacks_in_246_page4, #videoPlayerControlsstacks_in_246_page4 #volumestacks_in_246_page4 { display: none; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_246_page4 { margin: 50px 0px 0px 0px; }