#full-wrapper{max-width:100%;margin:0 auto;padding:0px;margin-top:20px}
h3.section{text-align:left;width:100%;height:auto;padding:.5em 0;font-size:24px}
span.section{color:#f96;padding:0 15px;padding-left:0}
span.section a:hover{color:red;text-decoration:none}
.myspacer{padding:10px 0}
.desx{padding-bottom:15px}
.desx h3{margin-bottom:5px}
.desx #wrapper{margin:0 auto;}
span.dex{font-family:"Open Sans", "Segoe UI Light", "Segoe UI", "Lucida Sans Unicode", Arial, sans-serif;font-size:1.1em;font-weight:300;color:#999;display:block;padding:2px 0;margin-bottom:8px}
.dopt-accordion *{margin:0;padding:0}
.dopt-accordion p{line-height:1.5em;margin-bottom:1.5em}
.sub-head{font-size:1.3em;color:#999966;}
.dopt-accordion h1, .dopt-accordion h2, .dopt-accordion h3, .dopt-accordion h4, .dopt-accordion h5, .dopt-accordion h6{margin:0 0 .35em 0;color:#09f}
::-webkit-input-placeholder,:-ms-input-placeholder,::-moz-placeholder,:-moz-placeholder, placeholder{color:#999}
.demo-form .fxs{padding-bottom:20px}
.demo-form .label{display:block;margin-bottom:.5em;line-height:1em;font-size:14px}
.demo-form .input, .demo-form .select, .demo-form .textarea{color:#444;width:100%;height:40px;outline:0;display:block;position:relative;background:#fff;padding:8px;border:2px solid #ccc;font:13px/18px 'Open Sans', Helvetica, Arial, sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .5s;-moz-transition:all .3s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.demo-form .textarea{min-height:140px;max-width:100%;height:auto;resize:none}
.demo-form .select{overflow:hidden;z-index:10}
@media screen and (-webkit-min-device-pixel-ratio:0){.demo-form .select-wrap{position:relative}
.demo-form .select-wrap:before, .demo-form .select-wrap:after{content:'';position:absolute;top:38%;z-index:11;right:15px;width:0;height:0;border:4px dashed;border-color:#CCC transparent;border-color:rgba(0,0,0,0.5) transparent;pointer-events:none}
.demo-form .select-wrap:before{border-bottom-style:solid;border-top:0}
.demo-form .select-wrap:after{margin-top:8px;border-top-style:solid;border-bottom:0}
.demo-form .select-wrap:focus{z-index:10}
}
.demo-form .input:hover, .demo-form .select:hover, .demo-form .textarea:hover{border-color:#c93}
.demo-form .input:focus, .demo-form .select:focus, .demo-form .textarea:focus{border-color:#06c;background:#f9f9f9}
.demo-form .button{border:0;color:#fff;padding:8px 15px;height:40px;outline:0;font-family:"Open Sans", "Segoe UI", "Lucida Sans Unicode", Arial, sans-serif;font-size:15px;cursor:pointer;overflow:visible;text-decoration:none;background:#06c;-webkit-transition:all .5s;-moz-transition:all .3s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.demo-form .button:hover{background:#c90}
.demo-media{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.demo-media img, .demo-media embed, .demo-media object, .demo-media video, .demo-media canvas, .demo-media object{max-width:100%}
.demo-media iframe{width:100% !important}
.demo-media .social iframe{width:100%;height:316px;border:0;background:#fff}
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe{width:100% !important}
.demo-media img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;max-width:100%;width:auto\9;height:auto}
.spacer{display:block;padding:10px 0}
.captioner{font-size:.9em;color:#cebf8a;display:block;padding-top:5px}
ul.colors{list-style:none}
ul.colors li{display:inline-block;width:1.5em;height:1.5em;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.col1{background:#e4e7f8}
.col2{background:#eee}
.col3{background:#208be7}
.col4{background:#70b834}
.col5{background:#5c5c5c}
.col6{background:#c74c25}
.col7{background:#579e34}
.col8{background:#9bba0d}
.col9{background:#0e5b56}
.col10{background:#ef9a36}
.col11{background:#2972b0}
.col12{background:#44a3d5}
.col13{background:#234e8e}
.col14{background:#543e73}
.col15{background:#812a3c}
.col16{background:#a64324}
.col17{background:#7b5d2f}
.col18{background:#f8634d}
.col19{background:#fa559a}
.col20{background:#40bdbd}
.col21{background:#9c69ea}
.col22{background:#8e8171}
.dopt-accordion, .dopt-accordion ul, .dopt-accordion ul li{margin:0;padding:0;list-style:none}
.dopt-accordion{width:100%;margin:0 auto;position:relative;text-align:left;font-family:"Open Sans", "Segoe UI", "Lucida Sans Unicode", Arial, sans-serif;-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);-moz-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);box-shadow:0 2px 0 0 rgba(0,0,0,0.03);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}
.dopt-accordion input.title-option{position:absolute;clip:rect(0,0,0,0);left:-9999px;top:auto;opacity:0}
.dopt-accordion label.title-panel{color:#777;height:auto;z-index:30;display:block;cursor:pointer;font-size:1.4em;font-weight:300;position:relative;background-color:#f9f9f9;font-family:"Open Sans", "Segoe UI Light", "Segoe UI", "Lucida Sans Unicode", Arial, sans-serif;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}
.dopt-accordion label.title-panel span{display:block;padding:10px 12px;line-height:28px;margin-top:-1px;border:1px solid;border-color:#dbdbdb #d2d2d2 #ccc;background-color:#f4f4f4;background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0, #fbfbfb), color-stop(1, #ededed));background-image:-webkit-linear-gradient(top, #fbfbfb, #ededed);background-image:-moz-linear-gradient(top, #fbfbfb, #ededed);background-image:-ms-linear-gradient(top, #fbfbfb, #ededed);background-image:-o-linear-gradient(top, #fbfbfb, #ededed);background-image:linear-gradient(to bottom, #fbfbfb, #ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ededed', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ededed', GradientType=0)";-webkit-box-shadow:inset 0 1px #fff, inset 0 0 0 1px rgba(255,255,255,0.2);-moz-box-shadow:inset 0 1px #fff, inset 0 0 0 1px rgba(255,255,255,0.2);box-shadow:inset 0 1px #fff, inset 0 0 0 1px rgba(255,255,255,0.2);text-shadow:0 1px rgba(255,255,255,0.5);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.dopt-accordion label.title-panel span i{padding-right:12px;color:inherit}
.dopt-accordion label.title-panel span:hover{color:#06c}
.dopt-accordion input.title-option:checked+label.title-panel, .dopt-accordion input.title-option:checked+label.title-panel:hover{background:#fff;color:#06c}
.dopt-accordion input.title-option:checked+label.title-panel span, .dopt-accordion input.title-option:checked+label.title-panel span:hover{text-shadow:0 1px rgba(255,255,255,0.5);border:1px solid;border-color:#dadef2 #ced8ee #c2ceec;background:#edf0fb;background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0, #f4f6fc), color-stop(1, #e2e6f8));background-image:-webkit-linear-gradient(top, #f4f6fc, #e2e6f8);background-image:-moz-linear-gradient(top, #f4f6fc, #e2e6f8);background-image:-ms-linear-gradient(top, #f4f6fc, #e2e6f8);background-image:-o-linear-gradient(top, #f4f6fc, #e2e6f8);background-image:linear-gradient(to bottom, #f4f6fc, #e2e6f8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6fc', endColorstr='#e2e6f8', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fc', endColorstr='#e2e6f8', GradientType=0)";-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.5), inset 0 0 0 1px rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px rgba(255,255,255,0.5), inset 0 0 0 1px rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px rgba(255,255,255,0.5), inset 0 0 0 1px rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.05)}
.dopt-accordion label.title-panel span:hover{background:#fff;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(1%, #eaeaea), color-stop(100%, #fff));background-image:-webkit-linear-gradient(top, #eaeaea 1%, #fff 100%);background-image:-moz-linear-gradient(top, #eaeaea 1%, #fff 100%);background-image:-o-linear-gradient(top, #eaeaea 1%, #fff 100%);background-image:-ms-linear-gradient(top, #eaeaea 1%, #fff 100%);background:linear-gradient(top, #eaeaea 1%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0)"}
.dopt-accordion .accordion-content{height:0;z-index:10;overflow:hidden;margin-top:-1px;position:relative;border:1px solid #e0e0e0;border-top:0;background-color:#fff;background:rgba(255,255,255,1);-webkit-transition:height 1s;-moz-transition:height 1s;-ms-transition:height 1s;-o-transition:height 1s;transition:height 1s}
.dopt-accordion .accordion-content .wrap-content{width:100%;padding:20px;overflow:auto;position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.dopt-accordion .accordion-content p{color:#777}
.dopt-accordion input.title-option:checked ~ .accordion-content{-webkit-transition:height 1s ease-in-out, box-shadow .1s linear;-moz-transition:height 1s ease-in-out, box-shadow .1s linear;-o-transition:height 1s ease-in-out, box-shadow .1s linear;-ms-transition:height 1s ease-in-out, box-shadow .1s linear;transition:height 1s ease-in-out, box-shadow .1s linear}
.dopt-accordion input.title-option:checked ~ .accordion-content{height:200px;overflow:auto}
.auto-height .accordion-content, .auto-height .accordion-content .wrap-content{height:auto !important}
.auto-height .accordion-content .wrap-content{position:static;height:auto !important;display:none}
.auto-height input.title-option:checked ~ .accordion-content, .auto-height input.title-option:checked ~ .accordion-content .wrap-content{display:block}
.arrow-tri label.title-panel span:after{content:'';top:50%;right:15px;margin-top:-3px;position:absolute;border-top:5px solid #333;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0}
.arrow-tri label.title-panel span:hover:after{border-top-color:#06c}
.arrow-tri input.title-option:checked+label.title-panel span:after{content:'';top:50%;right:15px;margin-top:-3px;position:absolute;border-bottom:5px solid #06c;border-left:5px solid transparent;border-right:5px solid transparent;border-top:0}
.arrow-plus label.title-panel span:after{content:'+';display:block;position:absolute;top:45%;right:5px;margin-top:-18px;padding:inherit;font:bold 20px/20px Arial, sans-serif;color:inherit;opacity:1;border:0 !important;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.arrow-plus input.title-option:checked+label.title-panel span:after{content:'_';margin-top:-28px;right:4px;color:inherit}
.arrow-img label.title-panel span:after, .arrow-img label.title-panel span:hover:after, .arrow-img input.title-option:checked+label.title-panel span:hover:after{content:'';position:absolute;width:18px;height:18px;right:12px;top:16px;display:inline-block;background-color:#2d93ee;background-image:url(../../saraswati-images/accordion-plus.png);background-repeat:no-repeat;background-position:50%;-webkit-transition:background-color 200ms ease-in-out;-moz-transition:background-color 200ms ease-in-out;-o-transition:background-color 200ms ease-in-out;-ms-transition:background-color 200ms ease-in-out;transition:background-color 200ms ease-in-out;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.4);-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.4);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.4);border-radius:2px}
.arrow-img input.title-option:checked+label.title-panel span:after{background-image:url(../../saraswati-images/accordion-minus.png) !important}
.dopt-accordion .accordion-content::-webkit-scrollbar{width:16px;background:#eaeaea}
.dopt-accordion .accordion-content::-webkit-scrollbar-thumb{background:#dbdbdd}
.dopt-accordion .accordion-content::-webkit-scrollbar-button{background-color:#c1c1c1}
.dopt-accordion .accordion-content{-ms-scrollbar-base-color:#eaeaea;-ms-scrollbar-3dlight-color:#dbdbdd;-ms-scrollbar-arrow-color:#eaeaea;-ms-scrollbar-darkshadow-color:#dbdbdd;-ms-scrollbar-face-color:#dbdbdd;-ms-scrollbar-highlight-color:#dbdbdd;-ms-scrollbar-shadow-color:#dbdbdd;-ms-scrollbar-track-color:#eaeaea;-ms-scroll-snap-points-y:snapInterval(0, 10px);-ms-scroll-snap-type:mandatory;-ms-scroll-chaining:none}
@media screen and (-webkit-min-device-pixel-ratio:0){.dopt-accordion{-webkit-animation:bugfix infinite 1s}
@-webkit-keyframes bugfix{from{padding:0}
to{padding:0}
}
.dopt-accordion input.title-option:checked+label.title-panel span, .dopt-accordion input.title-option:checked+label.title-panel span:hover{-webkit-transform:translate3d(0, 0, 0)}
}
.modern-theme{-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2)}
.modern-theme label.title-panel span{color:#666;background:#eee;-webkit-box-shadow:inset 0 24px rgba(255,255,255,0.65);-moz-box-shadow:inset 0 24px rgba(255,255,255,0.65);box-shadow:inset 0 24px rgba(255,255,255,0.65);filter:none}
.modern-theme label.title-panel span:hover{background:#f6f6f6;filter:none}
.modern-theme input.title-option:checked+label.title-panel span, .modern-theme input.title-option:checked+label.title-panel span:hover{color:#fff;background:#5c5c5c;border-color:#777 #5c5c5c #444;-webkit-box-shadow:inset 0 24px rgba(255,255,255,0.2);-moz-box-shadow:inset 0 24px rgba(255,255,255,0.2);box-shadow:inset 0 24px rgba(255,255,255,0.2);text-shadow:0 -1px rgba(0,0,0,0.6);filter:none}
.modern-theme.arrow-tri input.title-option:checked+label.title-panel span:after{border-bottom-color:#fff;border-top:0}
.modern-theme.arrow-img label.title-panel span:after, .modern-theme.arrow-img label.title-panel span:hover:after, .modern-theme.arrow-img input.title-option:checked+label.title-panel span:hover:after{background-color:#9d9d9d}
.modern-theme.arrow-img label.title-panel span:hover:after{background-color:#2d93ee}
.modern-theme.bluesh input.title-option:checked+label.title-panel span, .modern-theme.bluesh input.title-option:checked+label.title-panel span:hover{color:#fff;border-color:#555555;background:#555555;text-shadow:0 -1px rgba(0,0,0,0.2)}
.modern-theme.bluesh label.title-panel span, .modern-theme.bluesh label.title-panel span:hover{color:#1f5f9f}
.modern-theme.bluesh.arrow-img label.title-panel span:after, .modern-theme.bluesh.arrow-img label.title-panel span:hover:after, .modern-theme.bluesh.arrow-img input.title-option:checked+label.title-panel span:hover:after{background-color:#2f2583}
.modern-theme.bluesh.arrow-tri label.title-panel span:after, .modern-theme.bluesh.arrow-tri label.title-panel span:hover:after{border-top-color:#1f5f9f;border-top-bottom:none}
body{-webkit-backface-visibility:hidden;}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}
@-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}
@-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}
@-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) rotateY(0);-webkit-animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-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) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}
40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-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) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}
100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}
}
@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}
40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-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) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}
100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}
}
@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}
40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}
50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}
80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}
100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}
}
.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 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 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}
@-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}
@-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}
@-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}
.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}
@-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}
.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}
@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}
10%{-webkit-transform:skewX(-8deg)}
20%{-webkit-transform:skewX(7deg)}
30%{-webkit-transform:skewX(-6deg)}
40%{-webkit-transform:skewX(5deg)}
50%{-webkit-transform:skewX(-4deg)}
60%{-webkit-transform:skewX(3deg)}
70%{-webkit-transform:skewX(-2deg)}
80%{-webkit-transform:skewX(1deg)}
90%{-webkit-transform:skewX(0deg)}
100%{-webkit-transform:skewX(0deg)}
}
@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}
10%{-moz-transform:skewX(-8deg)}
20%{-moz-transform:skewX(7deg)}
30%{-moz-transform:skewX(-6deg)}
40%{-moz-transform:skewX(5deg)}
50%{-moz-transform:skewX(-4deg)}
60%{-moz-transform:skewX(3deg)}
70%{-moz-transform:skewX(-2deg)}
80%{-moz-transform:skewX(1deg)}
90%{-moz-transform:skewX(0deg)}
100%{-moz-transform:skewX(0deg)}
}
@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}
10%{-o-transform:skewX(-8deg)}
20%{-o-transform:skewX(7deg)}
30%{-o-transform:skewX(-6deg)}
40%{-o-transform:skewX(5deg)}
50%{-o-transform:skewX(-4deg)}
60%{-o-transform:skewX(3deg)}
70%{-o-transform:skewX(-2deg)}
80%{-o-transform:skewX(1deg)}
90%{-o-transform:skewX(0deg)}
100%{-o-transform:skewX(0deg)}
}
@keyframes wiggle{0%{transform:skewX(9deg)}
10%{transform:skewX(-8deg)}
20%{transform:skewX(7deg)}
30%{transform:skewX(-6deg)}
40%{transform:skewX(5deg)}
50%{transform:skewX(-4deg)}
60%{transform:skewX(3deg)}
70%{transform:skewX(-2deg)}
80%{transform:skewX(1deg)}
90%{transform:skewX(0deg)}
100%{transform:skewX(0deg)}
}
.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}
.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}
.dopt-accordion input.title-option:checked ~ .animation1{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}
.dopt-accordion input.title-option:checked ~ .animation2{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}
.dopt-accordion input.title-option:checked ~ .animation3{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}
.dopt-accordion input.title-option:checked ~ .animation4{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}
.dopt-accordion input.title-option:checked ~ .animation5{-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}
.dopt-accordion input.title-option:checked ~ .animation6{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}
.dopt-accordion input.title-option:checked ~ .animation7{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}
.dopt-accordion input.title-option:checked ~ .animation8{-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}
.dopt-accordion input.title-option:checked ~ .animation9{-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}
.dopt-accordion input.title-option:checked ~ .animation10{-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}
.dopt-accordion input.title-option:checked ~ .animation11{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
.dopt-accordion input.title-option:checked ~ .animation12{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
.dopt-accordion input.title-option:checked ~ .animation13{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}
.dopt-accordion input.title-option:checked ~ .animation14{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}
.dopt-accordion input.title-option:checked ~ .animation15{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}
.dopt-accordion input.title-option:checked ~ .animation16{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
.dopt-accordion input.title-option:checked ~ .animation17{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
.dopt-accordion input.title-option:checked ~ .animation18{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
.dopt-accordion input.title-option:checked ~ .animation19{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
.dopt-accordion input.title-option:checked ~ .animation20{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}
.dopt-accordion input.title-option:checked ~ .animation21{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}
.dopt-accordion input.title-option:checked ~ .animation22{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}
.dopt-accordion input.title-option:checked ~ .animation23{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}
.dopt-accordion input.title-option:checked ~ .animation24{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}
.dopt-accordion input.title-option:checked ~ .animation25{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}
.dopt-accordion input.title-option:checked ~ .animation26{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
.dopt-accordion input.title-option:checked ~ .animation27{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
.dopt-accordion input.title-option:checked ~ .animation28{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
.dopt-accordion input.title-option:checked ~ .animation29{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
.dopt-accordion input.title-option:checked ~ .animation30{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}
.dopt-accordion input.title-option:checked ~ .animation31{-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}
.dopt-accordion input.title-option:checked ~ .animation32{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}
#loader{display:inline-block;margin-bottom:8px;margin-left:10px}
#overlay{width:100%;height:100%;background-color:#005782;background-position:fixed;position:fixed;z-index:10000;left:0;top:0}
#preloader{width:186px;height:80px;position:relative;z-index:10000;top:50%;left:0;margin:-40px auto 0 auto}
div#demo-nav{position:fixed;right:10px;top:0;overflow:hidden;z-index:999}
div#demo-nav ul li a{display:block;background:#e84c3d;width:6em;height:2.5em;color:#fff;text-align:center;text-decoration:none;font-size:2em;line-height:2.2em;-webkit-box-shadow:inset 0 -0.2em 0 rgba(0,0,0,0.2);-moz-box-shadow:inset 0 -0.2em 0 rgba(0,0,0,0.2);box-shadow:inset 0 -0.2em 0 rgba(0,0,0,0.2);-webkit-border-radius:0 0 .15em .15em;-moz-border-radius:0 0 .15em .15em;border-radius:0 0 .15em .15em;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
div#demo-nav ul li a:hover{background:#2dcc70}