html
{
	height: 100%;
	width: 100%;
}

body
{
	color: #000;
	font-family: "adelle";
	height: 100%;
	width: 100%;
	background: #fff;
}

.container
{
	padding-left: 30px;
	padding-right: 30px;
}

hr
{
	border-color: #b2b2b2;
}

.hr-case-study-feature>span
{
	display: inline-block;
	height: 8px;
	margin: 0;
	padding: 0;
	width: 60px;
}

.hr-case-study-feature
{
	margin: 0;
	padding: 0;
}

.hr-small>span
{
	display: inline-block;
	height: 4px;
	margin: 0;
	padding: 0;
	width: 35px;
}

.hr-small
{
	margin: 0;
	padding: 0;
}

.hr-small-overlay>span
{
	display: inline-block;
	height: 2px;
	width: 25px;
}

.hr-small-overlay
{
	margin: 5px 0 0;
}

.hr-small-thin>span
{
	display: inline-block;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 27px;
}

.hr-small-thin
{
	margin: 3px 0;
}

.hr>span
{
	display: inline-block;
	height: 1px;
	width: 100%;
}

.hr
{
	margin: 0;
}

.hr-footer
{
	border-color: #6b6b6b;
	margin: 0 0 20px;
}

.thumbnail
{
	display: block;
	height: auto;
	width: 100%;
	transition: all .2s ease-in-out 0;
}

.thumb-label
{
	letter-spacing: .07em;
	max-height: 999999px;
	padding: 20px 0 0;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font: 700 1.3em/1.46 "proxima-nova";
}

.thumbnail p a
{
	color: #000;
}

.thumbnail img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0 12%;
}

.thumb-label-sub
{
	margin: 0 0 30px;
	text-align: center;
	font: 1.1em "adelle";
}

.title
{
	padding: 0;
	margin: 0;
}

.centered
{
	margin-left: auto;
	margin-right: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.mobile-centered, .mobile-centered-alt
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.img-block
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0 0;
	text-align: center;
	width: 100%;
}

.img-block-flush-bottom
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 30px 0;
	text-align: center;
}

.img-block-centered
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0 0;
	text-align: center;
	width: 100%;
}

.img-block-centered img
{
	margin-left: auto;
	margin-right: auto;
}

.img-block-centered-alt
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 5px;
	width: 100%
}

.desktop-show
{
	display: none;
}

.mobile-show
{
	display: block;
}

.desktop-show-alt
{
	display: none;
}

.mobile-show-alt
{
	display: block;
}

.hidden
{
	display: none;
}

.text-center
{
	text-align: center;
}

.padding-30
{
	padding: 30px;
}

.padding-lastrow
{
	padding-bottom: 20px;
}

.padding-b60
{
	padding-bottom: 60px;
}

.padding-b40
{
	padding-bottom: 40px;
}

.padding-b25
{
	padding-bottom: 25px;
}

.padding-b20
{
	padding-bottom: 20px;
}

.padding-b10
{
	padding-bottom: 10px;
}

.padding-footer
{
	padding-bottom: 20px;
}

.videoWrapper
{
	position: relative;
	padding-bottom: 52%;
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

h1,h2,h3,h4,h5,h6
{
	font-family: "adelle";
	margin: 0;
}

h1
{
	font-size: 2.4em;
	font-weight: 400;
	line-height: 1.4em;
	max-height: 999999px;
}

h2
{
	letter-spacing: .02em;
	max-height: 999999px;
	text-transform: uppercase;
	font: 700 1.25em/1.46 "proxima-nova";
}

h3
{
	letter-spacing: .02em;
	max-height: 999999px;
	text-transform: uppercase;
	font: 600 1.25em/1.46 "proxima-nova";
}

.big-message
{
	font-size: 5em;
	font-weight: 400;
	line-height: 1.25em;
	margin: 0;
	animation-duration: 1s;
	animation-delay: 0.5s;	
	max-height: 999999px;
}

a
{
	color: #999;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover,a:focus
{
	text-decoration: none;
	color: #999;
}

.bigger
{
	font-size: 1.1em;
	max-height: 999999px;
}

.italic
{
	font-style: italic;
}

header
{
	position: relative;
}

header a
{
	display: inline-block;
	text-decoration: none;
	text-align: left;
	/* transition: color ease-in-out .25s, border-bottom ease-in-out .25s, background-color ease-in-out .25s, text-shadow ease-in-out .25s; */
	color: #fff;
}

header a:hover
{
	/* color: #f39e78; */
}

header a.open-menu-btn:hover:after
{
	border-color: #f39e78;
}

header a.close-menu-btn
{
	width: 25px;
	height: 25px;
	position: absolute;
	right: 30px;
	top: 25px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 1;
}

header nav
{
	background: #EC6A31;
	position: fixed;
	top: -300%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: top ease-in-out .6s;
	padding: 15% 30px 0;
	float: left;
}

.ie8 header nav
{
	top: -200%;
}

header nav.open
{
	top: 0;
}

header nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

header nav li a
{
	color: #FFF;
	font-weight: 300;
	font-size: 2.4em;
	letter-spacing: .04em;
	max-height: 999999px;
}

header nav li a:hover
{
	color: #f39e78;
}

.top-nav
{
	display: block;
	margin: 0;
}

.top-nav i
{
	font-size: 35px;
	color: #000;
	padding: 0;
	margin: 0;
}

.overlay-links
{
	display: block;
}

.overlay-icon-block
{
	display: block;
	padding: 0;
	margin: 0;
}

.overlay-icon-block img
{
	height: 77px;
	width: 77px;
	margin: 0 20px 0 0;
}

.overlay-icon-block p
{
	font-size: 3.1em;
	line-height: 1.2;
	max-height: 999999px;
}

.navbar-fixed-top
{
	float: left;
	display: block;
	z-index: 2;
	background: hsla(0,0,100%,1.0E-8);
}

.navbar-brand
{
	padding: 0;
}

.navbar
{
	border: 0;
	z-index: 10;
}

nav p
{
	color: #f9cdb9;
	font-size: 1.04em;
	padding: 5px 0 7px;
	max-height: 999999px;
	line-height: 2;
	letter-spacing: .03em;
	font-weight: 300;
}

.btn
{
	-moz-user-select: none;
	border: 1px solid transparent;
	cursor: pointer;
	display: inline-block;
	font: 600 1em "proxima-nova";
	line-height: 1.42857;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 15px 0 14px;
	
}
.button-toggle
{
	border: 3px solid #000;
	color: #000;
	letter-spacing: .07em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0;
	width: 100%;
	max-width: 340px;
	background: #fff;
}

.button-toggle:hover
{
	background: #000;
	color: #fff;
}
.btn-black-bordered
{
	border: 3px solid #000;
	color: #000;
	letter-spacing: .07em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 15px;
	width: 100%;
	max-width: 340px;

}

.btn-black-bordered:hover,.btn-black-bordered:focus
{
	background: #000;
	color: #fff;
	text-decoration: none;
}


.btn-white-bordered
{
	border: 3px solid #fff;
	color: #fff;
	letter-spacing: .07em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 15px;
	width: 100%;
	max-width: 340px;
}

.btn-white-bordered:hover,.btn-white-bordered:focus
{
	background: #fff;
	color: #000;
	text-decoration: none;
	border: 3px solid #fff;
}

.btn-white-bordered-intro
{
	border: 3px solid #fff;
	color: #fff;
	letter-spacing: .07em;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 15px;
	width: 100%;
	max-width: 240px;
}

.btn-white-bordered-intro:hover,.btn-white-bordered:focus
{
	background: #fff;
	color: #000;
	text-decoration: none;
	border: 3px solid #fff;
}


.btn-grp-right
{
	display: inline-block;
	float: right;
	padding-top: 10px;
	margin: 1px -15px 0 0;
}

.btn-prev
{
	opacity: .3;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;	
	display: inline-block;
	width: 59px;
	height: 59px;
	background: url(../img/arrow-bio-prev-hover.gif) no-repeat;
}

.btn-next
{
	opacity: .3;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	display: inline-block;
	width: 59px;
	height: 59px;
	background: url(../img/arrow-bio-next-hover.gif) no-repeat;
	margin-left: 15px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");	
}

.btn-prev:hover {
	opacity: 1;
}
.btn-next:hover {
	opacity: 1;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}	
.more
{
	/* display: block; */
	padding: 17px 0 29px 0;
	/* text-align: center;
	vertical-align: bottom */
}

.more a
{
	font-size: 1.1em;
}

.white
{
	color: #fff;
}

.orange-bg
{
	background: #ec6a29;
}

.orange
{
	color: #ec6a29;
}

.blood-orange-bg
{
	background: #db3d0b;
}

.blood-orange
{
	color: #db3d0b;
}

.mandarin-orange-bg
{
	background: #ef6231;
}

.mandarin-orange
{
	color: #ef6231;
}

.dijon-yellow-bg
{
	background: #dfc862;
}

.dijon-yellow
{
	color: #dfc862;
}

.mustard-yellow-bg
{
	background: #fdb814;
}

.mustard-yellow
{
	color: #fdb814;
}

.yellow-bg
{
	background: #ffcf11;
}

.yellow
{
	color: #fdb916;
}

.teal-blue-bg
{
	background: #41aaab;
}

.teal-blue
{
	color: #41aaab;
}

.tropical-blue-bg
{
	background: #166c8c;
}

.tropical-blue
{
	color: #166c8c;
}

.sky-blue-bg
{
	background: #5c9fd2;	
}

.sky-blue
{
	color: #5c9fd2;
}

.blue-01-bg{
  background: #1073b9;
}

.blue-bg
{
	background: #205484;
}

.blue
{
	color: #205484;
}

.dark-blue-bg
{
	background: #203348;
}

.dark-blue
{
	color: #203348;
}

.denim-blue-bg
{
	background: #41444e;
}

.denim-blue
{
	color: #41444e;
}

.baby-blue-bg
{
	background: #0093d7;
}

.baby-blue
{
	color: #0093d7;
}

.purple-bg
{
	background: #914678;
}

.purple
{
	color: #914678;
}

.nih-blue
{
	background: #116dab;
}
.nih-dark-blue {
	color: #116dab;
}
.dol-purple
{
	background: #3c3354;
}
.dol-dark-purple {
	color: #3c3354;
}
.lime-green
{
	background: #67b44a;
}
.lime-dark-green
{
	color: #7bb512;
}

.white-bg
{
	background: #fff;
}

.white-bg-trans
{
	background: hsla(0,0,100%,.4);
}

.light-grey-bg
{
	background: #f0f0f0;
}

.dark-grey-bg
{
	background: #333;
}

.grey-white
{
	color: #999;
}

.white-grey
{
	color: #fff;
}
.grey-med
{
	color: #666;
}
.grey
{
	color: #999;
}

.grey-bg
{
	background: rgba(0,0,0,.2);
}

.grey-alt-bg
{
	background: #464646;
}

.light-orange-bg
{
	background: #f39e78;
}

.ie8 .grey-bg
{
	background: #000;
}

.black
{
	color: #000;
}

.black-bg
{
	background: #000;
}

.black-bg p
{
	color: #fff;
	font-weight: 200;
	letter-spacing: .03em;
	margin: 0 0 1px;
	max-height: 999999px;
	padding: 14px 0;
}

.black-bg p a
{
	color: #fff;
	font-size: 1em;
	max-height: 999999px;
}

.intro-home-content h1
{
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: 200;
	max-height: 999999px;
	letter-spacing: .04em;
	padding: 20px 0 0;
}

.intro-home
{
	font-family: "adelle";
	color: #000;
	height: 86%;
	max-height: 780px;
	position: relative;
	width: 100%;
	background: url(../img/home-intro-mbl.jpg) no-repeat;
	margin: -114px 0 0;
	z-index: 5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.intro-anim {
	animation-duration: 1s;
	animation-delay: .4s;
	-webkit-animation-duration:  1s;		
	-webkit-animation-delay: .4s;	
}
.intro-anim2 {
	animation-duration: 1.6s;
	animation-delay: 0.4s;		
}
.intro-anim3 {
	animation-duration: 1.9s;
	animation-delay: 0.8s;		
}
.intro-anim-nav {
	animation-duration: 1s;
	animation-delay: 0.8s;	
}
.intro-home-content
{
	font-family: "adelle";
	color: #fff;
	position: relative;
	width: 100%;
}

.home-bio-img
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 280px;
}

.we-help-clients ul
{
	padding: 10px 0 0;
	list-style: none outside none;
	max-height: 999999px;
}

.we-help-clients ul li
{
	color: #000;
	font-weight: 300;
	line-height: 2.1em;
	font-size: 1.2em;
	letter-spacing: .02em;
	max-height: 999999px;
	border-bottom: 1px solid #999;
	padding: 12px 0;
}

.we-help-clients ul li:first-child
{
	border-top: 1px solid #999;
}

.we-help-clients i
{
	font-size: 1.8em;
	color: #3f3f3f;
	vertical-align: middle;
	font-weight: 100;
}

.we-help-clients
{
	padding: 30px 0;
}

.we-help-clients h2
{
	text-align: center;
}

.we-help-clients a
{
	color: #000;
}
.who-we-helped {
    padding: 30px 0 0;
}
.who-we-helped h2
{
	text-align: center;
}

.logo-block
{
	display: block;
	padding: 0 0 34px;
}

.logo-block img
{
	margin: 20px 0 0;
	margin-left: auto;
	margin-right: auto;
}

.meet-the-team-body
{
	padding: 0 15px 0 15px;
}


.meet-the-team h2
{
	text-align: center;
}

.meet-the-team p
{
	padding: 10px 0 25px;
	color: #fff;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.85;
	max-height: 999999px;
}

.meet-the-team
{
	padding: 30px 0;
	font-family: "adelle";
	color: #fff;
	max-height: 800px;
	position: relative;
	width: 100%;
	background:  url(../img/meet-the-team-bg.jpg) no-repeat;
	z-index: 5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.team-block
{
	float: left;
	padding: 0;
}

.team-block img
{
	padding-top: 20px;
}
.contact-home
{
	padding: 28px 0 15px;	
}
.contact
{
	padding: 28px 0 15px;
}

.serve-header{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contact-sub-text,
.work-sub-text
{
	padding: 10px 0 25px;
	color: #666;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.85;
	font-style: italic;
	max-height: 999999px;
}
.work-sub-text{
  padding: 0;
  font-style: normal;
  text-align: center;
  max-width: 735px;
  margin-left: 0;
  margin-right: 0;
}

.intro-case-study
{
	font-family: "adelle";
	color: #000;
	/* height: 68%; */
	position: relative;
	width: 100%;
}

.ie8 .intro-case-study
{
	height: 85%;
	font-size: 18px;
}

.intro-content
{
	width: 100%;
}

.intro-content p
{
	font-size: 1.05em;
	margin: 15px 0 0;
	letter-spacing: .02em;
	font-weight: 300;
	max-height: 999999px;
	line-height: 1.8;
}

.intro-case-study.white p,.intro-case-study.white h1,.intro-case-study
{
	color: #000;
}

.what-we-do
{
	padding: 30px 0 0;
}

.what-we-do p
{
	color: #666;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 2;
	padding: 0 0 5px;
	max-height: 999999px;
}

.what-we-do ul
{
	margin: 0;
	padding: 19px 0 12px;
	list-style: none;
	max-height: 999999px;
}

.what-we-do ul li
{
	color: #6b6b6b;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 2;
}

.what-we-do i
{
	padding: 0 10px 0 0;
	font-size: 1.3em;
}

.prev-next
{
	padding: 30px 0;
}

.prev-next a
{
	color: #000;
}

.client-list-block
{
	display: block;
	padding: 55px 20px;
}

.client-list-block ul
{
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	max-height: 999999px;
}

.client-list-block ul li
{
	color: #666;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 2.45;
}

.block-head
{
	text-transform: uppercase;
	letter-spacing: .09em;
	margin: 0;
	padding: 0;
	max-height: 999999px;
	font: 600 1em "proxima-nova";
}

.block-title
{
	text-transform: none;
	margin: 0;
	padding: 5px 0 0;
	font-weight: 300;
	font: 400 1.5em/1.5 "adelle";
}

p.block-head-footer
{
	text-transform: uppercase;
	letter-spacing: .097em;
	margin: 0;
	padding: 0;
	max-height: 999999px;
	font: 600 1em "proxima-nova";
}

.bordered
{
	float: left;
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 25px;
	padding-left: 0;
	border-left: 0;
	width: 100%;
}

.heading-row
{
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 20px;
	margin-left: 0;
}
.services h1
{
	padding: 15px 0 11px 0;
	font-size: 2.4em;
}
.heading-row h1
{
	margin-left: -15px;
	max-height: 999999px;	
}
.bio h1, .careers h1
{
	padding: 15px 0 11px 0;
}
.bio {
	padding-bottom: 0;
}

.bio ul
{
	padding: 10px 0 40px;
	list-style: none outside none;
	max-height: 999999px;
}

.bio ul li
{
	font-weight: 300;
	line-height: 2.1em;
	font-size: 1.2em;
	letter-spacing: .02em;
	max-height: 999999px;
	border-bottom: 1px solid #999;
	padding: 12px 0;
}

.bio ul li a
{
	color: #000;
	max-height: 999999px;
}

.bio ul li:first-child
{
	border-top: 1px solid #999;
}

.bio i
{
	font-size: 2em;
}

.bio-content-row
{
	padding: 0;
}

.bio-content-row h2
{
	letter-spacing: .06em;
	max-height: 999999px;
	text-transform: uppercase;
	font: 700 1.3em/1.46 "proxima-nova";
}

.bio-content-row p
{
	color: #666;
	font-weight: 300;
	font-size: 1.05em;
	letter-spacing: .02em;
	line-height: 2;
	max-height: 999999px;
}

.bio-content-row img
{
	width: 80%;
	padding: 0 0 20px;
	max-width: 373px;
}

.social-grp i
{
	color: #FFF;
	font-size: 1.4em;
	background: #ccc;
	padding: 15px;
	border-radius: 50%;
}

.social-grp i:hover
{
	background: #333;
}

.social-grp i.rounder
{
	color: #FFF;
	font-size: 1.4em;
	background: #ccc;
	padding: 15px 16px 15px 17px;
	border-radius: 50%;
}

.social-grp i.rounder:hover
{
	background: #333;
}

.social-grp a:first-child
{
	margin-left: 0;
}

.social-grp a
{
	margin-right: 15px;
}

.services-heading, .bio-heading
{
	font-size: 1.7em;
	margin: 0;
}

.services h2, .careers h2
{
	letter-spacing: .06em;
	max-height: 999999px;
	text-transform: uppercase;
	font: 700 1.2em/1.46 "proxima-nova";
}

.services ul
{
	margin: 0;
	padding: 0 0 30px;
	list-style: none outside none;
	max-height: 999999px;
}

.services ul li
{
	font-weight: 300;
	line-height: 2.1em;
	font-size: 1.2em;
	letter-spacing: .02em;
	max-height: 999999px;
	border-bottom: 1px solid #999;
	padding: 12px 0;
}

.services ul li a
{
	color: #000;
	max-height: 999999px;
}

.services ul li:first-child
{
	border-top: 1px solid #999;
}

.services i
{
	font-size: 2em;
}

.list-items-block, .job-description-block
{
	padding: 10px 0 0 0;
}

.list-items-block p, .job-description-block p
{
	color: #666;
	font-weight: 300;
	font-size: 1.1em;
	letter-spacing: .02em;
	line-height: 1.9;
	margin: 0;
	padding: 5px 0 0 0;
	max-height: 999999px;
}
.job-description-block ul {
	margin-left: -20px;
}
.job-description-block ul li
{
	color: #666;
	font-weight: 300;
	font-size: 1.1em;
	letter-spacing: .02em;
	line-height: 1.9;
	margin: 0;
	padding: 5px 0 0 0;
	max-height: 999999px;
}
.spacer {
	padding-bottom: 30px;
}
.list-items-block p a
{
	color: #666;
	text-decoration: none;
}

.list-items-block p a:hover
{
	color: #000;
}
.list-item-spacer
{
	padding: 0 0 30px 15px;
}
.list-item-links
{
	padding: 5px 15px 15px 15px;
}
.career-spacer {
	padding-bottom: 0;
}
.apply-block {
	padding: 40px 0 45px 0;
}
.apply-block p a {
	color: #000;
	text-decoration: underline;
}
.apply-block p a:hover {
	color: #666;
}
.intro-text
{
	font-size: 1.1em;
	color: #666;
	font-weight: 300;
	line-height: 1.9;
	padding: 0;
	margin: 0;
	max-height: 999999px;
	padding-bottom: 20px;
}

.team-bio
{
	padding: 20px 0 0 0;
}

.footer h2
{
	color: #FFF;
	text-transform: none;
	padding: 0 0 10px;
	font: 300 2.1em "adelle";
}

.footer p
{
	font-size: 1.15em;
	margin: 0;
	font-weight: 100;
	letter-spacing: .05em;
	line-height: 1.9;
	max-height: 999999px;
}

.footer p a
{
	text-decoration: none;
	color: #999;
}

.footer p a:hover
{
	color: #fff;
}

.footer i
{
	width: 20px;
}

.footer-sub p
{
	font-size: 1.1em;
	max-height: 999999px;
}

.footer-sub p.italic
{
	letter-spacing: 0;
}

.footer
{
	padding: 25px 0 0;
}

.footer-block
{
	padding: 20px 0 8px;
}

.footer-right
{
	float: left;
	font-size: 1em;
	padding-bottom: 40px;
}

.arrow-down
{
	width: 29px;
}

.custom-break {
	display: none;
}

.job-description-block p a {
	color: #000;
}
.job-description-block p a:hover {
	color: #666;
}

@media only screen and (max-height : 590px) {
	header nav
	{
		top: -3000%;
	}
}

@media only screen and (min-width : 240px) {
	.col-xs-6
	{

	    padding-left: 10px;
	    padding-right: 10px;
	}		
}

@media only screen and (min-width : 358px) {
	.videoWrapper
	{
		padding-bottom: 54%;
	}
}

@media only screen and (min-width : 422px) {
	.videoWrapper
	{
		padding-bottom: 56%;
	}
}

@media only screen and (min-width : 594px) {
	.videoWrapper
	{
		padding-bottom: 58%;
	}
}

@media only screen and (min-width : 807px) {
	.videoWrapper
	{
		padding-bottom: 60%;
	}
}

@media only screen and (min-width : 500px) {
	.logo-block
	{
		margin-left: auto;
		margin-right: auto;
	}
	.arrow-down
	{
		width: 46px;
	}	
	.who-we-helped {
	    padding: 40px 0px 20px;
	}	
	h1
	{
		font-size: 4em;
	}
	
	.logo-block
	{
		width: 100%;
	}
	
	.container
	{
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.meet-the-team
	{
		padding: 80px 0;
	}
	
	.col-xs-6
	{
	    padding-left: 20px;
	    padding-right: 20px;
	}
	
	.we-help-clients h2, .meet-the-team h2, .who-we-helped h2, .contact h2, .contact-home h2
	{
		letter-spacing: .07em;
		max-height: 999999px;
		text-transform: uppercase;
		font: 700 1.7em/1.46 "proxima-nova";
	}
	
	.we-help-clients ul li
	{
		font-size: 1.7em;
		padding: 25px 0;
	}	

	.hr-small-thin
	{
		margin: 4px 0 10px;
	}	

	.hr-small-thin>span
	{
		width: 40px;
		height: 3px;
	}
	
	.we-help-clients
	{
	    padding: 40px 0px;
	}
	
	.btn
	{
		font-size: 1.23em;
		letter-spacing: 0.13em;
	}
	
	.meet-the-team p
	{
		font-size: 1.58em;
		line-height: 1.9;
		font-weight: 200;
		padding: 10px 0px 40px;
		letter-spacing: 0.02em;
	}
	
	.contact
	{
		padding: 27px 0 42px 0;
	}
	
	.contact-home
	{
		padding: 69px 0px 74px;
	}
	
	.hr-small>span
	{
		width: 60px;
		height: 6px;
		margin: 26px 0 17px;
	}
	
	.big-message
	{
		font-weight: 400;
		line-height: 1.4em;
		margin: 0;
		max-height: 999999px;
		
		letter-spacing: .03em;
		line-height: 1.25em;
	}
	
	.intro-home-content h1
	{
		font-size: 20px;
		line-height: 1.8em;
		font-weight: 200;
		max-height: 999999px;
		padding: 20px 0 40px;
	}

}

@media only screen and (min-width : 768px) {
	.desktop-show
	{
		display: block
	}
	
	.mobile-show
	{
		display: none;
	}
		
	header nav
	{
		padding: 70px 30px;
	}
	
	header nav li a
	{
		font-size: 4em;
		line-height: 1.4;
	}
	
	.hr-small-overlay>span
	{
		width: 60px;
		height: 6px;
		background: #f29e7a;
	}
	
	.hr-small-overlay
	{
		margin: 15px 0 20px;
	}
	
	nav p
	{
		color: #fff;
		font-size: 1.2em;
		font-weight: 300;
		margin: 5px 0 0;
	}

	.ie8 nav p, .ie9 nav p
	{
		color: #fff;
		font-size: 1em;
		font-weight: 300;
		margin: 5px 0 0;
	}
	
	.hr
	{
		margin: 0 0 20px;
	}
	
	.ie8 .intro-home, .ie9 .intro-home
	{
		height: 96%;
		max-height: 900px;
	}
	
	h1
	{
		font-size: 4.4em;
		font-weight: 400;
		line-height: 1.23em;
		letter-spacing: .03em;
		max-height: 999999px;
	}
	
	h2
	{
		text-transform: none;
		font: 400 2.2em "adelle";
	}
	
	h3
	{
		font-size: 1.7em;
		letter-spacing: .06em;
	}
	
	.block-title
	{
		font-size: 2.2em;
	}
	
	.bordered
	{
		border-top: 0 none;
		margin-top: 0;
		padding-top: 0;
		padding-left: 50px;
		border-left: 1px solid #DDD;
	}
	
	.padding-footer
	{
		padding-bottom: 50px;
	}
	
	.footer-block
	{
		padding: 10px 0 25px;
	}
	
	.footer h2
	{
		font-size: 3.4em;
	}
	
	.footer
	{
		padding: 60px 0 0;
	}
	
	.footer p
	{
		font-size: 1.2em;
		max-height: 999999px;
	}
	
	.footer-sub p
	{
		font-size: 1.1em;
	}
	
	p.block-head-footer
	{
		font-size: 1.27em;
		letter-spacing: .1em;
	}
	
	.footer i
	{
		font-size: 1.15em;
		width: 30px;
	}
	
	.img-block
	{
		padding: 90px 30px 50px;
	}
	
	.img-block-flush-bottom
	{
		padding: 60px 30px 0;
	}
	
	.padding-lastrow
	{
		padding-bottom: 50px;
	}
	
	.contact-sub-text,
  .work-sub-text
	{
		font-size: 1.3em;
	}
	
	.intro-case-study
	{
		font-size: 1.3em;
		/* height: 72.5%;
		max-height: 672px; */
	}
	
	.intro-case-study p
	{
		line-height: 1.9;
	}
	
	.more {
		padding: 26px 0px 40px;
	}
	
	.meet-the-team
	{
		padding: 140px 0;
	}
	
	.team-block
	{
		padding-bottom: 30px;
	}
	
	.block-head
	{
		font-size: 1.1em;
		padding: 0 0 5px;
	}
	
	.img-block-centered-alt
	{
		padding: 40px 0 5px;
	}
	
	.prev-next
	{
		padding: 50px 0;
	}
	
	.white-grey
	{
		color: #999;
	}
	
	.we-help-clients
	{
		padding: 42px 0 44px;
	}
	
	.logo-block
	{
		padding: 0 0 30px;
		width: 100%;
	}
	
	.logo-block img
	{
		margin: 20px 0 30px;
	}
	
	.thumbnail
	{
		padding-top: 20px;
	}
	
	.thumb-label
	{
		padding: 30px 0 0;
		margin: 0;
		text-align: center;
		line-height: 1.7em;
	}
	
	.thumb-label-sub
	{
		font-size: 1.3em;
		margin: 0;
		font-weight: 200;
		padding: 0 0 30px;
	}
	
	.thumbnail img
	{
		padding: 0;
	}
	
	.what-we-do p
	{
		font-size: 1.2em;
		padding: 0 0 5px;
	}
	
	.what-we-do ul li
	{
		font-size: 1.2em;
	}
	
	.what-we-do-block
	{
		padding: 25px 0;
		float: left;
	}
	
	.bio-content-row
	{
		padding: 60px 0 127px;
	}
	
	.bio-content-row p
	{
		font-size: 1.4em;
	}
	
	.services h1, .bio h1, .careers h1
	{
		font-size: 3.2em;
		color: #000;
	}

	
	.services h2, .careers h2
	{
		font-size: 1.3em;
	}
	
	.intro-text
	{
		font-size: 1.7em;
		padding: 30px 0 20px 0;
	}
	
	.list-items-block p, .job-description-block p
	{
		font-size: 1.4em;
		line-height: 2.1;
		padding: 8px 0;
	}
	
	.list-items-block, .job-description-block
	{
		padding: 30px 0 80px 0;
	}

	.job-description-block ul li
	{
		font-size: 1.4em;
		line-height: 2.2;
		padding: 8px 0 0;
		/*line-height: 1.6;
		padding: 8px 0;*/
	}
	

	.list-item-spacer
	{
		padding: 0 0 45px 15px;
	}
		
	.career-spacer {
		padding-bottom: 20px;
	
	}
	
	.desktop-right
	{
		float: right;
	}
	
	.bio-intro
	{
		font-size: 1.7em;
		line-height: 2;
		padding: 20px 0 0;
	}
	
	.team-bio
	{
		margin: 0 -40px 100px
	}

	.mobile-centered
	{
		text-align: left;
		margin-left: 0;
		margin-right: 0;
	}

	.custom-break {
		display: block;
	}
	
	.who-we-helped
	{
		padding: 65px 0px 60px;
	}
	.apply-block {
		padding: 40px 0 43px 0;
	}
}

@media only screen and (min-width : 992px) {
	
	header nav li a
	{
		font-size: 4em;
		line-height: 1.4
	}	
	
	.hr-small-thin {
	    margin: 10px 0px 25px;
	}
	
	.we-help-clients {
		padding: 60px 0px 90px;
	}
	
	.we-help-clients h2, .meet-the-team h2, .who-we-helped h2, .contact h2, .contact-home h2
	{
		text-transform: none;
		font: 400 3em "adelle";
		letter-spacing: 0.02em		
	}
	
	.meet-the-team
	{
		padding: 120px 0
	}
	.meet-the-team p {
	    font-size: 1.9em;
	}
	
	.what-we-do p
	{
		font-size: 1.4em;
		padding: 0 0 5px
	}
	
	.what-we-do ul li
	{
		font-size: 1.4em
	}
	
	.intro-home
	{
		font-family: "adelle";
		color: #000;
		height: 86%;
		max-height: 780px;
		position: relative;
		width: 100%;
		background:  url(../img/home-intro.jpg) no-repeat;
		z-index: 5;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover
	}
	
	.desktop-show-alt
	{
		display: block
	}
	
	.mobile-show-alt
	{
		display: none
	}
	.mobile-centered-alt
	{
		text-align: left;
		margin-left: 0;
		margin-right: 0
	}
	.contact-sub-text,
  .work-sub-text
	{
		font-size: 1.4em;
		padding: 10px 0 30px
	}	

}

@media only screen and (min-width : 1025px) {
	
	.container
	{
		width: 100%;
		max-width: 1084px
	}
	
	header nav
	{
		padding: 70px 90px
	}
	
	header nav li a
	{
		font-size: 5em;
		line-height: 1.4
	}
	
	.ie8 header nav li a, .ie9 header nav li a
	{
		font-size: 3.8em;
		line-height: 1.4
	}
	
	.intro-content
	{
		padding: 0 15px
	}
}

#our-work
{
	display: block;
	/* height: 460px; */
}

#our-work .img-link
{
	display: block;
}

#our-work .img-link img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#our-work .hr-small
{
	margin-bottom: 20px;
}

/* nih */
#our-work .nih-slide
{
	background-color: #7bb512;
}

/* vcu */
#our-work .vcu-slide
{
	background-color: #FFCF11;
}

#our-work .feature{
  /* color: #ffffff;
  background-color: #1073b9; */
}


@media only screen 
and (min-width : 550px) {
	#our-work
	{
		display: block;
		/* height: 700px; */
	}
}

@media only screen 
and (min-width : 768px){
	
	#our-work
	{
		display: block;
		/* height: 780px; */
	}
	
}

/*animate*/
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARmmzoE.
*/

.animated {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -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;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(42px);
    -ms-transform: scale(.475) translateX(42px);
    transform: scale(.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-42px);
    -ms-transform: scale(.475) translateX(-42px);
    transform: scale(.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}


/*MM */
@-webkit-keyframes moveUp {
  0%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@keyframes moveUp {
  0%{
    opacity: 1;	
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 1;  	
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

.moveUp {
  -webkit-animation-name: moveUp;
  animation-name: moveUp;
}


@-webkit-keyframes moveUp-b {
  0%{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

@keyframes moveUp-b {
  0%{
    opacity: 1;	
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: .9;  	
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

.moveUp-b {
  -webkit-animation-name: moveUp-b;
  animation-name: moveUp-b;
}


@keyframes mmzoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  100% {
    opacity: 1;  
    -webkit-transform: scale(.97);
    -ms-transform: scale(.97);
    transform: scale(.97);
  }

}

.mmzoomOut {
  -webkit-animation-name: mmzoomOut;
  animation-name: mmzoomOut;
}