.container-fluid{width:100%}
ul#listStory{padding:0;margin:0 -10px;transition:none;min-height:auto !important}
.story-block .filter_options_panel{width:98.7vw;max-height:225px;position:relative;background-color:#007bbc;z-index:1;font-size:16px;color:#eaf1f7;padding-top:20px;padding-bottom:20px}
.story-block .filter_pointer{display:none;width:24px;height:16px;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:14px solid #007bbc;margin:auto;margin-top:-19px}
.story-block .bootstrap-select{margin-bottom:20px}
.filter-wrapper{max-height:190px;overflow-y:scroll;overflow-x:hidden;padding-top:10px}
.story-block #customer_filter_options::-webkit-scrollbar,.filter_options_panel::-webkit-scrollbar,.filter-wrapper::-webkit-scrollbar{width:1.5em;height:0}
.story-block #customer_filter_options::-webkit-scrollbar-thumb,.filter_options_panel::-webkit-scrollbar-thumb,.filter-wrapper::-webkit-scrollbar-thumb{height:3em;border:.5em solid transparent;background-clip:padding-box;-webkit-border-radius:1em;background-color:rgba(255,255,255,1);-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.025)}
.story-block #customer_filter_options::-webkit-scrollbar-button,.filter_options_panel::-webkit-scrollbar-button,.filter-wrapper::-webkit-scrollbar-button{width:0;height:0;display:none}
.story-block #customer_filter_options::-webkit-scrollbar-corner,.filter_options_panel::-webkit-scrollbar-corner,.filter-wrapper::-webkit-scrollbar-corner{background-color:transparent}
.storyContainer{border:1px solid #e2e2e2;float:left;width:100%;position:relative;padding-bottom:60px}
.story-block .filter_options_panel ul li{margin-bottom:5px}
.story-block input[type="checkbox"].check_filter{display:none}
.story-block input[type="checkbox"].check_filter+label.filtername{background:url(https://www.vmware.com/etc/clientlibs/vmwaredevapp/clientlib-listcustomerstories-selfservice/images/box.png) 0 45% no-repeat;background-position:0 5px;padding-left:20px}
.story-block input[type="checkbox"]:checked+label.filtername{background:url(https://www.vmware.com/etc/clientlibs/vmwaredevapp/clientlib-listcustomerstories-selfservice/images/box-cross.png) 0 45% no-repeat;padding-left:20px;background-position:0 5px}
.story-block input[type="checkbox"].check_filter_countries,.check_select_all{display:none}
.story-block .filtername{margin-left:9px;color:#fff;font-size:16px;font-weight:400}
.story-block .filter_options_panel ul{flex:1}
.storyContentImg{float:left;width:100%;height:140px;background-position:top left}
.storyContentImg{float:left;width:100%;height:140px;background-position:top left;background-repeat:no-repeat;background-size:cover}
.storyContent{float:left;width:100%;padding:10px;margin-bottom:10px}
.storyContainer footer{float:left;width:100%;padding:10px 10px 15px 10px;position:absolute;left:0;bottom:0;height:70px;overflow:hidden}
p.storyPersonTitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.story-block .tags_name_wrapper{display:inline-block;border:1px solid #007bbc;border-radius:16px;width:auto;color:#007bbc;padding:8px;font-size:16px;text-align:left;margin-right:10px;cursor:pointer;margin:10px;float:none}
.story-block .tags_name{padding-left:5px;padding-right:30px}
.story-block .clear_individual_filter{color:#007bbc;position:absolute;right:5px;padding:0 10px}
.story-block .clearall_filter{padding:20px 10px;position:absolute;font-size:16px;color:#007bbc;cursor:pointer;font-family:'metropolislight' !important}
.story-block .clearall_filter .fa-times{padding-left:5px}
input#searchRecord{height:48px;padding-left:35px;border:1px solid #1d428a;border-radius:4px;font-family:'metropolislight';width:218px}
.custom_selectBox .bootstrap-select.btn-group .dropdown-toggle .filter-option{border-right:0}
.story-block{position:relative}
.story-block .loader_image{position:absolute;top:200px;left:calc(50% - 30px);z-index:10;font-size:60px;-webkit-animation:fa-spin 1s infinite linear;animation:fa-spin 1s infinite linear}
@media(min-width:1025px){.story-block #dropDownFilters .filter-wrapper{max-width:1300px;margin:0 auto;padding:10px 0}
.content-container .xf-content-height .combinationContentCard .module_container{width:100%}
.custom_selectBox .filter_options_panel ul{padding-left:5px}
}
@media(min-width:800px){.story-block .column_count_ul>ul{columns:5;width:100%}
}
.search-story i.fa.fa-search{position:absolute;top:14px;left:10px;font-size:18px;color:#1d428a}
.item-count{font-size:18px;margin-bottom:5px}
.search-story{position:relative;display:inline-block}
a#pre_point,#next_point{display:none}
.paginate-pagination li{display:inline-block}
.paginate-pagination a.active{font-family:'proxima_novasemibold';color:#565656}
.paginate-pagination{text-align:center;margin:20px 0}
.paginate-pagination a{padding:0 12px;font-size:18px;color:#3480a0}
.layout-style div{display:inline-block;margin:20px 0 20px 10px;vertical-align:middle}
.layout-style div i.fa{font-size:30px;color:#565656;opacity:.5}
.layout-style div .active{pointer-events:none}
.layout-style div .active i.fa{opacity:1}
.story-items{margin-bottom:15px}
.right-filters{text-align:right}
.list-view li.col-md-4.story-items{width:100%}
.list-view .storyContentImg{float:right;width:100%;height:100%}
#filterValues{display:flex;align-items:baseline}
.list-view .storyText{float:left;width:75%}
.list-view .storyContent{margin:0;padding-bottom:0}
.list-view footer{position:static;height:auto}
.list-view .storyContainer{padding:0}
.storyContainer{height:380px}
.list-view .storyContainer{height:auto}
.PRelease form{border-color:#d0d0d0;background-color:#fff;zoom:1;padding-bottom:25px}
.PRelease .form-wrapper{border-style:solid;border-width:0;border-color:#d0d0d0}
.PRelease .form-wrapper h2{color:#333;font-weight:normal;font-size:11px;font-family:tahoma,arial,verdana,sans-serif;border-color:#d0d0d0;background-color:#d2d2d2;padding:5px 3px 4px 5px;margin:0;margin-bottom:15px}
.PRelease .form-group{margin-right:0;margin-left:0}
.PRelease .form-group label{font-weight:normal;font-size:12px;color:#000;padding-top:10px}
.PRelease .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100%}
.xf-content-height{margin:0}
.threecolumncontainer .combinationContentCard .prodRedesign-leftContainer{width:100%;padding:0 0 !important}
.threecolumncontainer .combinationContentCard .prodRedesign-leftContainer .img-left{min-height:200px;margin-top:0 !important}
.threecolumncontainer .combinationContentCard .content-wrapper{width:100%;padding:30px !important}
.xf-content-height .combinationContentCard .module_container{margin:0}
.threecolumncontainer .combinationContentCard .col-md-7{margin-top:0}
.storyBlock{display:flex;font-size:14px;color:#565656}
.storySummary{color:#565656}
.storyBlock .storyDate{padding-right:7px}
.storyBlock .storyType{padding-left:7px}
.storyContainer footer a{padding-top:20px;display:inline-block}
.storyContent h3.storyTitle{font-size:22px;margin-top:10px}
.newsroomindex #dropDownFilters.row{margin-left:-10px;margin-right:-10px}
input#searchRecord::-webkit-input-placeholder{color:#1d428a;font-size:18px}
input#searchRecord::-moz-placeholder{color:#1d428a;font-size:18px}
input#searchRecord:-ms-input-placeholder{color:#1d428a}
input#searchRecord:-moz-placeholder{color:#1d428a;font-size:18px}
.layout-style label{color:#565656;font-size:18px;font-weight:500}
input#searchRecord:focus{outline:0}
.newsroomindex .custom_selectBox .bootstrap-select>.dropdown-toggle{margin-top:0}
.newsroomindex .bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size:18px !important;padding-top:10px;padding-bottom:10px;text-overflow:inherit}
.list-view .storyContainer footer a{padding-top:0}
.storyContainer footer a i{font-size:13px}
.content-container .related-story #relatedStories{padding-left:0;margin-left:-10px}
.combinationContentCard .blueButtonOpaque:hover a{color:#fff}
.combinationContentCard .blueButtonOpaque{padding:0 !important}
.combinationContentCard .container-fluid .row .row .col-md-12 p .blueButtonOpaque a{padding:6px 20px 6px !important;display:inherit}
.threecolumncontainer .combinationContentCard .content-wrapper{padding-bottom:15px !important}
.content-container .xf-content-height .combinationContentCard .module_container{padding-bottom:0}
@media(max-width:1366px){.storyContent h3.storyTitle{font-size:18px}
.storySummary{font-size:14px}
.storyContainer footer a{padding-top:30px;font-size:14px}
}
@media(max-width:800px){.story-block .filter_options_panel ul{padding:0 15px}
#filterValues{display:flex;flex-direction:column}
#filterValues>.col-md-9{order:2;width:100%}
#filterValues>.col-md-3{width:100%}
input#searchRecord{width:100%}
.layout-style{padding:0 10px;display:none}
.content-container ul,.content-container ol{padding:0}
.storyContainer{height:auto;margin-bottom:20px}
.img-left{min-height:110px !important;margin-top:0 !important}
.xf-content-height .combinationContentCard .module_container{width:100%}
.right-filters{text-align:left}
.threecolumncontainer .xf-content-height .combinationContentCard .module_container{height:auto !important}
.search-story{width:300px}
.storyContent h3.storyTitle{font-size:22px}
.storySummary{font-size:16px}
.storyContainer footer a{padding-top:20px;font-size:16px}
.resourcelist .res_block ul{padding-left:10px}
}
@media(max-width:600px){.experiencefragment .combinationContentCard .prodRedesign-leftContainer .img-left{min-height:164px !important;background-position:top center;background-size:cover !important}
}
@media(max-width:480px){.search-story{width:100%}
}
.list-view .storyContainer>a{height:100%;width:25%;position:absolute;right:0}
.holder{margin:15px 0;text-align:center}
.holder a{font-size:18px;cursor:pointer;margin:0 12px;color:#3480a0;cursor:pointer}
.holder a:hover{color:#0091da}
.holder a.jp-previous:before{content:"\f053";margin-right:10px;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.holder a.jp-next:after{content:"\f054";margin-left:10px;display:inline-block;vertical-align:text-bottom;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.holder a.jp-current,a.jp-current:hover{color:#3480a0;font-weight:bold;border:1px solid #565656;padding:4px 12px}
.holder a.jp-disabled,a.jp-disabled:hover{color:#bbb}
.holder a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover{cursor:default;background:0}
.holder a.jp-disabled{pointer-events:none}
.holder span{margin:0 5px;color:#3480a0;font-size:18px}
.story-block input[type="checkbox"].check_select_all+label.filtername{background:url(https://www.vmware.com/etc/clientlibs/vmwaredevapp/clientlib-listcustomerstories-selfservice/images/box.png) 0 45% no-repeat;background-position:0 5px;padding-left:20px}
.story-block input[type="checkbox"].check_select_all:checked+label.filtername{background:url(https://www.vmware.com/etc/clientlibs/vmwaredevapp/clientlib-listcustomerstories-selfservice/images/box-cross.png) 0 45% no-repeat;background-position:0 5px;padding-left:20px}
@media(max-width:520px){.holder a{margin:0 6px;font-size:16px}
.holder a.jp-current,a.jp-current:hover{padding:3px 6px}
}
@media(max-width:320px){.holder a{margin:0 4px;font-size:14px}
.holder a.jp-current,a.jp-current:hover{padding:0 4px}
}
#mwfeedNewsItem{min-height:calc(100vh - 200px)}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-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}
}
@-ms-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;-ms-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)}
}
@-ms-keyframes shake{0,100%{-ms-transform:translateX(0)}
10%,30%,50%,70%,90%{-ms-transform:translateX(-10px)}
20%,40%,60%,80%{-ms-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;-ms-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)}
}
@-ms-keyframes bounce{0,20%,50%,80%,100%{-ms-transform:translateY(0)}
40%{-ms-transform:translateY(-30px)}
60%{-ms-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;-ms-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)}
}
@-ms-keyframes tada{0{-ms-transform:scale(1)}
10%,20%{-ms-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg)}
100%{-ms-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;-ms-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(0)}
}
@-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(0)}
}
@-ms-keyframes swing{20%{-ms-transform:rotate(15deg)}
40%{-ms-transform:rotate(-10deg)}
60%{-ms-transform:rotate(5deg)}
80%{-ms-transform:rotate(-5deg)}
100%{-ms-transform:rotate(0)}
}
@-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(0)}
}
@keyframes swing{20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
100%{transform:rotate(0)}
}
.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-ms-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-ms-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)}
}
@-ms-keyframes wobble{0{-ms-transform:translateX(0)}
15%{-ms-transform:translateX(-25%) rotate(-5deg)}
30%{-ms-transform:translateX(20%) rotate(3deg)}
45%{-ms-transform:translateX(-15%) rotate(-3deg)}
60%{-ms-transform:translateX(10%) rotate(2deg)}
75%{-ms-transform:translateX(-5%) rotate(-1deg)}
100%{-ms-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;-ms-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)}
}
@-ms-keyframes pulse{0{-ms-transform:scale(1)}
50%{-ms-transform:scale(1.1)}
100%{-ms-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;-ms-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}
}
@-ms-keyframes flip{0{-ms-transform:perspective(400px) rotateY(0);-ms-animation-timing-function:ease-out}
40%{-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg);-ms-animation-timing-function:ease-out}
50%{-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-animation-timing-function:ease-in}
80%{-ms-transform:perspective(400px) rotateY(360deg) scale(.95);-ms-animation-timing-function:ease-in}
100%{-ms-transform:perspective(400px) scale(1);-ms-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;-ms-backface-visibility:visible !important;-ms-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(0);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(0);opacity:1}
}
@-ms-keyframes flipInX{0{-ms-transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-ms-transform:perspective(400px) rotateX(-10deg)}
70%{-ms-transform:perspective(400px) rotateX(10deg)}
100%{-ms-transform:perspective(400px) rotateX(0);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(0);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(0);opacity:1}
}
.flipInX{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible !important;-moz-animation-name:flipInX;-ms-backface-visibility:visible !important;-ms-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(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-moz-keyframes flipOutX{0{-moz-transform:perspective(400px) rotateX(0);opacity:1}
100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-ms-keyframes flipOutX{0{-ms-transform:perspective(400px) rotateX(0);opacity:1}
100%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-o-keyframes flipOutX{0{-o-transform:perspective(400px) rotateX(0);opacity:1}
100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{0{transform:perspective(400px) rotateX(0);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;-ms-animation-name:flipOutX;-ms-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(0);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(0);opacity:1}
}
@-ms-keyframes flipInY{0{-ms-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-ms-transform:perspective(400px) rotateY(-10deg)}
70%{-ms-transform:perspective(400px) rotateY(10deg)}
100%{-ms-transform:perspective(400px) rotateY(0);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(0);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(0);opacity:1}
}
.flipInY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible !important;-moz-animation-name:flipInY;-ms-backface-visibility:visible !important;-ms-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(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@-moz-keyframes flipOutY{0{-moz-transform:perspective(400px) rotateY(0);opacity:1}
100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@-ms-keyframes flipOutY{0{-ms-transform:perspective(400px) rotateY(0);opacity:1}
100%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@-o-keyframes flipOutY{0{-o-transform:perspective(400px) rotateY(0);opacity:1}
100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY{0{transform:perspective(400px) rotateY(0);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;-ms-backface-visibility:visible !important;-ms-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}
}
@-ms-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;-ms-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)}
}
@-ms-keyframes fadeInUp{0{opacity:0;-ms-transform:translateY(20px)}
100%{opacity:1;-ms-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;-ms-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)}
}
@-ms-keyframes fadeInDown{0{opacity:0;-ms-transform:translateY(-20px)}
100%{opacity:1;-ms-transform:translateY(0)}
}
@-o-keyframes fadeInDown{0{opacity:0;-ms-transform:translateY(-20px)}
100%{opacity:1;-ms-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;-ms-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)}
}
@-ms-keyframes fadeInLeft{0{opacity:0;-ms-transform:translateX(-20px)}
100%{opacity:1;-ms-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;-ms-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)}
}
@-ms-keyframes fadeInRight{0{opacity:0;-ms-transform:translateX(20px)}
100%{opacity:1;-ms-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;-ms-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)}
}
@-ms-keyframes fadeInUpBig{0{opacity:0;-ms-transform:translateY(2000px)}
100%{opacity:1;-ms-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;-ms-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)}
}
@-ms-keyframes fadeInDownBig{0{opacity:0;-ms-transform:translateY(-2000px)}
100%{opacity:1;-ms-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;-ms-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)}
}
@-ms-keyframes fadeInLeftBig{0{opacity:0;-ms-transform:translateX(-2000px)}
100%{opacity:1;-ms-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;-ms-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)}
}
@-ms-keyframes fadeInRightBig{0{opacity:0;-ms-transform:translateX(2000px)}
100%{opacity:1;-ms-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;-ms-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}
}
@-ms-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;-ms-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)}
}
@-ms-keyframes fadeOutUp{0{opacity:1;-ms-transform:translateY(0)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes fadeOutDown{0{opacity:1;-ms-transform:translateY(0)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes fadeOutLeft{0{opacity:1;-ms-transform:translateX(0)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes fadeOutRight{0{opacity:1;-ms-transform:translateX(0)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes fadeOutUpBig{0{opacity:1;-ms-transform:translateY(0)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes fadeOutDownBig{0{opacity:1;-ms-transform:translateY(0)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes fadeOutLeftBig{0{opacity:1;-ms-transform:translateX(0)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes fadeOutRightBig{0{opacity:1;-ms-transform:translateX(0)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes bounceIn{0{opacity:0;-ms-transform:scale(.3)}
50%{opacity:1;-ms-transform:scale(1.05)}
70%{-ms-transform:scale(.9)}
100%{-ms-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;-ms-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)}
}
@-ms-keyframes bounceInUp{0{opacity:0;-ms-transform:translateY(2000px)}
60%{opacity:1;-ms-transform:translateY(-30px)}
80%{-ms-transform:translateY(10px)}
100%{-ms-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;-ms-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)}
}
@-ms-keyframes bounceInDown{0{opacity:0;-ms-transform:translateY(-2000px)}
60%{opacity:1;-ms-transform:translateY(30px)}
80%{-ms-transform:translateY(-10px)}
100%{-ms-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;-ms-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)}
}
@-ms-keyframes bounceInLeft{0{opacity:0;-ms-transform:translateX(-2000px)}
60%{opacity:1;-ms-transform:translateX(30px)}
80%{-ms-transform:translateX(-10px)}
100%{-ms-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;-ms-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)}
}
@-ms-keyframes bounceInRight{0{opacity:0;-ms-transform:translateX(2000px)}
60%{opacity:1;-ms-transform:translateX(-30px)}
80%{-ms-transform:translateX(10px)}
100%{-ms-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;-ms-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)}
}
@-ms-keyframes bounceOut{0{-ms-transform:scale(1)}
25%{-ms-transform:scale(.95)}
50%{opacity:1;-ms-transform:scale(1.1)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes bounceOutUp{0{-ms-transform:translateY(0)}
20%{opacity:1;-ms-transform:translateY(20px)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes bounceOutDown{0{-ms-transform:translateY(0)}
20%{opacity:1;-ms-transform:translateY(-20px)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes bounceOutLeft{0{-ms-transform:translateX(0)}
20%{opacity:1;-ms-transform:translateX(20px)}
100%{opacity:0;-ms-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;-ms-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)}
}
@-ms-keyframes bounceOutRight{0{-ms-transform:translateX(0)}
20%{opacity:1;-ms-transform:translateX(-20px)}
100%{opacity:0;-ms-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;-ms-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}
}
@-ms-keyframes rotateIn{0{-ms-transform-origin:center center;-ms-transform:rotate(-200deg);opacity:0}
100%{-ms-transform-origin:center center;-ms-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;-ms-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}
}
@-ms-keyframes rotateInUpLeft{0{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0}
100%{-ms-transform-origin:left bottom;-ms-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;-ms-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}
}
@-ms-keyframes rotateInDownLeft{0{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0}
100%{-ms-transform-origin:left bottom;-ms-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;-ms-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}
}
@-ms-keyframes rotateInUpRight{0{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0}
100%{-ms-transform-origin:right bottom;-ms-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;-ms-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}
}
@-ms-keyframes rotateInDownRight{0{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0}
100%{-ms-transform-origin:right bottom;-ms-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;-ms-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}
}
@-ms-keyframes rotateOut{0{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:center center;-ms-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;-ms-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}
}
@-ms-keyframes rotateOutUpLeft{0{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:left bottom;-ms-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;-ms-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}
}
@-ms-keyframes rotateOutDownLeft{0{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:left bottom;-ms-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;-ms-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}
}
@-ms-keyframes rotateOutUpRight{0{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:right bottom;-ms-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;-ms-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}
}
@-ms-keyframes rotateOutDownRight{0{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:right bottom;-ms-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;-ms-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}
}
@-ms-keyframes hinge{0{-ms-transform:rotate(0);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}
20%,60%{-ms-transform:rotate(80deg);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}
40%{-ms-transform:rotate(60deg);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}
80%{-ms-transform:rotate(60deg) translateY(0);opacity:1;-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}
100%{-ms-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;-ms-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(0) rotate(0)}
}
@-moz-keyframes rollIn{0{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-moz-transform:translateX(0) rotate(0)}
}
@-ms-keyframes rollIn{0{opacity:0;-ms-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-ms-transform:translateX(0) rotate(0)}
}
@-o-keyframes rollIn{0{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-o-transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0{opacity:0;transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-ms-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0{opacity:1;-webkit-transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}
}
@-moz-keyframes rollOut{0{opacity:1;-moz-transform:translateX(0) rotate(0)}
100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}
}
@-ms-keyframes rollOut{0{opacity:1;-ms-transform:translateX(0) rotate(0)}
100%{opacity:0;-ms-transform:translateX(100%) rotate(120deg)}
}
@-o-keyframes rollOut{0{opacity:1;-o-transform:translateX(0) rotate(0)}
100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0{opacity:1;transform:translateX(0) rotate(0)}
100%{opacity:0;transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-ms-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}