/*
Theme Name:LeHuo
*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#E9EAEC; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent; color:#333;}
a:hover {color:#D90000;}
input {-webkit-appearance:none; border:0;}
input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
hr {border:none; border-bottom:1px solid #eee;}
/*gold*/
.inner {width:1180px; margin:0 auto;}
.thumbnail img {width:100%; display:block;}
.blank {height:15px; width:100%; clear:both; overflow:hidden;}
/*topad*/
.topad {margin-bottom:15px;}
.mainad {margin-bottom:20px;}
.topad img,.mainad img {width:100%; height:auto; display:block;}
.content .mainad {border-bottom:1px solid #eee;  padding:0 18px 20px;}
/*header*/
.header {background-color:#343639; height:60px; width:100%;}
/*logo*/
.logo {float:left; height:60px; width:auto; width:200px;}
.logo a {display:block;}
.logo img {display:block; height:60px; width:auto;}
/*nav*/
.nav {float:right;}
.nav .menu ul li,.top-other ul li {float:left; line-height:60px; color:#fff; font-size:1em; border-right:1px solid #000; border-left:1px solid #444; position:relative;}
.nav .menu ul li a {color:#fff; padding:0 20px; display:block;}
.nav .menu ul li a:hover,.nav .menu ul li.current a {background-color:#D90000;}
.nav .menu ul li ul {position:absolute; left:0; top:60px; width:150px; border-radius:0 0 3px 3px; background-color:#343639; overflow:hidden; border-top:1px solid #000; z-index:9; display:none;}
.nav .menu ul li ul li {float:none; line-height:1.5em; font-size:0.875em; text-align:center; border:none; border-bottom:1px solid #000; border-top:1px solid #444;}
.nav .menu ul li ul li a {padding:10px 0;}
.nav .menu ul.submenu {display:block;}
/*searchbtn*/
.top-other {float:right;}
.top-other ul li i {padding:0 15px; cursor:pointer; display:block;}
.top-other ul li .social-share {position:absolute; right:-2px; top:60px; width:80px; background-color:#fff; padding:0 20px; border:1px solid #E9E9E9; display:none; z-index:9;}
.top-other ul li .social-share a {display:block; clear:both; color:#333; margin:10px 0;}
.top-other .icon-menu {display:none;}
.top-other ul li.cur-menu {box-shadow:0px 0px 3px #232323; margin-right:-1px; border-right-color:#444;}
/*search-bg*/
.search-bg {background-color:#F5F5F5; width:100%; padding:20px 0; display:none;}
.search-bg.search-open {display:block;}
.search-bg .inner {overflow:hidden;}
.search-form,.search-form input {float:left;}
.search-form .s {background-color:#fff; border:1px solid #ddd; height:22px; line-height:22px; padding:5px; font-size:0.875em; width:500px; border-radius:3px;}
.search-form button {border:none; background-color:#343639; color:#fff; height:32px; padding:0 5px; cursor:pointer; margin:1px 5px; border-radius:3px; font-size:1em;}
/*tagscloud*/
.tagscloud {float:left; padding-left:10px; line-height:32px; font-size:0.875em;}
.tagscloud span,.tagscloud a {float:left;}
.tagscloud a {color:#32A5E7; margin-left:10px;}
/*container*/
.container {overflow:hidden;}
/*kycrumb*/
.kycrumb {font-size:0.875em; color:#666; margin:20px 0; padding-bottom:20px; border-bottom:1px solid #eee;}
.kycrumb span {padding:0 18px; border-left:3px solid #D90000;}
/*main*/
.main {width:840px; float:left;}
/*focus*/
.focus {float:left; width:410px; height:387px; margin-bottom:20px; position:relative;}
.focus ul li img {width:100%; height:387px; display:block;}
.flexslider {height:387px; width:100%;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;}
.flexslider .slides:after {display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides {height: 1%;}
.no-js .flexslider .slides > li:first-child {display: block;}
.flexslider {background-color: #fff; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides img {-moz-user-select: none;}
.flex-viewport {max-height:387px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 387px;}
.carousel li {margin-right: 5px;}
.flex-control-nav { width: 100%;  position: absolute;  bottom: 35px; right:10px; text-align: right;}
.flex-control-nav li {margin: 0 3px;  display: inline-block;  zoom: 1;  *display: inline;}
.flex-control-paging li a {  width: 10px;  height: 10px;  display: block;  background-color:#869791;  cursor: pointer;  text-indent: 9999em; -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border-radius: 50%; overflow:hidden;}
.flex-control-paging li a:hover {background-color:#DA6B4A;}
.flex-control-paging li a.flex-active {background-color:#DA6B4A; cursor: default;}
.flex-caption {position:absolute; width: 96%; padding: 2%; left: 0; bottom: 0; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.flex-caption a {color:#fff;}
/*top*/
.top {width:410px; height:387px; float:right; background-color:#fff; margin-bottom:20px; overflow:hidden;}
.top h3,.hots h3,.content h3,.widget h3 {border-left:3px solid #D90000; padding-left:15px; margin:20px 0; font-weight:normal; font-size:1.25em;}
.top ul,.widget .bloggerinfo {padding:0 18px;}
.top ul li {border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}
.top ul li.last {border-bottom:none; margin-bottom:0;}
.top h4 {font-size:1.125em; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.top p,.hots ul li p {font-size:0.875em; color:#555; overflow:hidden;}
.top p {height:48px;}
.hots ul li p {height:72px;}
/*hots*/
.hots,.content {overflow:hidden; background-color:#fff; margin-bottom:20px;}
.hots .section-title,.content .section-title,.widget .section-title,.friendlinks .section-title {border-bottom:1px solid #eee;  margin-bottom:20px;}
.hots ul,.section {padding:0 18px; overflow:hidden;}
.hots ul li {float:left; width:49%; padding-bottom:20px;}
.hots ul li.right {float:right;}
.hots ul li .thumbnail {width:130px; height:98px; float:left; padding-right:10px;}
.hots ul li img {height:98px;}
.hots ul li h4 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1em; margin-bottom:5px;}
/*section*/
.section {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.section h2 {font-weight:normal; font-size:1.25em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px;}
.section .thumbnail {float:left; width:200px; padding-right:25px; position:relative;}
.section .thumbnail span {position:absolute; left:0; top:0; padding:0 5px; font-size:0.75em; background:rgba(71,150,216,.7); color:#fff;}
.section .thumbnail img {height:150px;}
.section .excerpt p {font-size:0.875em; color:#555; height:72px; overflow:hidden;}
/*postmeta*/
.postmeta {margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.postmeta span {font-size:0.75em; color:#666; margin-right:15px;}
/*post*/
.post {margin:0 18px; overflow:hidden;}
.post h1.post-title {font-size:1.25em; margin-bottom:10px; color:#555;}
.post .postmeta {border-bottom:1px solid #efefef; padding-bottom:5px;}
.post .postmeta span {color:#999;}
.post .entry {color:#333;}
.post .entry p {font-size:1em; line-height:1.75em; margin-bottom:20px;}
.post .entry ul,.post .entry ol,.post .entry hr,.post .entry blockquote,.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {margin-bottom:20px;}
.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {border-left: 3px solid #D90000;
padding-left: 15px; font-weight:bold;}
.post .entry li {font-size:1em;}
.post .entry ul,.post .entry ol {padding-left:2em;}
.post .entry ul li {list-style:inside disc none; margin-left:1px;}
.post .entry ol li {list-style:inside decimal none;}
.post .entry blockquote {overflow:hidden; border:1px solid #eee; border-left:4px solid #eee; background-color:#F5F5F5; color:#777; padding:20px 20px 0; font-size:0.875em; margin:0 2em 20px; border-radius:4px;}
.post .entry a {color:#4796D8;}
.post .entry img {max-width:100%; height:auto;}
/*tags*/
.tags {margin-bottom:20px; font-size:0.875em; color:#888;}
.tags a {color:#888; margin-right:5px;}
/*postnavi*/
.postnavi {margin-bottom:20px; overflow:hidden;}
.postnavi .prev {float:left;}
.postnavi .next {float:right;}
.postnavi i {font-style:normal; font-family:'宋体';}
.postnavi a {font-size:0.875em; color:#555;}
.postnavi a:hover {color:#D90000;}
/*related-post*/
.related-post,.related-pic,.commentslist {border-top:1px solid #eee; margin-bottom:20px;}
.related-post h3,.related-pic h3,.commentslist h3 {border:none; padding-left:0; font-size:1em; color:#333; margin:20px 0 10px;}
.related-post ul li {line-height:1.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em;}
/*related-pic*/
.related-pic {overflow:hidden;}
.related-pic ul {width:819px; overflow:hidden;}
.related-pic ul li {float:left; width:189.75px; padding:5px 0; margin-right:15px; }
.related-pic ul li .thumbnail {margin-bottom:5px; height:143px; position:relative;}
.related-pic ul li .thumbnail img {position:absolute; left:0; top:0; height:100%;}
.related-pic ul li p {font-size:0.875em; height:44px; overflow:hidden;}
/*commentslist*/
.commentslist ol li {margin-bottom:20px;border:1px solid #eee; padding:10px; border-radius:3px; background-color:#f9f9f9;}
.commentslist ol li .cmt-wrap {position:relative; padding-left:55px;}
.commentslist ol li .thumbnail {position:absolute; left:0; top:5px; width:45px; height:45px; border-radius:2px; overflow:hidden;}
.commentslist ol li .thumbnail img {width:100%; height:auto; display:block; border-radius:2px;}
.commentslist ol li .cmt-user {font-size:0.875em; margin-bottom:5px;}
.commentslist ol li .cmt-meta {font-size:0.75em; color:#888; margin-bottom:10px;}
.commentslist ol li .cmt-meta span.reply {margin-left:10px;}
.commentslist ol li .cmt-txt {font-size:1em;}
.commentslist ol li li {margin-top:10px; background-color:#fff;}
/*comment-form*/
.comment-form {margin-bottom:20px; overflow:hidden;}
.comment-form textarea {border:1px solid #dedede; border-radius:3px; width:100%; box-sizing:border-box; padding:5px 0; text-indent:5px; height:120px;}
.comment-form p {margin-top:15px;}
.comment-form .input {float:left;}
.comment-form .text,.comment-form p.verifyCode .input {border:1px solid #dedede; padding:5px; width:200px; border-radius:3px; margin-right:5px; height:24px; line-height:24px;}
.comment-form p.verifyCode .input {width:120px;} 
.comment-form label {font-size:0.875em; color:#555;}
.comment-form .submit {float:right; background-color:#D90000; color:#fff; border-radius:3px; border:none; padding:5px 15px; cursor:pointer; font-size:1.125em;}
/*pagenavi*/
.pagenavi {text-align:center; margin-bottom:20px;}
.pagenavi a,.pagenavi span,.pagenavi em {background-color:#fff; border:1px solid #eee; padding:5px 10px; font-size:0.75em; color:#333; margin:0;}
.pagenavi a:hover {color:#D90000;}
.pagenavi a.current,.pagenavi span {background-color:#D90000; color:#fff; border-color:#D90000;}
/*sidebar*/
.sidebar {width:320px; float:right;}
/*widget*/
.widget {background-color:#fff; margin-bottom:20px; overflow:hidden;}
.textwidget {padding:9px 18px;}
.textwidget p {padding:9px 0;}
.textwidget img {width:100%; height:auto;}
.widget ul {padding:0 18px 3px;}
.widget.theme-widget ul {padding:0 18px;}
.widget ul li {overflow:hidden; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em; margin-bottom:13px;}
.bar1 ul li{white-space:normal}
.widget .thumbnail {float:left; width:100px; height:75px; padding-right:15px;}
.widget .thumbnail img {height:75px;}
.widget ul li p {font-size:1em;}
.widget ul li i {font-style:normal; font-size:0.75em; background-color:#eee; color:#888; padding:3px 8px; margin-right:8px; border-radius:3px;}
.widget ul li i.a1 {background-color:#D90000; color:#fff;}
.widget ul li i.a2 {background-color:#FD6440; color:#fff;}
.widget ul li i.a3 {background-color:#4796D8; color:#fff;}
.widget ul li i.a4,.a5,.a6,.a7,.a8,.a9 {font-style:normal; font-size:0.75em; background-color:#eee; color:#888; padding:3px 8px; margin-right:8px; border-radius:3px;}
.widget .follow {padding:0 9px; text-align:center;}
.widget .follow img {margin:0 9px; width:130px; height:130px;}
.widget .follow p {margin-bottom:18px;}
.widget ul li.list p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.widget ul li.list .thumbnail {display:none;}
.widget ul li.list.cur .thumbnail {display:block;}
.widget ul li.list.cur i {display:none;}
.widget ul li.list.cur p {white-space:normal;}
.widget .bloggerinfo .bloggerinfoimg img {width:100%; height:auto; display:block; border-radius:50%;}
.widget .bloggerinfo p,.widget .bloggerinfo .bloggerinfoimg {margin-bottom:18px;}
.widget .bloggerinfo p.name {text-align:center; font-size:1.25em;}
.widget .bloggerinfo p.des {font-size:0.875em; color:#555; text-indent:2em;}
.widget #calendar {margin-bottom:18px;}
.widget #calendar table {border:none;}
.widget #calendar table td,.widget #calendar table th {border:none; text-align:center;}
.widget #calendar table td.day2 a {background-color:#D90000; border-radius:50%; color:#fff; width:17px; height:17px; margin:0 auto; display:block; line-height:17px;}
.widget.twitter p {margin-bottom:5px; color:#555; font-size:1em; white-space:normal; text-align:justify;}
.widget.twitter ul li p.time {color:#888; font-size:0.875em;}
.widget.twitter p.more {margin-bottom:18px; text-align:right; font-size:0.75em;}
.divTags ul {padding:0 18px 18px; overflow:hidden;}
.divTags a {display:block; float:left; font-size:0.75em; background-color:#E1474D; padding:0 8px; border-radius:2px; margin:2px 5px 2px 0; overflow:hidden; color:#fff;}
.divTags a:hover {opacity:0.9;}
.divTags a:nth-child(8n-7) {background-color:#8A9B0F;}
.divTags a:nth-child(8n-6) {background-color:#EB6841;}
.divTags a:nth-child(8n-5) {background-color:#3FB8AF; }
.divTags a:nth-child(8n-4) {background-color:#FE4365; }
.divTags a:nth-child(8n-3) {background-color:#FC9D9A; }
.divTags a:nth-child(8n-2) {background-color:#EDC951; }
.divTags a:nth-child(8n-1) {background-color:#C8C8A9; }
.divTags a:nth-child(8n) {background-color:#83AF9B; }
.divTags a:first-child  {background-color:#E1474D; }
.divTags a:last-child  {background-color:#3299BB; }
.widget.blogsort ul li {position:relative; margin-bottom:10px;}
.widget.blogsort ul li i,.widget.twitter p i {background-color:transparent; padding:0; border-radius:0; margin-right:0;}
.widget.blogsort ul li span {float:right;}
.widget.blogsort ul li ul {padding:0 0 0 1em;}
.widget.blogsort ul li ul li {margin-bottom:0; margin-top:10px;}
.widget.newcmt ul {padding:0 18px 13px;}
.widget.newcmt ul li {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em; color:#555; margin-bottom:5px;}
.widget.newcmt ul li img {float:left; width:40px; height:40px; padding:6px 5px 0 0;}
.widget.newcmt ul li span {display:block;}
.widget.newcmt ul li a {color:#555;}
.widget .side-search {padding:18px;}
.widget .side-search form {display:block; width:187px; margin:0 auto; overflow:hidden;}
.widget .side-search .input-search {border:1px solid #dedede; height:22px; padding:5px 0; text-indent:5px; line-height:22px; border-radius:3px 0 0 3px; float:left; width:140px;}
.widget .side-search .btn {float:left; background-color:#D90000; color:#fff; border:none; height:34px; padding:0 10px;}
/*weiyu*/
#weiyu {padding:18px;}
#weiyu .main_img p {margin-bottom:5px;}
#weiyu .main_img p.author {font-size:1em; color:#555;}
#weiyu .main_img p span {font-size:0.75em; color:#888;}
#weiyu .main_img p a span {font-size:1em;}
#weiyu .main_img img {float:left; display:block; width:45px; height:45px; padding:6px 8px 0 0;}
#weiyu .main_cont {margin-bottom:20px; overflow:hidden;}
#weiyu .main_cont p {padding:0 20px; color:#555; font-size:0.875em;}
#weiyu .main_cont .blockquote_l {background:url(../images/block_l.png) no-repeat left top; width:20px; height:20px; display:block;}
#weiyu .main_cont .blockquote_r {background:url(../images/block_r.png) no-repeat left top; width:20px; height:20px; display:block; float:right;}
#weiyu ul.r {margin-bottom:15px;}
#weiyu ul.r li {font-size:0.875em; color:#333; position:relative; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px; color:#666;}
#weiyu ul.r li span {display:block;}
#weiyu ul.r li span.name {font-weight:bold; color:#333; margin-bottom:10px;}
#weiyu ul.r li span.time {font-size:0.875em; color:#888; margin-top:10px;}
#weiyu ul.r li em {position:absolute; right:0; top:0; font-style:normal;}
#weiyu ul.r li em a {color:#D90000;}
#weiyu textarea {width:100%; border:1px solid #ddd; height:80px; box-sizing:border-box; padding:5px; font-size:0.875em; margin-bottom:10px;}
#weiyu li .tinfo label {display:block; float:left; font-size:0.875em; width:50px; padding:0 5px; height:27px; border:1px solid #ddd; border-right:none; text-align:right;}
#weiyu li .tinfo p {margin-bottom:5px; overflow:hidden;}
#weiyu li .tinfo input {border:1px solid #ddd; font-size:0.875em; padding:5px; float:left; border-radius:0;}
#weiyu .button_p {background-color:#E1474D; color:#fff; border:none; cursor:pointer; padding:5px 20px; border-radius:3px; float:right;}
/*friendlinks*/
.friendlinks {background-color:#fff; margin-bottom:20px;}
.friendlinks .section-title {padding:10px 18px; font-size:0.875em; margin-bottom:10px;}
.friendlinks .section-title span {font-size:0.875em; color:#666; margin-left:15px;}
.friendlinks ul {overflow:hidden; padding:0 8px 10px;}
.friendlinks ul li {float:left; margin:5px 10px; display:inline; font-size:0.75em;}
.friendlinks ul li a {color:#555;}
/*fixed-widget*/
.fixed-widget {position:fixed; right:20px; top:60%; z-index:8;}
.fixed-widget ul li {cursor:pointer; font-size:2em; width:50px; height:50px; text-align:center; line-height:50px;}
/*footer*/
.footer {background-color:#343639; color:#888; width:100%; padding:10px 0;}
.footer .inner {overflow:hidden;}
.footer a {color:#888;}
.footer .other {float:right; font-size:0.75em;}
/*copyright*/
.copyright {float:left; font-size:0.75em;}
/*screen width*/
@media only screen and (max-width:1200px){
	.inner {width:1024px;}
	.nav .menu ul li, .top-other ul li {font-size:0.875em;}
	.search-form .s {width:400px;}
	.main {width:740px;}
	.focus {width:380px; height:359px;}
	.focus ul li img,.flexslider {height:359px;}
	.top {width:340px;}
	.top h4 {margin-bottom:9px;}
	.top ul li {padding-bottom:10px; margin-bottom:10px;}
	.sidebar {width:264px;}
	.related-pic ul {width:719px;}
	.related-pic ul li {width:164.75px;}
	.related-pic ul li .thumbnail {height:123px;}
	.widget .follow img {width:100px; height:100px;}
}
@media only screen and (max-width:1060px){
	.inner {width:960px;}
	.nav .menu ul li a {padding:0 15px;}
	.search-form .s {width:350px;}
	.main {width:700px;}
	.top {width:300px;}
	.top h4 {font-size:1em;}
	.sidebar {width:240px;}
	.widget .thumbnail {width:80px; height:60px; padding-right:8px;}
	.widget .thumbnail img {height:60px;}
	.related-pic ul {width:679px;}
	.related-pic ul li {width:154.75px;}
	.related-pic ul li .thumbnail {height:116px;}
	.widget .follow img {width:90px; height:90px;}
}
@media only screen and (max-width:980px){
	.inner,.nav .menu ul li a {width:840px;}
	.top-other .icon-menu {display:block;}
	.nav {display:none; position:fixed; left:0; top:60px; background-color:#343639; width:100%; height:100%; z-index:9; box-shadow:0 0 3px #232323; overflow-x:hidden; overflow-y:scroll; }
	.nav .menu {padding-bottom:60px;}
	.nav .menu > ul {border-bottom:1px solid #444;}
	.nav .menu ul li {border:none; float:none; clear:both; display:block; border-bottom:1px solid #000; border-top:1px solid #444; line-height:45px;}
	.nav .menu ul li a {display:block; margin:0 auto;}
	.nav .menu ul li ul {display:block; position:relative; top:auto; left:auto; width:100%;}
	.nav .menu ul li ul li {font-size:1em; text-align:left; line-height:45px;}
	.nav .menu ul li ul li a {padding:0 15px 0 40px;}
	.nav .menu ul li a:hover {background-color:transparent;}
	/*mobile nav*/
	body.nav-active {overflow: hidden; position: fixed;left: 0; top: 0; width: 100%;}
	.nav.mobile-nav {display:block;}
	/*mobile nav end*/
	.search-form .s {width:750px;}
	.search-form {float:none;}
	.tagscloud {padding-left:0;}
	.search-bg {padding:15px 0 10px;}
	.main,.sidebar {width:100%; float:none;}
	.top {width:440px;}
	.related-pic ul {width:819px;}
	.related-pic ul li {width:189.75px;}
	.related-pic ul li .thumbnail {height:142px;}
}
@media only screen and (max-width:860px){
	.inner,.nav .menu ul li a {width:768px;}
	.search-form .s {width:700px;}
	.top {width:368px;}
	.related-pic ul {width:102.04918%;}
	.related-pic ul li {width:22.99%; margin-right:2.008032%;}
	.related-pic ul li .thumbnail {height:128px;}
}
@media only screen and (max-width:800px){
	.inner,.nav .menu ul li a {width:96%;}
	.search-form .s {width:90%;}
	.top {width:47%;}
	.friendlinks .section-title span,.fixed-widget {display:none;}
	.footer {text-align:center;}
	.copyright,.footer .other {float:none;}
}
@media only screen and (max-width:747px){
	.focus {width:100%; height:auto; float:none;}
	.focus ul li img, .flexslider {height:auto;}
	.flex-viewport {max-height:677px;}
	.flex-control-nav {bottom:45px;}
	.top {width:100%; float:none;}
	.top ul {padding:0 18px 10px;}
	.top p {height:auto;}
	.related-pic ul li .thumbnail {height:119px;}
}
@media only screen and (max-width:640px){	
	.search-form .s {width:88%;}
	.hots ul li .thumbnail {width:100px; height:75px; padding-top:7px;}
	.hots ul li img {height:75px;}
	.hots ul li p {height:62px; line-height:1.5em;}
	.hots ul li h4 {font-size:0.875em; margin-bottom:0;}
	.section h2,.postmeta {margin-bottom:5px;}
	.section .thumbnail {width:160px; height:121px; padding-top:5px; padding-right:15px;}
	.section .thumbnail img {height:121px;}
	.related-pic ul li .thumbnail {height:101px;}
}
@media only screen and (max-width:540px){
	.search-form {margin-bottom:10px;}
	.search-form .s {width:86%;}
	.tagscloud {line-height:1.5em;}
	.hots ul li,.hots ul li.right {float:none; width:100%;}
	.hots ul li h4 {font-size:1em; margin-bottom:5px;}
	.hots ul li .thumbnail {padding-top:0;}
	.hots ul li p {height:46px;}
	.section h2 {font-size:1.125em;}
	.related-pic ul li .thumbnail {height:85px;}
}
@media only screen and (max-width:480px) {
	.header {height:40px;}
	.logo {width:133px; height:40px;}
	.logo img {height:40px;}
	.top-other ul li {line-height:40px;}
	.top-other ul li .social-share {top:40px;}
	.nav {top:40px;}
	.nav .menu {padding-bottom:40px;}
	.search-form .s {width:80%;}
	.section h2 {font-size:1em;}
	.section .thumbnail {width:120px; height:90px; padding-right:8px;}
	.section .thumbnail img {height:90px;}
	.postmeta {display:none;}
	.related-pic ul {width:102%;}
	.related-pic ul li {width:48%; margin-right:2%;}
	.related-pic ul li .thumbnail {height:155px;}
}
@media only screen and (max-width:420px) {
	.related-pic ul li .thumbnail {height:134px;}
	.comment-form .input,.comment-form .submit {float:none; clear:both;}
	
}
@media only screen and (max-width:360px) {
	.widget .follow img {width:100px; height:100px;}
	.related-pic ul li .thumbnail {height:113px;}
}
@media only screen and (max-width:320px) {
	.search-form .s {width:78%;}
	.related-pic ul li .thumbnail {height:99px;}
}

.more-tags {
    padding: 0 1em 0 1.5em;
}

.more-tags a {
	font-size: 0.875em!important;
	display: inline-block;
	padding: 0 5px;
    line-height: 1.5em;
    height: 1.5em;
    text-align: center;
    background-color: #f5f5f5;
    color: #333;
    margin: 0 0.3em 0.3em 0;
    border-radius: 4px;
    overflow: hidden;
}
.xgnews{
    padding: 0 1em 1em 1em;
}
.xgnews p{
	margin-bottom: 0px!important;
}

@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello.eot');
	src: url('../fonts/fontello.eot#iefix') format('embedded-opentype'),
		 url('../fonts/fontello.woff2') format('woff2'),
		 url('../fonts/fontello.woff') format('woff'),
		 url('../fonts/fontello.ttf') format('truetype'),
		 url('#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  /*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	  font-family: 'fontello';
	  src: url('#fontello') format('svg');
	}
  }
  */
   
   [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
   
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
   
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
   
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
   
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
   
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
   
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
   
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
   
  .icon-tags:before { content: '\e800'; } /* '' */
  .icon-calendar:before { content: '\e801'; } /* '' */
  .icon-search:before { content: '\e802'; } /* '' */
  .icon-up-open:before { content: '\e803'; } /* '' */
  .icon-qrcode:before { content: '\e805'; } /* '' */
  .icon-list-alt:before { content: '\e806'; } /* '' */
  .icon-share:before { content: '\e808'; } /* '' */
  .icon-right-open-mini:before { content: '\e80b'; } /* '' */
  .icon-home:before { content: '\e811'; } /* '' */
  .icon-eye:before { content: '\e812'; } /* '' */
  .icon-wechat:before { content: '\e814'; } /* '' */
  .icon-menu:before { content: '\e816'; } /* '' */
  .icon-file-image:before { content: '\f1c5'; } /* '' */
  .icon-commenting-o:before { content: '\f27b'; } /* '' */
  .icon-user-circle-o:before { content: '\f2be'; } /* '' */

  

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
  
  .animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
  }
  
  .animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
  }
  
  .animated.flipOutX,
  .animated.flipOutY,
  .animated.bounceIn,
  .animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
  }
  
  @-webkit-keyframes bounce {
	from, 20%, 53%, 80%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  -webkit-transform: translate3d(0,0,0);
	  transform: translate3d(0,0,0);
	}
  
	40%, 43% {
	  -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	  -webkit-transform: translate3d(0, -30px, 0);
	  transform: translate3d(0, -30px, 0);
	}
  
	70% {
	  -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	  -webkit-transform: translate3d(0, -15px, 0);
	  transform: translate3d(0, -15px, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(0,-4px,0);
	  transform: translate3d(0,-4px,0);
	}
  }
  
  @keyframes bounce {
	from, 20%, 53%, 80%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  -webkit-transform: translate3d(0,0,0);
	  transform: translate3d(0,0,0);
	}
  
	40%, 43% {
	  -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	  -webkit-transform: translate3d(0, -30px, 0);
	  transform: translate3d(0, -30px, 0);
	}
  
	70% {
	  -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	  animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	  -webkit-transform: translate3d(0, -15px, 0);
	  transform: translate3d(0, -15px, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(0,-4px,0);
	  transform: translate3d(0,-4px,0);
	}
  }
  
  .bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
  }
  
  @-webkit-keyframes flash {
	from, 50%, to {
	  opacity: 1;
	}
  
	25%, 75% {
	  opacity: 0;
	}
  }
  
  @keyframes flash {
	from, 50%, to {
	  opacity: 1;
	}
  
	25%, 75% {
	  opacity: 0;
	}
  }
  
  .flash {
	-webkit-animation-name: flash;
	animation-name: flash;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @-webkit-keyframes pulse {
	from {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  
	50% {
	  -webkit-transform: scale3d(1.05, 1.05, 1.05);
	  transform: scale3d(1.05, 1.05, 1.05);
	}
  
	to {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  
  @keyframes pulse {
	from {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  
	50% {
	  -webkit-transform: scale3d(1.05, 1.05, 1.05);
	  transform: scale3d(1.05, 1.05, 1.05);
	}
  
	to {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  
  .pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
  }
  
  @-webkit-keyframes rubberBand {
	from {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  
	30% {
	  -webkit-transform: scale3d(1.25, 0.75, 1);
	  transform: scale3d(1.25, 0.75, 1);
	}
  
	40% {
	  -webkit-transform: scale3d(0.75, 1.25, 1);
	  transform: scale3d(0.75, 1.25, 1);
	}
  
	50% {
	  -webkit-transform: scale3d(1.15, 0.85, 1);
	  transform: scale3d(1.15, 0.85, 1);
	}
  
	65% {
	  -webkit-transform: scale3d(.95, 1.05, 1);
	  transform: scale3d(.95, 1.05, 1);
	}
  
	75% {
	  -webkit-transform: scale3d(1.05, .95, 1);
	  transform: scale3d(1.05, .95, 1);
	}
  
	to {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  
  @keyframes rubberBand {
	from {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  
	30% {
	  -webkit-transform: scale3d(1.25, 0.75, 1);
	  transform: scale3d(1.25, 0.75, 1);
	}
  
	40% {
	  -webkit-transform: scale3d(0.75, 1.25, 1);
	  transform: scale3d(0.75, 1.25, 1);
	}
  
	50% {
	  -webkit-transform: scale3d(1.15, 0.85, 1);
	  transform: scale3d(1.15, 0.85, 1);
	}
  
	65% {
	  -webkit-transform: scale3d(.95, 1.05, 1);
	  transform: scale3d(.95, 1.05, 1);
	}
  
	75% {
	  -webkit-transform: scale3d(1.05, .95, 1);
	  transform: scale3d(1.05, .95, 1);
	}
  
	to {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  
  .rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
  }
  
  @-webkit-keyframes shake {
	from, to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	10%, 30%, 50%, 70%, 90% {
	  -webkit-transform: translate3d(-10px, 0, 0);
	  transform: translate3d(-10px, 0, 0);
	}
  
	20%, 40%, 60%, 80% {
	  -webkit-transform: translate3d(10px, 0, 0);
	  transform: translate3d(10px, 0, 0);
	}
  }
  
  @keyframes shake {
	from, to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	10%, 30%, 50%, 70%, 90% {
	  -webkit-transform: translate3d(-10px, 0, 0);
	  transform: translate3d(-10px, 0, 0);
	}
  
	20%, 40%, 60%, 80% {
	  -webkit-transform: translate3d(10px, 0, 0);
	  transform: translate3d(10px, 0, 0);
	}
  }
  
  .shake {
	-webkit-animation-name: shake;
	animation-name: shake;
  }
  
  @-webkit-keyframes headShake {
	0% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
  
	6.5% {
	  -webkit-transform: translateX(-6px) rotateY(-9deg);
	  transform: translateX(-6px) rotateY(-9deg);
	}
  
	18.5% {
	  -webkit-transform: translateX(5px) rotateY(7deg);
	  transform: translateX(5px) rotateY(7deg);
	}
  
	31.5% {
	  -webkit-transform: translateX(-3px) rotateY(-5deg);
	  transform: translateX(-3px) rotateY(-5deg);
	}
  
	43.5% {
	  -webkit-transform: translateX(2px) rotateY(3deg);
	  transform: translateX(2px) rotateY(3deg);
	}
  
	50% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
  }
  
  @keyframes headShake {
	0% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
  
	6.5% {
	  -webkit-transform: translateX(-6px) rotateY(-9deg);
	  transform: translateX(-6px) rotateY(-9deg);
	}
  
	18.5% {
	  -webkit-transform: translateX(5px) rotateY(7deg);
	  transform: translateX(5px) rotateY(7deg);
	}
  
	31.5% {
	  -webkit-transform: translateX(-3px) rotateY(-5deg);
	  transform: translateX(-3px) rotateY(-5deg);
	}
  
	43.5% {
	  -webkit-transform: translateX(2px) rotateY(3deg);
	  transform: translateX(2px) rotateY(3deg);
	}
  
	50% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
  }
  
  .headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake;
  }
  
  @-webkit-keyframes swing {
	20% {
	  -webkit-transform: rotate3d(0, 0, 1, 15deg);
	  transform: rotate3d(0, 0, 1, 15deg);
	}
  
	40% {
	  -webkit-transform: rotate3d(0, 0, 1, -10deg);
	  transform: rotate3d(0, 0, 1, -10deg);
	}
  
	60% {
	  -webkit-transform: rotate3d(0, 0, 1, 5deg);
	  transform: rotate3d(0, 0, 1, 5deg);
	}
  
	80% {
	  -webkit-transform: rotate3d(0, 0, 1, -5deg);
	  transform: rotate3d(0, 0, 1, -5deg);
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, 0deg);
	  transform: rotate3d(0, 0, 1, 0deg);
	}
  }
  
  @keyframes swing {
	20% {
	  -webkit-transform: rotate3d(0, 0, 1, 15deg);
	  transform: rotate3d(0, 0, 1, 15deg);
	}
  
	40% {
	  -webkit-transform: rotate3d(0, 0, 1, -10deg);
	  transform: rotate3d(0, 0, 1, -10deg);
	}
  
	60% {
	  -webkit-transform: rotate3d(0, 0, 1, 5deg);
	  transform: rotate3d(0, 0, 1, 5deg);
	}
  
	80% {
	  -webkit-transform: rotate3d(0, 0, 1, -5deg);
	  transform: rotate3d(0, 0, 1, -5deg);
	}
  
	to {
	  -webkit-transform: rotate3d(0, 0, 1, 0deg);
	  transform: rotate3d(0, 0, 1, 0deg);
	}
  }
  
  .swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
  }
  
  @-webkit-keyframes tada {
	from {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  
	10%, 20% {
	  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
  
	30%, 50%, 70%, 90% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
  
	40%, 60%, 80% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
  
	to {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  
  @keyframes tada {
	from {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  
	10%, 20% {
	  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
  
	30%, 50%, 70%, 90% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
  
	40%, 60%, 80% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
  
	to {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  
  .tada {
	-webkit-animation-name: tada;
	animation-name: tada;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @-webkit-keyframes wobble {
	from {
	  -webkit-transform: none;
	  transform: none;
	}
  
	15% {
	  -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
  
	30% {
	  -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}
  
	45% {
	  -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}
  
	60% {
	  -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}
  
	75% {
	  -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes wobble {
	from {
	  -webkit-transform: none;
	  transform: none;
	}
  
	15% {
	  -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
  
	30% {
	  -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}
  
	45% {
	  -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}
  
	60% {
	  -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}
  
	75% {
	  -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
  }
  
  @-webkit-keyframes jello {
	from, 11.1%, to {
	  -webkit-transform: none;
	  transform: none;
	}
  
	22.2% {
	  -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
	  transform: skewX(-12.5deg) skewY(-12.5deg);
	}
  
	33.3% {
	  -webkit-transform: skewX(6.25deg) skewY(6.25deg);
	  transform: skewX(6.25deg) skewY(6.25deg);
	}
  
	44.4% {
	  -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
	  transform: skewX(-3.125deg) skewY(-3.125deg);
	}
  
	55.5% {
	  -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
	  transform: skewX(1.5625deg) skewY(1.5625deg);
	}
  
	66.6% {
	  -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
	  transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}
  
	77.7% {
	  -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
	  transform: skewX(0.390625deg) skewY(0.390625deg);
	}
  
	88.8% {
	  -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	  transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
  }
  
  @keyframes jello {
	from, 11.1%, to {
	  -webkit-transform: none;
	  transform: none;
	}
  
	22.2% {
	  -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
	  transform: skewX(-12.5deg) skewY(-12.5deg);
	}
  
	33.3% {
	  -webkit-transform: skewX(6.25deg) skewY(6.25deg);
	  transform: skewX(6.25deg) skewY(6.25deg);
	}
  
	44.4% {
	  -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
	  transform: skewX(-3.125deg) skewY(-3.125deg);
	}
  
	55.5% {
	  -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
	  transform: skewX(1.5625deg) skewY(1.5625deg);
	}
  
	66.6% {
	  -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
	  transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}
  
	77.7% {
	  -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
	  transform: skewX(0.390625deg) skewY(0.390625deg);
	}
  
	88.8% {
	  -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	  transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
  }
  
  .jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center;
  }
  
  @-webkit-keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: scale3d(.3, .3, .3);
	  transform: scale3d(.3, .3, .3);
	}
  
	20% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}
  
	40% {
	  -webkit-transform: scale3d(.9, .9, .9);
	  transform: scale3d(.9, .9, .9);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	  transform: scale3d(1.03, 1.03, 1.03);
	}
  
	80% {
	  -webkit-transform: scale3d(.97, .97, .97);
	  transform: scale3d(.97, .97, .97);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  
  @keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: scale3d(.3, .3, .3);
	  transform: scale3d(.3, .3, .3);
	}
  
	20% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}
  
	40% {
	  -webkit-transform: scale3d(.9, .9, .9);
	  transform: scale3d(.9, .9, .9);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	  transform: scale3d(1.03, 1.03, 1.03);
	}
  
	80% {
	  -webkit-transform: scale3d(.97, .97, .97);
	  transform: scale3d(.97, .97, .97);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
  }
  
  .bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
  }
  
  @-webkit-keyframes bounceInDown {
	from, 60%, 75%, 90%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -3000px, 0);
	  transform: translate3d(0, -3000px, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 25px, 0);
	  transform: translate3d(0, 25px, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(0, -10px, 0);
	  transform: translate3d(0, -10px, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(0, 5px, 0);
	  transform: translate3d(0, 5px, 0);
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes bounceInDown {
	from, 60%, 75%, 90%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -3000px, 0);
	  transform: translate3d(0, -3000px, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 25px, 0);
	  transform: translate3d(0, 25px, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(0, -10px, 0);
	  transform: translate3d(0, -10px, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(0, 5px, 0);
	  transform: translate3d(0, 5px, 0);
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
  }
  
  @-webkit-keyframes bounceInLeft {
	from, 60%, 75%, 90%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: translate3d(-3000px, 0, 0);
	  transform: translate3d(-3000px, 0, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(25px, 0, 0);
	  transform: translate3d(25px, 0, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(-10px, 0, 0);
	  transform: translate3d(-10px, 0, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(5px, 0, 0);
	  transform: translate3d(5px, 0, 0);
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes bounceInLeft {
	from, 60%, 75%, 90%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: translate3d(-3000px, 0, 0);
	  transform: translate3d(-3000px, 0, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(25px, 0, 0);
	  transform: translate3d(25px, 0, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(-10px, 0, 0);
	  transform: translate3d(-10px, 0, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(5px, 0, 0);
	  transform: translate3d(5px, 0, 0);
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
  }
  
  @-webkit-keyframes bounceInRight {
	from, 60%, 75%, 90%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(3000px, 0, 0);
	  transform: translate3d(3000px, 0, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(-25px, 0, 0);
	  transform: translate3d(-25px, 0, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(10px, 0, 0);
	  transform: translate3d(10px, 0, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(-5px, 0, 0);
	  transform: translate3d(-5px, 0, 0);
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes bounceInRight {
	from, 60%, 75%, 90%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(3000px, 0, 0);
	  transform: translate3d(3000px, 0, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(-25px, 0, 0);
	  transform: translate3d(-25px, 0, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(10px, 0, 0);
	  transform: translate3d(10px, 0, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(-5px, 0, 0);
	  transform: translate3d(-5px, 0, 0);
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
  }
  
  @-webkit-keyframes bounceInUp {
	from, 60%, 75%, 90%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 3000px, 0);
	  transform: translate3d(0, 3000px, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, -20px, 0);
	  transform: translate3d(0, -20px, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(0, 10px, 0);
	  transform: translate3d(0, 10px, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(0, -5px, 0);
	  transform: translate3d(0, -5px, 0);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes bounceInUp {
	from, 60%, 75%, 90%, to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	  animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
  
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 3000px, 0);
	  transform: translate3d(0, 3000px, 0);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, -20px, 0);
	  transform: translate3d(0, -20px, 0);
	}
  
	75% {
	  -webkit-transform: translate3d(0, 10px, 0);
	  transform: translate3d(0, 10px, 0);
	}
  
	90% {
	  -webkit-transform: translate3d(0, -5px, 0);
	  transform: translate3d(0, -5px, 0);
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
  }
  
  @-webkit-keyframes bounceOut {
	20% {
	  -webkit-transform: scale3d(.9, .9, .9);
	  transform: scale3d(.9, .9, .9);
	}
  
	50%, 55% {
	  opacity: 1;
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale3d(.3, .3, .3);
	  transform: scale3d(.3, .3, .3);
	}
  }
  
  @keyframes bounceOut {
	20% {
	  -webkit-transform: scale3d(.9, .9, .9);
	  transform: scale3d(.9, .9, .9);
	}
  
	50%, 55% {
	  opacity: 1;
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale3d(.3, .3, .3);
	  transform: scale3d(.3, .3, .3);
	}
  }
  
  .bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
  }
  
  @-webkit-keyframes bounceOutDown {
	20% {
	  -webkit-transform: translate3d(0, 10px, 0);
	  transform: translate3d(0, 10px, 0);
	}
  
	40%, 45% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, -20px, 0);
	  transform: translate3d(0, -20px, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 2000px, 0);
	  transform: translate3d(0, 2000px, 0);
	}
  }
  
  @keyframes bounceOutDown {
	20% {
	  -webkit-transform: translate3d(0, 10px, 0);
	  transform: translate3d(0, 10px, 0);
	}
  
	40%, 45% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, -20px, 0);
	  transform: translate3d(0, -20px, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 2000px, 0);
	  transform: translate3d(0, 2000px, 0);
	}
  }
  
  .bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
  }
  
  @-webkit-keyframes bounceOutLeft {
	20% {
	  opacity: 1;
	  -webkit-transform: translate3d(20px, 0, 0);
	  transform: translate3d(20px, 0, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-2000px, 0, 0);
	  transform: translate3d(-2000px, 0, 0);
	}
  }
  
  @keyframes bounceOutLeft {
	20% {
	  opacity: 1;
	  -webkit-transform: translate3d(20px, 0, 0);
	  transform: translate3d(20px, 0, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-2000px, 0, 0);
	  transform: translate3d(-2000px, 0, 0);
	}
  }
  
  .bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
  }
  
  @-webkit-keyframes bounceOutRight {
	20% {
	  opacity: 1;
	  -webkit-transform: translate3d(-20px, 0, 0);
	  transform: translate3d(-20px, 0, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(2000px, 0, 0);
	  transform: translate3d(2000px, 0, 0);
	}
  }
  
  @keyframes bounceOutRight {
	20% {
	  opacity: 1;
	  -webkit-transform: translate3d(-20px, 0, 0);
	  transform: translate3d(-20px, 0, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(2000px, 0, 0);
	  transform: translate3d(2000px, 0, 0);
	}
  }
  
  .bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
  }
  
  @-webkit-keyframes bounceOutUp {
	20% {
	  -webkit-transform: translate3d(0, -10px, 0);
	  transform: translate3d(0, -10px, 0);
	}
  
	40%, 45% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 20px, 0);
	  transform: translate3d(0, 20px, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -2000px, 0);
	  transform: translate3d(0, -2000px, 0);
	}
  }
  
  @keyframes bounceOutUp {
	20% {
	  -webkit-transform: translate3d(0, -10px, 0);
	  transform: translate3d(0, -10px, 0);
	}
  
	40%, 45% {
	  opacity: 1;
	  -webkit-transform: translate3d(0, 20px, 0);
	  transform: translate3d(0, 20px, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -2000px, 0);
	  transform: translate3d(0, -2000px, 0);
	}
  }
  
  .bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
  }
  
  @-webkit-keyframes fadeIn {
	from {
	  opacity: 0;
	}
  
	to {
	  opacity: 1;
	}
  }
  
  @keyframes fadeIn {
	from {
	  opacity: 0;
	}
  
	to {
	  opacity: 1;
	}
  }
  
  .fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
  }
  
  @-webkit-keyframes fadeInDown {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes fadeInDown {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
  }
  
  @-webkit-keyframes fadeInDownBig {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -2000px, 0);
	  transform: translate3d(0, -2000px, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes fadeInDownBig {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -2000px, 0);
	  transform: translate3d(0, -2000px, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
  }
  
  @-webkit-keyframes fadeInLeft {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes fadeInLeft {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
  }
  
  @-webkit-keyframes fadeInLeftBig {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-2000px, 0, 0);
	  transform: translate3d(-2000px, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes fadeInLeftBig {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-2000px, 0, 0);
	  transform: translate3d(-2000px, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
  }
  
  @-webkit-keyframes fadeInRight {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes fadeInRight {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
  }
  
  @-webkit-keyframes fadeInRightBig {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(2000px, 0, 0);
	  transform: translate3d(2000px, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes fadeInRightBig {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(2000px, 0, 0);
	  transform: translate3d(2000px, 0, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
  }
  
  @-webkit-keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes fadeInUp {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
  }
  
  @-webkit-keyframes fadeInUpBig {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 2000px, 0);
	  transform: translate3d(0, 2000px, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes fadeInUpBig {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 2000px, 0);
	  transform: translate3d(0, 2000px, 0);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
  }
  
  @-webkit-keyframes fadeOut {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	}
  }
  
  @keyframes fadeOut {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	}
  }
  
  .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
  }
  
  @-webkit-keyframes fadeOutDown {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  }
  
  @keyframes fadeOutDown {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  }
  
  .fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
  }
  
  @-webkit-keyframes fadeOutDownBig {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 2000px, 0);
	  transform: translate3d(0, 2000px, 0);
	}
  }
  
  @keyframes fadeOutDownBig {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, 2000px, 0);
	  transform: translate3d(0, 2000px, 0);
	}
  }
  
  .fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
  }
  
  @-webkit-keyframes fadeOutLeft {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  }
  
  @keyframes fadeOutLeft {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  }
  
  .fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
  }
  
  @-webkit-keyframes fadeOutLeftBig {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-2000px, 0, 0);
	  transform: translate3d(-2000px, 0, 0);
	}
  }
  
  @keyframes fadeOutLeftBig {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-2000px, 0, 0);
	  transform: translate3d(-2000px, 0, 0);
	}
  }
  
  .fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
  }
  
  @-webkit-keyframes fadeOutRight {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	}
  }
  
  @keyframes fadeOutRight {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	}
  }
  
  .fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
  }
  
  @-webkit-keyframes fadeOutRightBig {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(2000px, 0, 0);
	  transform: translate3d(2000px, 0, 0);
	}
  }
  
  @keyframes fadeOutRightBig {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(2000px, 0, 0);
	  transform: translate3d(2000px, 0, 0);
	}
  }
  
  .fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
  }
  
  @-webkit-keyframes fadeOutUp {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  }
  
  @keyframes fadeOutUp {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  }
  
  .fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
  }
  
  @-webkit-keyframes fadeOutUpBig {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -2000px, 0);
	  transform: translate3d(0, -2000px, 0);
	}
  }
  
  @keyframes fadeOutUpBig {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(0, -2000px, 0);
	  transform: translate3d(0, -2000px, 0);
	}
  }
  
  .fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
  }
  
  @-webkit-keyframes flip {
	from {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	  -webkit-animation-timing-function: ease-out;
	  animation-timing-function: ease-out;
	}
  
	40% {
	  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	  -webkit-animation-timing-function: ease-out;
	  animation-timing-function: ease-out;
	}
  
	50% {
	  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	80% {
	  -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
	  transform: perspective(400px) scale3d(.95, .95, .95);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  }
  
  @keyframes flip {
	from {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	  -webkit-animation-timing-function: ease-out;
	  animation-timing-function: ease-out;
	}
  
	40% {
	  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
	  -webkit-animation-timing-function: ease-out;
	  animation-timing-function: ease-out;
	}
  
	50% {
	  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	80% {
	  -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
	  transform: perspective(400px) scale3d(.95, .95, .95);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  }
  
  .animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
  }
  
  @-webkit-keyframes flipInX {
	from {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 0;
	}
  
	40% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	60% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  }
  
  @keyframes flipInX {
	from {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 0;
	}
  
	40% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	60% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  }
  
  .flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
  }
  
  @-webkit-keyframes flipInY {
	from {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 0;
	}
  
	40% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	60% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  }
  
  @keyframes flipInY {
	from {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	  opacity: 0;
	}
  
	40% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	  -webkit-animation-timing-function: ease-in;
	  animation-timing-function: ease-in;
	}
  
	60% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
  
	to {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  }
  
  .flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
  }
  
  @-webkit-keyframes flipOutX {
	from {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  
	30% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  opacity: 0;
	}
  }
  
  @keyframes flipOutX {
	from {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  
	30% {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	  opacity: 0;
	}
  }
  
  .flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
  }
  
  @-webkit-keyframes flipOutY {
	from {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  
	30% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  opacity: 0;
	}
  }
  
  @keyframes flipOutY {
	from {
	  -webkit-transform: perspective(400px);
	  transform: perspective(400px);
	}
  
	30% {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	  opacity: 0;
	}
  }
  
  .flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
  }
  
  @-webkit-keyframes lightSpeedIn {
	from {
	  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
	  transform: translate3d(100%, 0, 0) skewX(-30deg);
	  opacity: 0;
	}
  
	60% {
	  -webkit-transform: skewX(20deg);
	  transform: skewX(20deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: skewX(-5deg);
	  transform: skewX(-5deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  @keyframes lightSpeedIn {
	from {
	  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
	  transform: translate3d(100%, 0, 0) skewX(-30deg);
	  opacity: 0;
	}
  
	60% {
	  -webkit-transform: skewX(20deg);
	  transform: skewX(20deg);
	  opacity: 1;
	}
  
	80% {
	  -webkit-transform: skewX(-5deg);
	  transform: skewX(-5deg);
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  .lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
  }
  
  @-webkit-keyframes lightSpeedOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	  transform: translate3d(100%, 0, 0) skewX(30deg);
	  opacity: 0;
	}
  }
  
  @keyframes lightSpeedOut {
	from {
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	  transform: translate3d(100%, 0, 0) skewX(30deg);
	  opacity: 0;
	}
  }
  
  .lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
  }
  
  @-webkit-keyframes rotateIn {
	from {
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transform: rotate3d(0, 0, 1, -200deg);
	  transform: rotate3d(0, 0, 1, -200deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  @keyframes rotateIn {
	from {
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transform: rotate3d(0, 0, 1, -200deg);
	  transform: rotate3d(0, 0, 1, -200deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  .rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
  }
  
  @-webkit-keyframes rotateInDownLeft {
	from {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  @keyframes rotateInDownLeft {
	from {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  .rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
  }
  
  @-webkit-keyframes rotateInDownRight {
	from {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  @keyframes rotateInDownRight {
	from {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  .rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
  }
  
  @-webkit-keyframes rotateInUpLeft {
	from {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  @keyframes rotateInUpLeft {
	from {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  .rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
  }
  
  @-webkit-keyframes rotateInUpRight {
	from {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: rotate3d(0, 0, 1, -90deg);
	  transform: rotate3d(0, 0, 1, -90deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  @keyframes rotateInUpRight {
	from {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: rotate3d(0, 0, 1, -90deg);
	  transform: rotate3d(0, 0, 1, -90deg);
	  opacity: 0;
	}
  
	to {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: none;
	  transform: none;
	  opacity: 1;
	}
  }
  
  .rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
  }
  
  @-webkit-keyframes rotateOut {
	from {
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transform: rotate3d(0, 0, 1, 200deg);
	  transform: rotate3d(0, 0, 1, 200deg);
	  opacity: 0;
	}
  }
  
  @keyframes rotateOut {
	from {
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transform: rotate3d(0, 0, 1, 200deg);
	  transform: rotate3d(0, 0, 1, 200deg);
	  opacity: 0;
	}
  }
  
  .rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
  }
  
  @-webkit-keyframes rotateOutDownLeft {
	from {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  }
  
  @keyframes rotateOutDownLeft {
	from {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: rotate3d(0, 0, 1, 45deg);
	  transform: rotate3d(0, 0, 1, 45deg);
	  opacity: 0;
	}
  }
  
  .rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
  }
  
  @-webkit-keyframes rotateOutDownRight {
	from {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  }
  
  @keyframes rotateOutDownRight {
	from {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  }
  
  .rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
  }
  
  @-webkit-keyframes rotateOutUpLeft {
	from {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  }
  
  @keyframes rotateOutUpLeft {
	from {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: left bottom;
	  transform-origin: left bottom;
	  -webkit-transform: rotate3d(0, 0, 1, -45deg);
	  transform: rotate3d(0, 0, 1, -45deg);
	  opacity: 0;
	}
  }
  
  .rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
  }
  
  @-webkit-keyframes rotateOutUpRight {
	from {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: rotate3d(0, 0, 1, 90deg);
	  transform: rotate3d(0, 0, 1, 90deg);
	  opacity: 0;
	}
  }
  
  @keyframes rotateOutUpRight {
	from {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform-origin: right bottom;
	  transform-origin: right bottom;
	  -webkit-transform: rotate3d(0, 0, 1, 90deg);
	  transform: rotate3d(0, 0, 1, 90deg);
	  opacity: 0;
	}
  }
  
  .rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
  }
  
  @-webkit-keyframes hinge {
	0% {
	  -webkit-transform-origin: top left;
	  transform-origin: top left;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	}
  
	20%, 60% {
	  -webkit-transform: rotate3d(0, 0, 1, 80deg);
	  transform: rotate3d(0, 0, 1, 80deg);
	  -webkit-transform-origin: top left;
	  transform-origin: top left;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	}
  
	40%, 80% {
	  -webkit-transform: rotate3d(0, 0, 1, 60deg);
	  transform: rotate3d(0, 0, 1, 60deg);
	  -webkit-transform-origin: top left;
	  transform-origin: top left;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: translate3d(0, 700px, 0);
	  transform: translate3d(0, 700px, 0);
	  opacity: 0;
	}
  }
  
  @keyframes hinge {
	0% {
	  -webkit-transform-origin: top left;
	  transform-origin: top left;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	}
  
	20%, 60% {
	  -webkit-transform: rotate3d(0, 0, 1, 80deg);
	  transform: rotate3d(0, 0, 1, 80deg);
	  -webkit-transform-origin: top left;
	  transform-origin: top left;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	}
  
	40%, 80% {
	  -webkit-transform: rotate3d(0, 0, 1, 60deg);
	  transform: rotate3d(0, 0, 1, 60deg);
	  -webkit-transform-origin: top left;
	  transform-origin: top left;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  opacity: 1;
	}
  
	to {
	  -webkit-transform: translate3d(0, 700px, 0);
	  transform: translate3d(0, 700px, 0);
	  opacity: 0;
	}
  }
  
  .hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @-webkit-keyframes rollIn {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  @keyframes rollIn {
	from {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: none;
	  transform: none;
	}
  }
  
  .rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @-webkit-keyframes rollOut {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
  }
  
  @keyframes rollOut {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
  }
  
  .rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
  }
  
  @-webkit-keyframes zoomIn {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.3, .3, .3);
	  transform: scale3d(.3, .3, .3);
	}
  
	50% {
	  opacity: 1;
	}
  }
  
  @keyframes zoomIn {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.3, .3, .3);
	  transform: scale3d(.3, .3, .3);
	}
  
	50% {
	  opacity: 1;
	}
  }
  
  .zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
  }
  
  @-webkit-keyframes zoomInDown {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  @keyframes zoomInDown {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  .zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
  }
  
  @-webkit-keyframes zoomInLeft {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	  transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
	  transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  @keyframes zoomInLeft {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	  transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
	  transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  .zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
  }
  
  @-webkit-keyframes zoomInRight {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	  transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
	  transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  @keyframes zoomInRight {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	  transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
	  transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  .zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
  }
  
  @-webkit-keyframes zoomInUp {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	  transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  @keyframes zoomInUp {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	  transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  .zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
  }
  
  @-webkit-keyframes zoomOut {
	from {
	  opacity: 1;
	}
  
	50% {
	  opacity: 0;
	  -webkit-transform: scale3d(.3, .3, .3);
	  transform: scale3d(.3, .3, .3);
	}
  
	to {
	  opacity: 0;
	}
  }
  
  @keyframes zoomOut {
	from {
	  opacity: 1;
	}
  
	50% {
	  opacity: 0;
	  -webkit-transform: scale3d(.3, .3, .3);
	  transform: scale3d(.3, .3, .3);
	}
  
	to {
	  opacity: 0;
	}
  }
  
  .zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
  }
  
  @-webkit-keyframes zoomOutDown {
	40% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	  transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	  -webkit-transform-origin: center bottom;
	  transform-origin: center bottom;
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  @keyframes zoomOutDown {
	40% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	  transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	  -webkit-transform-origin: center bottom;
	  transform-origin: center bottom;
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  .zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
  }
  
  @-webkit-keyframes zoomOutLeft {
	40% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	  transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	  transform: scale(.1) translate3d(-2000px, 0, 0);
	  -webkit-transform-origin: left center;
	  transform-origin: left center;
	}
  }
  
  @keyframes zoomOutLeft {
	40% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	  transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	  transform: scale(.1) translate3d(-2000px, 0, 0);
	  -webkit-transform-origin: left center;
	  transform-origin: left center;
	}
  }
  
  .zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
  }
  
  @-webkit-keyframes zoomOutRight {
	40% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	  transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	  transform: scale(.1) translate3d(2000px, 0, 0);
	  -webkit-transform-origin: right center;
	  transform-origin: right center;
	}
  }
  
  @keyframes zoomOutRight {
	40% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	  transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	  transform: scale(.1) translate3d(2000px, 0, 0);
	  -webkit-transform-origin: right center;
	  transform-origin: right center;
	}
  }
  
  .zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
  }
  
  @-webkit-keyframes zoomOutUp {
	40% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	  transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	  -webkit-transform-origin: center bottom;
	  transform-origin: center bottom;
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  @keyframes zoomOutUp {
	40% {
	  opacity: 1;
	  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
	  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	  transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	  -webkit-transform-origin: center bottom;
	  transform-origin: center bottom;
	  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
  }
  
  .zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
  }
  
  @-webkit-keyframes slideInDown {
	from {
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	  visibility: visible;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes slideInDown {
	from {
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	  visibility: visible;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
  }
  
  @-webkit-keyframes slideInLeft {
	from {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	  visibility: visible;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes slideInLeft {
	from {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	  visibility: visible;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
  }
  
  @-webkit-keyframes slideInRight {
	from {
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	  visibility: visible;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes slideInRight {
	from {
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	  visibility: visible;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
  }
  
  @-webkit-keyframes slideInUp {
	from {
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	  visibility: visible;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  @keyframes slideInUp {
	from {
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	  visibility: visible;
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }
  
  .slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
  }
  
  @-webkit-keyframes slideOutDown {
	from {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  }
  
  @keyframes slideOutDown {
	from {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  -webkit-transform: translate3d(0, 100%, 0);
	  transform: translate3d(0, 100%, 0);
	}
  }
  
  .slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
  }
  
  @-webkit-keyframes slideOutLeft {
	from {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  }
  
  @keyframes slideOutLeft {
	from {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  }
  
  .slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
  }
  
  @-webkit-keyframes slideOutRight {
	from {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	}
  }
  
  @keyframes slideOutRight {
	from {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  -webkit-transform: translate3d(100%, 0, 0);
	  transform: translate3d(100%, 0, 0);
	}
  }
  
  .slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
  }
  
  @-webkit-keyframes slideOutUp {
	from {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  }
  
  @keyframes slideOutUp {
	from {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  
	to {
	  visibility: hidden;
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);
	}
  }
  
  .slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
  }