.vast_hide.vast_video_player,.vast_standby.vast_video_player{opacity:0}.vast_video_wrapper{position:relative;background-size:cover;overflow:hidden}.vast_video_wrapper:before{-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.vast_video_tint{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.vast_video_slice{margin:0 auto;position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vast_video_background{background-position:center;background-size:cover;position:absolute;-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1;top:0;left:0;right:0;pointer-events:none;bottom:0;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms}[data-status="ready"] ~ .vast_video_background{opacity:0}[data-status="ready"].vast_hide ~ .vast_video_background{opacity:1}#vast-log{position:fixed;width:200px;bottom:40px;right:40px;background:#fff;color:#000;padding:0 0 5px;border-radius:9px;-webkit-box-shadow:0 1px 4px -2px #000;box-shadow:0 1px 4px -2px #000;z-index:10000;overflow:hidden}#vast-log p{font-size:13px;padding:7px 20px;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}#vast-log p ~ p{border-top:1px solid #eee}#vast-log p#log-header{font-weight:bolder;text-align:center}.vast-icon{width:8px;height:8px;display:inline-block;margin-right:3px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:8px;height:8px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.vast-loaded .vast-icon{background:rgb(255,221,7);-webkit-animation:none;animation:none;border:none}.vast-loaded.vast-pause .vast-icon{background:rgb(206,205,204);-webkit-animation:none;animation:none;border:none}.vast-loaded.vast-play .vast-icon{background:transparent;width:0;height:0;border-radius:0;-webkit-animation:none;animation:none;border-right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid rgb(85,211,94)}.vast-pause{opacity:0.4} @important "partials/mixins"; #loader-outer-stacks_in_5015188 { z-index: 10000000000000000000; position: relative; /* */ } #loader-stacks_in_5015188 .loader-text { font-family: "Open Sans"; top: 50%; left: 50%; text-align: center; position: absolute; width: 100%; max-width: 90%; z-index: 10000000000000000000; color: rgba(0, 0, 0, 1.00); font-size: 18px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #loader-stacks_in_5015188 .loader-text.loader-8-text { /* */ margin-top: -50px; /* */ } #loader-stacks_in_5015188 .loader-text.loader-4-text { /* */ margin-top: -50px; /* */ } #loader-stacks_in_5015188 .loader-type { position: relative; z-index: 10000000000000000000; } #loader-stacks_in_5015188 { /* */ /* */ /* */ position: fixed; /* */ /* */ overflow: hidden; z-index: 10000000000000000000; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #loader-stacks_in_5015188::before { /* */ background: rgba(245, 245, 245, 1.00); /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; content: ''; display: block; position: absolute; opacity: 1.0; } .loader-1-stacks_in_5015188 { width: 100%; max-width: 90%; height: 8px; position: relative; background-color: rgba(253, 186, 44, 1.00); } .loader-1-stacks_in_5015188 .bar { content: ""; display: inline; position: absolute; width: 0; height: 100%; left: 50%; text-align: center; } .loader-1-stacks_in_5015188 .bar:nth-child(1) { background-color: rgba(218, 71, 51, 1.00); -webkit-animation: loader-1-stacks_in_5015188 3s linear infinite; animation: loader-1-stacks_in_5015188 3s linear infinite; } .loader-1-stacks_in_5015188 .bar:nth-child(2) { background-color: rgba(59, 120, 231, 1.00); -webkit-animation: loader-1-stacks_in_5015188 3s linear 1s infinite; animation: loader-1-stacks_in_5015188 3s linear 1s infinite; } .loader-1-stacks_in_5015188 .bar:nth-child(3) { background-color: rgba(253, 186, 44, 1.00); -webkit-animation: loader-1-stacks_in_5015188 3s linear 2s infinite; animation: loader-1-stacks_in_5015188 3s linear 2s infinite; } @-webkit-keyframes loader-1-stacks_in_5015188 { from { left: 50%; width: 0; z-index: 100; } 33.3333% { left: 0; z-index: 10; width: 100%; } to { left: 0; width: 100%; } } @keyframes loader-1-stacks_in_5015188 { from { left: 50%; width: 0; z-index: 100; } 33.3333% { left: 0; z-index: 10; width: 100%; } to { left: 0; width: 100%; } } .loader-2-stacks_in_5015188 { width: 50px; height: 50px; margin: 50px; -webkit-animation: loader-2-1-stacks_in_5015188 1.4s infinite ease-in-out, loader-2-2-stacks_in_5015188 1.4s infinite ease-in-out alternate; animation: loader-2-1-stacks_in_5015188 1.4s infinite ease-in-out, loader-2-2-stacks_in_5015188 1.4s infinite ease-in-out alternate; } @-webkit-keyframes loader-2-1-stacks_in_5015188 { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0deg); transform: perspective(120px) rotateX(-180deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @keyframes loader-2-1-stacks_in_5015188 { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0deg); transform: perspective(120px) rotateX(-180deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } } @-webkit-keyframes loader-2-2-stacks_in_5015188 { 0% { background-color: rgba(218, 71, 51, 1.00); } 50% { background-color: rgba(59, 120, 231, 1.00); } 100% { background-color: rgba(253, 186, 44, 1.00); } } @keyframes loader-2-2-stacks_in_5015188 { 0% { background-color: rgba(218, 71, 51, 1.00); } 50% { background-color: rgba(59, 120, 231, 1.00); } 100% { background-color: rgba(253, 186, 44, 1.00); } } .loader-3-stacks_in_5015188 { width: 50px; height: 50px; border: none; overflow: hidden; position: relative; border-radius: 50%; box-sizing: border-box; background: rgba(253, 186, 44, 1.00); -webkit-animation: loader-3-stacks_in_5015188 1s infinite linear; animation: loader-3-stacks_in_5015188 1s infinite linear; } .loader-3-stacks_in_5015188::before { content: ''; position: absolute; top: 10px; left: 50%; width: 10px; height: 10px; display: block; border-radius: 50%; background: rgba(255, 255, 255, 1.00); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @-webkit-keyframes loader-3-stacks_in_5015188 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-3-stacks_in_5015188 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader-4-stacks_in_5015188 .bar { border-radius: 0px; display: inline-block; width: 4px; height: 18px; margin: 0 0px; -webkit-animation: loader-4-stacks_in_5015188 1s ease-in-out infinite; animation: loader-4-stacks_in_5015188 1s ease-in-out infinite; } .loader-4-stacks_in_5015188 .bar:nth-child(1) { background-color: rgba(52, 152, 219, 1.00); -webkit-animation-delay: 0; animation-delay: 0; } .loader-4-stacks_in_5015188 .bar:nth-child(2) { background-color: rgba(192, 57, 43, 1.00); -webkit-animation-delay: 0.09s; animation-delay: 0.09s; } .loader-4-stacks_in_5015188 .bar:nth-child(3) { background-color: rgba(241, 196, 15, 1.00); -webkit-animation-delay: .18s; animation-delay: .18s; } .loader-4-stacks_in_5015188 .bar:nth-child(4) { background-color: rgba(39, 174, 96, 1.00); -webkit-animation-delay: .27s; animation-delay: .27s; } @-webkit-keyframes loader-4-stacks_in_5015188 { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1, 2.2); transform: scale(1, 2.2); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes loader-4-stacks_in_5015188 { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1, 2.2); transform: scale(1, 2.2); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .loader-5-stacks_in_5015188 { opacity: 0; width: 90px; height: 90px; border-radius: 50px; -webkit-animation: loader-5-stacks_in_5015188 1s ease-out; animation: loader-5-stacks_in_5015188 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border: 5px solid rgba(51, 51, 51, 1.00); } @-webkit-keyframes loader-5-stacks_in_5015188 { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes loader-5-stacks_in_5015188 { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .loader-6-stacks_in_5015188 { width: 100%; height: 40px; } .loader-6-stacks_in_5015188 .bar { width: 40px; height: 40px; left: -40px; position: absolute; background-color: rgba(39, 174, 96, 1.00); border-radius: 4px; -webkit-animation: loader-6-stacks_in_5015188 4s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23); animation: loader-6-stacks_in_5015188 4s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23); } .loader-6-stacks_in_5015188 .bar:nth-child(2) { -webkit-animation-delay: 150ms; animation-delay: 150ms; } .loader-6-stacks_in_5015188 .bar:nth-child(3) { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .loader-6-stacks_in_5015188 .bar:nth-child(4) { -webkit-animation-delay: 450ms; animation-delay: 450ms; } @-webkit-keyframes loader-6-stacks_in_5015188 { 0% { left: 0%; } 75% { left: 100%; } 100% { left: 100%; } } @keyframes loader-6-stacks_in_5015188 { 0% { left: 0%; } 75% { left: 100%; } 100% { left: 100%; } } .loader-7-stacks_in_5015188 { width: 100%; overflow: hidden; position: relative; height: 8px; max-width: 90%; background-color: rgba(241, 241, 241, 1.00); } .loader-7-stacks_in_5015188:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 8px; background-color: rgba(0, 0, 0, 1.00); -webkit-animation: loader-7-stacks_in_5015188 2s linear infinite; animation: loader-7-stacks_in_5015188 2s linear infinite; } @-webkit-keyframes loader-7-stacks_in_5015188 { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } } @keyframes loader-7-stacks_in_5015188 { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } } .loader-8-stacks_in_5015188 { width: 100%; height: 20px; background-size: 28px 28px; max-width: 90%; border-radius: 3pxpx; -webkit-animation: loader-8-stacks_in_5015188 .5s linear infinite; animation: loader-8-stacks_in_5015188 .5s linear infinite; border: 1px solid rgba(0, 0, 0, 1.00); background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 1.00), rgba(0, 0, 0, 1.00) 11px, rgba(241, 241, 241, 1.00) 10px, rgba(241, 241, 241, 1.00) 20px); } @-webkit-keyframes loader-8-stacks_in_5015188 { 0% { background-position: 0 0; } 100% { background-position: 28px 0; } } @keyframes loader-8-stacks_in_5015188 { 0% { background-position: 0 0; } 100% { background-position: 28px 0; } } .loader-9-stacks_in_5015188 { font-family: "Droid Serif"; position: relative; color: rgba(241, 241, 241, 1.00); font-size: px; } .loader-9-stacks_in_5015188:before { content: attr(data-text); max-width: 100%; overflow: hidden; position: absolute; white-space: nowrap; color: rgba(0, 0, 0, 1.00); -webkit-animation: loader-9-stacks_in_5015188 8s linear; animation: loader-9-stacks_in_5015188 8s linear; /* */ } @media only screen and (min-width: 480px) { .loader-9-stacks_in_5015188 { font-size: 24px; } } @media only screen and (min-width: 768px) { .loader-9-stacks_in_5015188 { font-size: 32px; } } @media only screen and (min-width: 1100px) { .loader-9-stacks_in_5015188 { font-size: 40px; } } @-webkit-keyframes loader-9-stacks_in_5015188 { 0% { max-width: 0; } } @keyframes loader-9-stacks_in_5015188 { 0% { max-width: 0; } } .loader-10-stacks_in_5015188 { width: 200px; height: 200px; position: relative; border-radius: 50%; background: url() no-repeat center center; background-size: 100% 100%; } .loader-10-stacks_in_5015188::after { content: ''; z-index: 2; width: 200px; height: 200px; display: block; margin-top: -8px; margin-left: -8px; position: absolute; border-radius: 50%; border: 8px solid rgba(241, 241, 241, 1.00); -webkit-animation: loader-10-stacks_in_5015188 1.7s infinite linear; animation: loader-10-stacks_in_5015188 1.7s infinite linear; } .loader-10-stacks_in_5015188-half::after { border-right-color: transparent; border-bottom-color: transparent; } .loader-10-stacks_in_5015188-quarter::after { border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; } .loader-10-stacks_in_5015188-third::after { border-right-color: transparent; } .loader-10-stacks_in_5015188::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 200px; height: 200px; z-index: -1; margin-top: -8px; margin-left: -8px; border-radius: 50%; border: 8px solid rgba(0, 0, 0, 1.00); } @-webkit-keyframes loader-10-stacks_in_5015188 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-10-stacks_in_5015188 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Start Agent-X stack CSS code */ .stacks_in_5015193label{ display: block; background: #83c681; padding: 4px 10px 4px 10px; -webkit-border-radius: 10px; color: #ffffff; text-align: center; margin-top: 10px; } .stacks_in_5015193iPhoneContent, .stacks_in_5015193iPadContent, .stacks_in_5015193AndroidContent, .stacks_in_5015193BlackberryContent, .stacks_in_5015193DesktopContent { display: none; } .stacks_in_5015193label{ display: none; } /* End Agent-X stack CSS code */#usefulStackWrapperstacks_in_5015195 { margin: 0 auto; min-width: 0px; max-width: 1400px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_5015195 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_5015195 { display: none; } } #stacks_in_5015197.vast_video_wrapper,#stacks_in_5015197.vast_video_wrapper strong,#stacks_in_5015197.vast_video_wrapper b,#stacks_in_5015197.vast_video_wrapper h1,#stacks_in_5015197.vast_video_wrapper h2,#stacks_in_5015197.vast_video_wrapper h3,#stacks_in_5015197.vast_video_wrapper h4,#stacks_in_5015197.vast_video_wrapper h5,#stacks_in_5015197.vast_video_wrapper h6{color:rgba(255, 255, 255, 1.00)}#stacks_in_5015197 .vast_video_player,#stacks_in_5015197.vast_video_wrapper .vast_video_background{filter:blur(0px)}#stacks_in_5015197 .vast_video_tint,#stacks_in_5015197 .vast_video_player,#stacks_in_5015197.vast_video_wrapper,#stacks_in_5015197.vast_video_wrapper:before{border-radius:0px}#stacks_in_5015197.vast_video_wrapper a{color:rgba(52, 188, 255, 1.00)}#stacks_in_5015197.vast_video_wrapper a:hover{color:rgba(95, 211, 255, 1.00)}#stacks_in_5015197 .vast_video_tint{background:rgba(0, 0, 0, 0.20)}#stacks_in_5015197 .vast_video_slice{min-height:300px;max-width:600px}#stacks_in_5015197 .vast_video_player{opacity:1;width:100% !important;height:100%;max-height:100%;min-height:100%;position:absolute;display:block;font-family:"object-fit:cover";max-width:none;object-fit:cover;transition:opacity 500ms;transform:scale(1.05);}#stacks_in_5015197 .vast_video_slice{flex-direction:column} #usefulStackWrapperstacks_in_5015723 { margin: 0 auto; min-width: 0px; max-width: 1400px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_5015723 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_5015723 { display: none; } } #stacks_in_5015724.vast_video_wrapper,#stacks_in_5015724.vast_video_wrapper strong,#stacks_in_5015724.vast_video_wrapper b,#stacks_in_5015724.vast_video_wrapper h1,#stacks_in_5015724.vast_video_wrapper h2,#stacks_in_5015724.vast_video_wrapper h3,#stacks_in_5015724.vast_video_wrapper h4,#stacks_in_5015724.vast_video_wrapper h5,#stacks_in_5015724.vast_video_wrapper h6{color:rgba(255, 255, 255, 1.00)}#stacks_in_5015724 .vast_video_player,#stacks_in_5015724.vast_video_wrapper .vast_video_background{filter:blur(0px)}#stacks_in_5015724 .vast_video_tint,#stacks_in_5015724 .vast_video_player,#stacks_in_5015724.vast_video_wrapper,#stacks_in_5015724.vast_video_wrapper:before{border-radius:0px}#stacks_in_5015724.vast_video_wrapper a{color:rgba(52, 188, 255, 1.00)}#stacks_in_5015724.vast_video_wrapper a:hover{color:rgba(95, 211, 255, 1.00)}#stacks_in_5015724 .vast_video_tint{background:rgba(0, 0, 0, 0.20)}#stacks_in_5015724 .vast_video_slice{min-height:300px;max-width:600px}#stacks_in_5015724 .vast_video_player{opacity:1;width:100% !important;height:100%;max-height:100%;min-height:100%;position:absolute;display:block;font-family:"object-fit:cover";max-width:none;object-fit:cover;transition:opacity 500ms;transform:scale(1.05);}#stacks_in_5015724 .vast_video_slice{flex-direction:column} #usefulStackWrapperstacks_in_5015203 { margin: 0 auto; min-width: 0px; max-width: 1400px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_5015203 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_5015203 { display: none; } } #stacks_in_5015205.vast_video_wrapper,#stacks_in_5015205.vast_video_wrapper strong,#stacks_in_5015205.vast_video_wrapper b,#stacks_in_5015205.vast_video_wrapper h1,#stacks_in_5015205.vast_video_wrapper h2,#stacks_in_5015205.vast_video_wrapper h3,#stacks_in_5015205.vast_video_wrapper h4,#stacks_in_5015205.vast_video_wrapper h5,#stacks_in_5015205.vast_video_wrapper h6{color:rgba(255, 255, 255, 1.00)}#stacks_in_5015205 .vast_video_player,#stacks_in_5015205.vast_video_wrapper .vast_video_background{filter:blur(0px)}#stacks_in_5015205 .vast_video_tint,#stacks_in_5015205 .vast_video_player,#stacks_in_5015205.vast_video_wrapper,#stacks_in_5015205.vast_video_wrapper:before{border-radius:0px}#stacks_in_5015205.vast_video_wrapper a{color:rgba(52, 188, 255, 1.00)}#stacks_in_5015205.vast_video_wrapper a:hover{color:rgba(95, 211, 255, 1.00)}#stacks_in_5015205 .vast_video_tint{background:rgba(0, 0, 0, 0.20)}#stacks_in_5015205 .vast_video_slice{min-height:600px;max-width:1400px}#stacks_in_5015205 .vast_video_player{opacity:1;width:100% !important;height:100%;max-height:100%;min-height:100%;position:absolute;display:block;font-family:"object-fit:cover";max-width:none;object-fit:cover;transition:opacity 500ms;transform:scale(1.05);}#stacks_in_5015205 .vast_video_slice{flex-direction:column} #usefulStackWrapperstacks_in_5015207 { margin: 0 auto; min-width: 0px; max-width: 1400px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_5015207 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_5015207 { display: none; } } #stacks_in_5015209 { background-color: rgba(255, 255, 255, 1.00); } #usefulStackWrapperstacks_in_5015211 { margin: 0 auto; min-width: 0px; max-width: 900px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_5015211 { padding-bottom: 10%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_5015211 { display: none; } } /* Backdrop Figure Which Contains The Filter */ .stacks_in_5015213_warehouse_backdrop { height: auto; } .stacks_in_5015213_warehouse_image { width: 100% !important; height: auto; display: block; margin-left: auto; margin-right: auto; } .stacks_in_5015213_cleanborder { padding: 5px; /*border: solid 1px #bfbfbf; */ border: solid 1px #000000; } /* fixed filters live here */ .nashville { position: relative; -webkit-filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2); filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2); } .nashville img { width: 100% !important; height: auto; z-index: 1; } .nashville:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; pointer-events: none; z-index: 2; } .nashville:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; pointer-events: none; z-index: 3; } .nashville::after { background: rgba(0, 70, 150, 0.4); mix-blend-mode: lighten; display: block; width: 100% !important; height: auto; } .nashville::before { background: rgba(247, 176, 153, 0.56); mix-blend-mode: darken; display: block; width: 100% !important; height: auto; } .gingham { position: relative; -webkit-filter: brightness(1.05) hue-rotate(-10deg); filter: brightness(1.05) hue-rotate(-10deg); } .gingham img { width: 100% !important; height: auto; z-index: 1; } .gingham:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .gingham:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .gingham::after { background: lavender; mix-blend-mode: soft-light; width: 100% !important; height: auto; } .walden { position: relative; -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6); filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6); } .walden img { width: 100% !important; height: auto; z-index: 1; } .walden:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .walden:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .walden::after { background: #0044cc; mix-blend-mode: screen; opacity: .3; width: 100% !important; height: auto; } .xpro2 { position: relative; -webkit-filter: sepia(0.3); filter: sepia(0.3); } .xpro2 img { width: 100% !important; height: auto; z-index: 1; } .xpro2:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .xpro2:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .xpro2::after { background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%); background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%); mix-blend-mode: color-burn; width: 100% !important; height: auto; } .valencia { position: relative; -webkit-filter: contrast(1.08) brightness(1.08) sepia(0.08); filter: contrast(1.08) brightness(1.08) sepia(0.08); } .valencia img { width: 100% !important; height: auto; z-index: 1; } .valencia:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .valencia:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .valencia::after { background: #3a0339; mix-blend-mode: exclusion; opacity: .5; width: 100% !important; height: auto; } .toaster { position: relative; -webkit-filter: contrast(1.5) brightness(0.9); filter: contrast(1.5) brightness(0.9); } .toaster img { width: 100% !important; height: auto; z-index: 1; } .toaster:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .toaster:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .toaster::after { width: 100% !important; height: auto; background: -webkit-radial-gradient(circle, #804e0f, #3b003b); background: radial-gradient(circle, #804e0f, #3b003b); mix-blend-mode: screen; } .slumber { position: relative; -webkit-filter: saturate(0.66) brightness(1.05); filter: saturate(0.66) brightness(1.05); } .slumber img { width: 100% !important; height: auto; z-index: 1; } .slumber:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .slumber:after { content: ''; display: block; width: 100% !important; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .slumber::after { width: 100% !important; height: auto; background: rgba(125, 105, 24, 0.5); mix-blend-mode: soft-light; } .slumber::before { width: 100% !important; height: auto; background: rgba(69, 41, 12, 0.4); mix-blend-mode: lighten; } .rise { position: relative; -webkit-filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9); filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9); } .rise img { width: 100% !important; height: auto; z-index: 1; } .rise:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .rise:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .rise::after { background: -webkit-radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%); background: radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%); mix-blend-mode: overlay; opacity: .6; width: 100% !important; height: auto; } .rise::before { background: -webkit-radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4)); background: radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4)); mix-blend-mode: multiply; width: 100% !important; height: auto; } .reyes { position: relative; -webkit-filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75); filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75); } .reyes img { width: 100% !important; height: auto; z-index: 1; } .reyes:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .reyes:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .reyes::after { background: #efcdad; mix-blend-mode: soft-light; opacity: .5; width: 100% !important; height: auto; } .perpetua { position: relative; } .perpetua img { width: 100% !important; height: auto; z-index: 1; } .perpetua:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .perpetua:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .perpetua::after { background: -webkit-linear-gradient(top, #005b9a, #e6c13d); background: linear-gradient(to bottom, #005b9a, #e6c13d); mix-blend-mode: soft-light; opacity: .5; width: 100% !important; height: auto; } .moon { position: relative; -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1); filter: grayscale(1) contrast(1.1) brightness(1.1); } .moon img { width: 100% !important; height: auto; z-index: 1; } .moon:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .moon:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .moon::before { background: #a0a0a0; mix-blend-mode: soft-light; width: 100% !important; height: auto; } .moon::after { background: #383838; mix-blend-mode: lighten; width: 100% !important; height: auto; } .mayfair { position: relative; -webkit-filter: contrast(1.1) saturate(1.1); filter: contrast(1.1) saturate(1.1); } .mayfair img { width: 100% !important; height: auto; z-index: 1; } .mayfair:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .mayfair:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .mayfair::after { background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%); background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%); mix-blend-mode: overlay; opacity: .4; width: 100% !important; height: auto; } .maven { position: relative; -webkit-filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5); filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5); } .maven img { width: 100% !important; height: auto; z-index: 1; } .maven:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .maven:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .maven:after { background: rgba(3, 230, 26, 0.2); mix-blend-mode: hue; width: 100% !important; height: auto; } .lofi { position: relative; -webkit-filter: saturate(1.1) contrast(1.5); filter: saturate(1.1) contrast(1.5); } .lofi img { width: 100% !important; height: auto; z-index: 1; } .lofi:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .lofi:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .lofi::after { background: -webkit-radial-gradient(circle, transparent 70%, #222222 150%); background: radial-gradient(circle, transparent 70%, #222222 150%); mix-blend-mode: multiply; width: 100% !important; height: auto; } .lark { position: relative; -webkit-filter: contrast(0.9); filter: contrast(0.9); } .lark img { width: 100% !important; height: auto; z-index: 1; } .lark:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .lark:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .lark::after { background: rgba(242, 242, 242, 0.8); mix-blend-mode: darken; width: 100% !important; height: auto; } .lark::before { background: #22253f; mix-blend-mode: color-dodge; width: 100% !important; height: auto; } .kelvin { position: relative; } .kelvin img { width: 100% !important; height: auto; z-index: 1; } .kelvin:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .kelvin:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .kelvin::after { background: #b77d21; mix-blend-mode: overlay; width: 100% !important; height: auto; } .kelvin::before { background: #382c34; mix-blend-mode: color-dodge; width: 100% !important; height: auto; } .inkwell { position: relative; -webkit-filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1); filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1); } .inkwell img { width: 100% !important; height: auto; z-index: 1; } .inkwell:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .inkwell:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .hudson { position: relative; -webkit-filter: brightness(1.2) contrast(0.9) saturate(1.1); filter: brightness(1.2) contrast(0.9) saturate(1.1); } .hudson img { width: 100% !important; height: auto; z-index: 1; } .hudson:before { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 2; } .hudson:after { content: ''; display: block; width: 100% !important; height: auto; top: 0; left: 0; position: absolute; pointer-events: none; z-index: 3; } .hudson::after { background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134); background: radial-gradient(circle, #a6b1ff 50%, #342134); mix-blend-mode: multiply; opacity: .5; width: 100% !important; height: auto; } /* Start Agent-X stack CSS code */ .stacks_in_5015214label{ display: block; background: #83c681; padding: 4px 10px 4px 10px; -webkit-border-radius: 10px; color: #ffffff; text-align: center; margin-top: 10px; } .stacks_in_5015214iPhoneContent, .stacks_in_5015214iPadContent, .stacks_in_5015214AndroidContent, .stacks_in_5015214BlackberryContent, .stacks_in_5015214DesktopContent { display: none; } .stacks_in_5015214label{ display: none; } /* End Agent-X stack CSS code *//* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_5015216Calligrapher{ font-size: 105% !important; color: #535353 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.9em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_5015216Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: normal; } .stacks_in_5015216Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: normal; } .stacks_in_5015216Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: normal; } .stacks_in_5015216Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: normal; } .stacks_in_5015216Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: normal; } .stacks_in_5015216Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: normal; } .stacks_in_5015216Calligrapher h6, .stacks_in_5015216Calligrapher h5, .stacks_in_5015216Calligrapher h4, .stacks_in_5015216Calligrapher h3, .stacks_in_5015216Calligrapher h2, .stacks_in_5015216Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ .stacks_in_5015216Calligrapher, .stacks_in_5015216Calligrapher h1, .stacks_in_5015216Calligrapher h2, .stacks_in_5015216Calligrapher h3, .stacks_in_5015216Calligrapher h4, .stacks_in_5015216Calligrapher h5, .stacks_in_5015216Calligrapher h6{ font-family: Helvetica, Arial, sans-serif !important; } /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_5015216targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_5015216Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_5015216Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_5015216Calligrapher a:active{ color: #124A7A !important; } .stacks_in_5015216Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code */ #stacks_in_5015218 { margin: 2px; padding: 20px 16px 0px 15px; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_5015222Calligrapher{ font-size: 105% !important; color: #535353 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.9em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_5015222Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: normal; } .stacks_in_5015222Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: normal; } .stacks_in_5015222Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: normal; } .stacks_in_5015222Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: normal; } .stacks_in_5015222Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: normal; } .stacks_in_5015222Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: normal; } .stacks_in_5015222Calligrapher h6, .stacks_in_5015222Calligrapher h5, .stacks_in_5015222Calligrapher h4, .stacks_in_5015222Calligrapher h3, .stacks_in_5015222Calligrapher h2, .stacks_in_5015222Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ .stacks_in_5015222Calligrapher, .stacks_in_5015222Calligrapher h1, .stacks_in_5015222Calligrapher h2, .stacks_in_5015222Calligrapher h3, .stacks_in_5015222Calligrapher h4, .stacks_in_5015222Calligrapher h5, .stacks_in_5015222Calligrapher h6{ font-family: Helvetica, Arial, sans-serif !important; } /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_5015222targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_5015222Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_5015222Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_5015222Calligrapher a:active{ color: #124A7A !important; } .stacks_in_5015222Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code */ #stacks_in_5015224 { margin: 2px; padding: 20px 15px 0px 15px; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_5015228Calligrapher{ font-size: 105% !important; color: #535353 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.9em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_5015228Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: normal; } .stacks_in_5015228Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: normal; } .stacks_in_5015228Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: normal; } .stacks_in_5015228Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: normal; } .stacks_in_5015228Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: normal; } .stacks_in_5015228Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: normal; } .stacks_in_5015228Calligrapher h6, .stacks_in_5015228Calligrapher h5, .stacks_in_5015228Calligrapher h4, .stacks_in_5015228Calligrapher h3, .stacks_in_5015228Calligrapher h2, .stacks_in_5015228Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ .stacks_in_5015228Calligrapher, .stacks_in_5015228Calligrapher h1, .stacks_in_5015228Calligrapher h2, .stacks_in_5015228Calligrapher h3, .stacks_in_5015228Calligrapher h4, .stacks_in_5015228Calligrapher h5, .stacks_in_5015228Calligrapher h6{ font-family: Helvetica, Arial, sans-serif !important; } /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_5015228targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_5015228Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_5015228Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_5015228Calligrapher a:active{ color: #124A7A !important; } .stacks_in_5015228Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code */ #stacks_in_5015230 { margin: 2px; padding: 20px 15px 0px 15px; } #stacks_in_5015232 { padding: 0px 0px 0px 20px; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_5015234Calligrapher{ font-size: 95% !important; color: #4C4C4C !important; font-weight: normal !important; font-style: normal !important; line-height: 1.9em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_5015234Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_5015234Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_5015234Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_5015234Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_5015234Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_5015234Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } .stacks_in_5015234Calligrapher h6, .stacks_in_5015234Calligrapher h5, .stacks_in_5015234Calligrapher h4, .stacks_in_5015234Calligrapher h3, .stacks_in_5015234Calligrapher h2, .stacks_in_5015234Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ .stacks_in_5015234Calligrapher, .stacks_in_5015234Calligrapher h1, .stacks_in_5015234Calligrapher h2, .stacks_in_5015234Calligrapher h3, .stacks_in_5015234Calligrapher h4, .stacks_in_5015234Calligrapher h5, .stacks_in_5015234Calligrapher h6{ font-family: Helvetica, Arial, sans-serif !important; } /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_5015234targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_5015234Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_5015234Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_5015234Calligrapher a:active{ color: #124A7A !important; } .stacks_in_5015234Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code */ #stacks_in_5015236 { padding: 20px 15px 10px 20px; } #stacks_in_5015237 { line-height: 2em; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_5015238Calligrapher{ font-size: 105% !important; color: #333333 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.2em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_5015238Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_5015238Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_5015238Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_5015238Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_5015238Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_5015238Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } .stacks_in_5015238Calligrapher h6, .stacks_in_5015238Calligrapher h5, .stacks_in_5015238Calligrapher h4, .stacks_in_5015238Calligrapher h3, .stacks_in_5015238Calligrapher h2, .stacks_in_5015238Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ .stacks_in_5015238Calligrapher, .stacks_in_5015238Calligrapher h1, .stacks_in_5015238Calligrapher h2, .stacks_in_5015238Calligrapher h3, .stacks_in_5015238Calligrapher h4, .stacks_in_5015238Calligrapher h5, .stacks_in_5015238Calligrapher h6{ font-family: Helvetica, Arial, sans-serif !important; } /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_5015238targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_5015238Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_5015238Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_5015238Calligrapher a:active{ color: #124A7A !important; } .stacks_in_5015238Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code */ #stacks_in_5015240 { padding: 15px 15px 10px 20px; } #stacks_in_5015241 { line-height: 2em; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_5015242Calligrapher{ font-size: 86% !important; color: #4C4C4C !important; font-weight: normal !important; font-style: normal !important; line-height: 1.9em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_5015242Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold; } .stacks_in_5015242Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold; } .stacks_in_5015242Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_5015242Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold; } .stacks_in_5015242Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold; } .stacks_in_5015242Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold; } .stacks_in_5015242Calligrapher h6, .stacks_in_5015242Calligrapher h5, .stacks_in_5015242Calligrapher h4, .stacks_in_5015242Calligrapher h3, .stacks_in_5015242Calligrapher h2, .stacks_in_5015242Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ .stacks_in_5015242Calligrapher, .stacks_in_5015242Calligrapher h1, .stacks_in_5015242Calligrapher h2, .stacks_in_5015242Calligrapher h3, .stacks_in_5015242Calligrapher h4, .stacks_in_5015242Calligrapher h5, .stacks_in_5015242Calligrapher h6{ font-family: Helvetica, Arial, sans-serif !important; } /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_5015242targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_5015242Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_5015242Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_5015242Calligrapher a:active{ color: #124A7A !important; } .stacks_in_5015242Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code */ #stacks_in_5015244 { padding: 0px 15px 20px 20px; } #stacks_in_5015245 { line-height: 2em; } body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden!important; } html { -webkit-text-size-adjust:none!important; } .animatedstacks_in_5014194{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .delaystacks_in_5014194{-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s;}.delay.hinge{-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s;}@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } #stacks_in_5014194 { padding: 0px 10px 0px 0px; }