/* Vistek Global CSS **
Styles defined in this file are to be used globally in the site.
All standard formatting and default layout of the site should be defined here.

Global Site Layout should be defined in the lower half section of this file.
Layout/Style: 
	Site Structure (Header, Footer, Content areas)
	Home Page Default Layout (not specialized: use camerastore.css, procentre.css, etc instead)
	Category Page Default Layout (not specialized layouts: use css/section/category.css file instead)
	Results Page
	Search Results Page
	Detail Page, Details v2 Page (if specialized to item, use css/webcodes/[webcode].css file instead)
	
Exclude styles in this file if they are the following:
1. Style is specific to the section (ie: camerastore.css, procentre.css, provideo.css, digitalphoto.css) are better choices.
2. Navigation Styles: only defined in nav.css (all styles are contained in here - the navs will be properly subclassed)
	This includes menu navigation and side navigation.
3. For a Specific page and will never be used anywhere else:  (but you still want to use an external css file) 
	use the following format:  css/section/pagename.css (ex.: css/camerastore/default.css, css/brandpages/manfrotto.css).

As soon as this file gets beyond 500 lines, it must be analyzed to reduce the styles. (Sadly our last globalstyle.css was into the 2100s of lines)
*************/
/*=COLOUR GUIDE
-------------------------------------------------------------------------
	Normal Text: #333
	Primary Link Colour: #2768a0
	Copyright Text: #666
*/
/*=RESET
-------------------------------------------------------------------------*/
body, div, span, p, ul, ol, dl, li, dd, dt, th, td, table, img, h1, h2, h3, h4, h5, h6, fieldset	{
	margin: 0;
	padding: 0;
}
img, table, fieldset	{
	border: 0;
}
ul {
	list-style: none;
}
/*=BODY
-------------------------------------------------------------------------*/
body {
	background:#8D8D8D url(//d1c86o3nm55du5.cloudfront.net/images/navig/mainnav/bgmain.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
/*=====LINKS=====*/
a {
	color: #2768a0;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
/*=TYPOGRAPHY
-------------------------------------------------------------------------*/
/*=====GENERAL TEXT=====*/
p, li, td, th	{
	font-size: 11px;
	line-height: 16px;
}
/*=====HEADERS=====*/
h1	{
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	margin: 0 0 18px 0;
	padding: 0;
}
h1.h1_rrdark	{
	height: 30px;
	clear: both;
	margin:0;
	padding: 0 11px;
	background: url(../images/bg_h1.gif) no-repeat left top;
	color: #fff;
	font-size: 13px;
	line-height: 24px;
	
}
h1.h1_rrdark a {
	color:#fff;
}
h1.h1_rrdark span	{
	display: none;
}

h2	{
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin: 9px 0;
	color:#3A6187;
}
h3	{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin: 9px auto;
}
h3.sidenav_header {
	margin:0;
	padding:0;
	width:167px;
	display:block;
	padding-left:8px;
	color:#fff;
	font-weight:bold;
	line-height:25px;
	font-size:13px;
	background:#494949 url(//d1c86o3nm55du5.cloudfront.net/images/navig/sidenav/sidenav_h3bg.png) no-repeat top left;	
}
h3.sidenav_header a {
	line-height:25px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
h3.header_taller /*Two-line sidenav header*/ {
	height:38px;
	line-height:19px;
	background:#494949 url(//d1c86o3nm55du5.cloudfront.net/images/navig/sidenav/sidenav_h3bg_long.png) no-repeat top left;
}
h3.header_taller a {
	line-height:19px;
}
h3.sidenav_header a:hover {
	color:#EFF8FF;
	text-decoration:underline;
}
h4	{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 0;
}
h5	{
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}
/*=====PARAGRAPHS=====*/
p	{
	line-height: 18px;
	margin: 0 0 18px 0;
}
p.headpara	{
	font-size: 12px;	
	line-height: 18px;
	color: #666;
}
p.copyright	{
	font-size: 10px;
	line-height: 14.4px;
	color: #666;
	clear: both;
	padding-top: 36px;
}
/*=====LIST (HORIZONTAL)=====*/
ul.horizontal	{
	list-style: none;
}
ul.horizontal li	{
	width: 23%;
	line-height: 18px;
	float:left;
	margin-right: 1%;
}
/*=====LIST (BULLETED)=====*/
ul.bulleted	{
	list-style: disc;
	margin: 0 0 18px 15px;
}
ul.normallist	{
	list-style:disc;
	margin: 0 0 10px 15px;
	padding: 0;
}
/*
ul.normallist li	{
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background: url(/images/bullet_blue.gif) no-repeat 0 -1px;
}
*/
/*=====LIST (DEFINITION)=====*/
dt	{
	font-weight: bold;
}
/*=====LIST (HIGHLIGHTED=====*/
ul.list_highlight	{
	margin: 0 0 18px 0;
	padding: 0;
	border-top: 1px solid #f0f0f0;
	width: 100%;
}
ul.list_highlight li	{
	border-bottom: 1px solid #f0f0f0;
	line-height: 18px;
	margin: 0;
	padding: 0;
}
ul.list_highlight li a	{
	display: block;
	padding: 9px 11px 9px 22px;
	background-color: #fff;
}

ul.list_highlight li a:hover	{
	background-color: #f4f9fd;
}
/*=====PRICE FORMATTING=====*/
.price	{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding-right: 4px;
}
.savings	{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #900;
	padding-right: 4px;
}
.regprice {
	text-decoration:line-through;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding-right: 4px;
}
.rebate	{
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	color: #666;
	padding: 0;	
}
.webcode	{
	font-size: 10px;
	color: #666;
	font-variant: small-caps;
	line-height: 18px;
}
/*=====INLINE STYLES=====*/
em	{
	font-style: italic;
}
.date	{
	font-size: 10px;
	line-height: 18px;
	color: #666;
}
.nobold	{
	font-weight: normal;
}
div.signed	{
	margin-bottom: 18px;
}
div.signed div	{
	margin-bottom: 0;
}
.smalltext	{
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 14px;
}
code	{
	font-size: 10px;
	display: block;
	margin-bottom: 18px;
}
.red, .error	{
	color:#990000;
	font-weight: bold;
}
/*=LAYOUT
-------------------------------------------------------------------------*/
#container	{
	margin: 0 auto;
	width: 991px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/navig/mainnav/bd_shade.png) repeat-y 50% 0;
	
}
/*=====SINGLE COLUMN=====*/
#content_full	{
	margin: 0 auto;	
	width: 909px;
	background: #fff;
}
/*=====TWO COLUMN CONTENT=====*/
#content_twocol	{
	margin: 0 auto;	
	width: 931px;
	background: #fff;
}
#right	{
	width: 736px;
	float: right;
	overflow: hidden; /*overflow-x?*/
	padding-bottom: 36px;
}
#left	{
	width: 175px;
	margin-left: 9px;
	overflow: hidden; /*overflow-x?*/
}
/*=====TWO COLUMN LOGIN=====*/
#content_twocol450	{
	background: url(//d1c86o3nm55du5.cloudfront.net/bg_round450_grad.gif) no-repeat left top;
	width: 909px;
	margin: 9px 41px 0 41px;
	padding: 0;
	overflow: hidden;
}
#content_twocol450_left	{
	width: 331px;
	margin: 0 9px 0 0;
	padding: 0;
	float: left;
}
#content_twocol450_right	{
	width: 549px;
	margin: 0;
	padding: 0;
	float: right;
}
#content_twocol450_left dl, #content_twocol450_left h1, #content_twocol450_left h2		{
	margin-left: 11px;
	margin-right: 11px;
}
#content_twocol450_left h1, #content_twocol450_left h2	{
	padding-top: 18px;
}
#content_twocol450_left h2	{
	margin-bottom: 18px;
}
#content_twocol450_right h1	{
	padding-top: 18px;
}
/*=====TWO COLUMN - CONTENT + RIGHT COLUMN=====*/
.content02_450_left	{
	width: 432px;
	margin: 0;
	padding: 0 18px 0 0;
	float: left;
}
.content02_264_right	{
	width: 264px;
	margin: 0;
	padding: 18px 0;
	float: left;
}
/*=====FOOTER=====*/
#footer	{
	width: 932px;
	height: 182px;
	clear: both;
	background-color: #333;
	padding: 0;
	margin: 0 auto;
}
#footer h4	{
	color: #fff;
}
#footer a	{
	border: 0;
	font-size: 11px;
	color: #ccc;
}
#footer a:hover	{
	text-decoration: underline;
}
div#footer div	{
	width: 173px;
	margin: 17px 0 0 11px;
	float: left;
}
div#footer div.footer_bg {
	background:url(//d1c86o3nm55du5.cloudfront.net/images/navig/footer_rbg.gif) no-repeat top left;
	text-align:center;
	height:130px;
	margin-top:30px;
	padding-top:8px;
}
div#footer div.footer_copy {
	width:700px;
	padding:5px 0 0 0;
	margin:5px 11px;
	border-top:1px solid #777;
	color:#888;
}
/*=====CAREERS=====*/
.careerlayout_02, .enewslayout	{
	width: 725px;
}
.careerlayout_left, .enewslayout_left	{
	width: 450px;
	float: left;
}
.careerlayout_right, .enewslayout_right	{
	width: 264px;
	float: right;
}
/*=NAV SYSTEMS
-------------------------------------------------------------------------*/
/*=====LEFT=====*/
/*Drop down menu links*/
.sidelist a.listitem:hover { 
	border-bottom:none;
	text-decoration:none;
}
.sidelist a { 
	margin:3px 0;
}
/*=====BREADCRUMBS=====*/
.breadcrumbs	{
	margin: 0 11px 0 0;
	padding: 4px 0;
	height: 18px;
	width: 725px;
}
.breadcrumbs li	{
	background: url(/images/bullet/bullet_grey.gif) no-repeat right top;
	padding-right: 18px;
	margin-left: 5px;
	float: left;
}
.breadcrumbs li.breadcrumbs_active	{
	background: none;
	font-weight: bold;
}
/*=DOCUMENT NAV
-------------------------------------------------------------------------*/
.backtotop	{
	clear: both;
}
/*GRAPHICAL HEADERS
-------------------------------------------------------------------------*/
.sectionheader	{
	width: 725px;
	height: 200px;
	margin-bottom: 9px;
}
/*===== LINK TO VISTEK.CA =====*/
div#header_weblink	{
	background: url(/about/images/head_weblink.jpg) no-repeat left top;
}
div#header_weblink h1, div#header_weblink p, div#header_weblink h4, div#header_weblink ul	{
	margin: 0 11px 0 300px;
}
div#header_weblink h1	{
	padding: 18px 0 9px 0;
}
div#header_weblink p	{
	margin-bottom: 18px;
}
/*=GRAPHICAL FORMAT
-------------------------------------------------------------------------*/
/*=====IMAGE FLOATS=====*/
.floatright	{
	float: right;
	margin: 0 0 18px 11px;
}
.floatleft	{
	float: left;
	margin: 0 11px 18px 0;
}
/*=====SOLID BORDERS=====*/
.dotborderright	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_dashed.gif) repeat-y right top;
}
/*=====DASHED BORDERS=====*/
.borderright_dash	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_dashed.gif) repeat-y right top;
}
.borderbottom_dash	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_dashed.gif) repeat-x left bottom;
}
/*=TABLES
-------------------------------------------------------------------------*/
/*=====SPECTABLE (SPECIFICATION TABLES=====*/
.SpecTable	{
	margin-bottom: 18px;
	border: 0;
	border-collapse:collapse;
	clear: both;
}
.SpecTable caption	{
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 9px;
	padding-top: 9px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.SpecTable th, .SpecTable td	{
	padding: 5px;
	vertical-align: top;
	text-align:left;
}
.SpecTable thead th, .SpecTable tr.SpecTableCategory {
	background-color: #f0f0f0;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	font-variant: small-caps;
}
.SpecTable tbody th	{
	font-weight: bold;
}
.SpecTable tbody th, .SpecTable tbody td	{
	border-bottom: 1px solid #ccc;
}
.SpecTable tfoot td	{
		font-weight: bold;
		font-size: 14px;
}
/*=====DATA TABLE======*/
.datatable	{
	margin-bottom: 18px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-collapse:collapse;
}
.datatable caption	{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	padding: 9px 0;
}
.datatable th, .datatable td	{
	padding: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: left;
	vertical-align: top;
}
.datatable thead th.data_prime	{
	background: #1d314f url(//d1c86o3nm55du5.cloudfront.net/images/tables/datatable_thead_th.png) repeat-x left top;
	color: #fff;
	font-size: 12px;
}
.datatable thead th.data_second	{
	background: #d3e4fc url(//d1c86o3nm55du5.cloudfront.net/images/tables/datatable_thead_th_sub.png) repeat-x left top;
}
.datatable tbody td	{
	background-color: #f7f7f7;
}
.datatable tbody th	{
	background-color: #f0f0f0;
}
/*=====SHIPPING=====*/
.canada_caption	{
	background: url(/about/images/flag_canada.gif) no-repeat left 50%;
	padding-left: 30px;
}
.usa_caption	{
	background: url(/about/images/flag_US.gif) no-repeat left 50%;
	padding-left: 30px;
}

/*=MODULES
-------------------------------------------------------------------------*/
/* Featured Items 'Grid' [4 items across w/ dotborderright] */
.featuredhomeitem 
{   
    float:left;
    width:168px;
	height:230px;
	margin:0 2px 30px 2px;
	padding:4px;
	overflow:hidden;
}
/*=====FEATURED PRODUCTS=====*/
#featuredprods	{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#featuredprods div	{
	width: 180px;
	float: left;
	margin: 0 0 9px 0;
	padding: 2px 0 0 0;
}
#featuredprods div div, #featuredprods div h5	{
	float: none;
}
#featuredprods div div.featuredprods_rebate, .featuredhomeitem .featuredprods_rebate {
	height: 18px;
	float: right;
	width: 40px;
	padding-right: 11px;
}
#featuredprods div div.featuredprods_logo, .featuredhomeitem .featuredprods_logo	{
	height: 18px;
	float: left;
	width: 115px;
	padding-left: 11px;
	margin-bottom: 2px;
}
#featuredprods div div.featuredprods_photo, .featuredhomeitem .featuredprods_photo	{
	height: 100px;
	clear: both;
	margin-bottom: 2px;
	overflow:hidden;
}
#featuredprods div div.featuredprods_photo img	{
	margin-left: 30px;
}
#featuredprods div div.featuredprods_freeshipb, .featuredhomeitem div.featuredprods_freeshipb {
	position:relative;
	z-index:2;
	top:-100px;
	left:0;
	height:100px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/free_shipb.png) top right no-repeat;
}
#featuredprods div h5		{
	font-weight:normal;
	line-height: 14.5px;
	height: 30px;
	padding: 0 11px;
	width: 158px;
	vertical-align: middle;
}
#featuredprods div div.featuredprods_pricing	{
	line-height: 18px;
	overflow: hidden;
	height: auto;
	padding: 0 11px;
	width: 158px;
}
#featuredprods div div.featuredprods_btns	{
	height: 18px;
	padding: 0 11px;
	margin: 0;
	width: 158px;
}
#featuredprods div div.featuredprods_btns a	{
	display: block;
	width: 78px;
}
#featuredprods div.featuredprods_image, .featuredhomeitem div.featuredprods_image{
	height:100px;
	text-align:center;
	float:none;
	margin:8px 0;
	overflow:hidden;
}
/* Make the price big */
.featuredprods_pricing .price, .featuredprods_pricing .savings {
	font-size:17px;
    letter-spacing:-1px;
}
/*=====SHOP BY BRAND=====*/
#shopbybrand	{
	margin: 0;
	padding: 0;
	width: 736px;
}
#shopbybrand div.shopbybrand_itemcontainer	{
	height: 162px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_round174_border.gif) no-repeat left bottom;
	margin: 0 9px 9px 0;
	padding: 0;
	float: left;
	width: 173px;
}
#shopbybrand div.shopbybrand_item	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_round174_border.gif) no-repeat left top;
	height: 126px;
	width: 173px;
}
#shopbybrand div.shopbybrand_item img	{
	margin-top: 9px;
}
#shopbybrand img	{
	margin-left: 11px;
}
/*=====SIDENAV=====*/
.sidenav	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/sidenav/sidenav_linksbg.png) no-repeat left top;
	padding-top: 9px;
}
.sidenav ul li a	{
	color: #333;
}
.sidenav ul li a:hover	{
	color: #2768a0;
}

.sidenav h4	{
	margin:0 0 0 8px;
	padding-bottom: 0;
}
.sidenav ul	{
	padding:0 0 8px 8px;
}
.sidenav ul li a.all {
	font-weight:normal;
	color:#2768A0;
	/* color: #777; */
}
/*==RELATED ITEMS==*/
ul.relateditems li a {
	font-weight:bold;
	color: #777;
	display:block;
	padding-left:37px;
	height:30px;
	line-height:30px;
}
ul.sidenav_brandshowcase li {
	background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/sidenav/sidenav_hline.gif) repeat-x left top;
}
ul.sidenav_brandshowcase li a {
	display:block;
	text-align:right;
	height:26px;
	line-height:26px;
	padding-right:9px;
}
ul.sidenav_brandshowcase li a img {
	margin:4px 5px 0 0;
}
.level2	{
	font-size: 1.091em;
	font-weight: bold;
	line-height: 1.5em;
	margin-top: 8px;
}
.level2title {
	margin-top:0px;
}
.pcount	{
	color: #666;
	font-size: 1em;
}
.sidenav_relateditems {
	background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/sidenav/sidenav_linksbg_related.png) no-repeat left top;
	padding-top:15px;
}
.sidenav_relateditems ul	{
	padding:0 0 10px 4px;
}
.sidenav_linksview {
	padding:1px 0 8px 8px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/sidenav/linksview_bg.png) no-repeat left top;
	position:relative;
}
.sidenav_linksview div {
	width:168px;
	position:relative;
}
.sidenav_linksview .level2 a {
	color:#000;
}
.level2view {
	display:block;
	padding-left:13px;
	background:url(../images/icons/tree_plus.gif) no-repeat left 50%;
}
.level2view_selected {
	display:block;
	padding-left:13px;
	background:url(../images/icons/tree_minus.gif) no-repeat left 50%;
}
.linksview_menu {
	padding:0;
	position:relative;
	display:none;
}
.linksview_display { 
	padding:0;
	position:relative;
	display:block;
}
/*======ABOUT LOCATIONS=====*/
#about_locations	{
	margin: 0 0 18px 0;
	padding: 0;
}
#about_stores div	{
	width: 230px;
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}
/* Button */
a.icon_bookmark {
	line-height: 20px;
	padding-left:94px;
	margin-right: 11px;
	height:20px;
	display: block;
	background: transparent url(../images/icons/bookmark_btn.png) no-repeat left 50%;
}
a.icon_bookmark span {
	display:none;
}

/*=====GENERIC BORDERED MODULE: 725px=====*/
.round725_border	{		
	width: 725px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_round725_border.gif) no-repeat left bottom;
	overflow: hidden;
	margin: 0 0 9px 0;
	padding: 0 0 18px 0;
	clear: both;
}
.round725_border h2	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_round725_border.gif) no-repeat left top;
	padding: 18px 11px;
	height: 18px;
	margin: 0;
}
.round725_border h4, .round725_border p, .round725_border ul	{
	margin-left: 11px;
	margin-right: 11px;
}
.round725_border .floatright	{
	margin-right: 11px;
}
/*======GENERIC SHADED MODULE: 725=====*/
.round725_shaded	{		
	width: 725px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_round725_shaded.gif) no-repeat left bottom;
	overflow: hidden;
	padding: 0 0 18px 0;
	margin: 0 0 9px 0;
}
.round725_shaded h2	{
	height: 18px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_round725_shaded.gif) no-repeat left top;
	padding: 18px 11px;
	margin: 0;
}
.round725_shaded div	{
	padding: 0 11px;
}
.round725_shaded div div, .round725_shaded div div div	{
	padding: 0;
}
/*=====GENERIC GRADIENT MODULE: 725px=====*/
.round725_grad	{		
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_round725_grad.gif) no-repeat left top;
	padding: 18px 11px;
	margin: 0 0 9px 0;
}
.round725_grad	.floatright	{
	margin-right: 22px;
}
/*=====ADDRESS=====*/
div.address	{
	margin: 0 0 18px 0;
}
/*=====FLOATED BOX=====*/
.floatboxright	{
	width: 280px;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	padding-bottom: 36px;
	padding-top: 18px;
	margin-bottom: 18px;
	float: right;
	margin-left: 11px;
}
.floatboxright h2, .floatboxright h3, .floatboxright h4, .floatboxright h5, .floatboxright h6, .floatboxright p, .floatboxright table, .floatboxright caption	{
	margin-left: 11px;
	margin-right: 11px;
}
.floatboxleft ul, .floatboxright ul, .floatboxleft ol, .floatboxright ol	{
	margin-left: 30px;
	margin-right: 20px;
}
/*=====GENERIC THREE COLUMN CONTENT MODULE=====*/
.content03	{
	overflow: hidden;
	margin: 0 0 18px 0;
	padding: 0;
}
.content03 div	{
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
}
.content03 div div	{
	width: 100%;
}
.content03 div h4	{
	margin-left: 0;	
	padding: 0;
}
.content03 div .address 	{
	margin-bottom: 18px;
}
.content03 div .address div{
	line-height: 18px;
	margin-bottom: 0;
}
/*=====GENERIC TWO COLUMN CONTENT OF EQUAL WIDTH=====*/
.content02_equal	{
	overflow: hidden;
}
.content02_equal div	{
	float: left;
	width: 46%;
	margin-right: 11px;
}
.content02_equal div div	{
	float: none;
	width: 100%;
}
/*=====GENERIC SINGLE COLUMN CONTENT=====*/
.content01	{
	margin-bottom: 18px;
	padding-bottom: 18px;
	width: 714px;
}
/*=====GENERIC FOUR COLUMNS OF EQUAL WIDTH=====*/
.content04	{
	margin: 9px 0 18px 0;
}
.content04 div	{
	width: 25%;
	float: left;
}
.content04 div div	{
	width: 100%;
	margin-right: 0;
}
/*=====GENERIC TWO COLUMN SHADED MODULE=====*/
.round450_grad	{
	width: 725px;
	margin: 0;
	padding: 0;
	clear: both;		
}
.round450_grad div	{
	float: left;
}
.round450_grad_left	{
	width: 438px;
	background:url(../deals/images/clearance_gradient.jpg) no-repeat left top;
	padding: 18px 11px;
	margin:0;
}
.round450_grad_right	{
	width: 265px;
	padding: 0;
	margin: 0;	
	background:url(../deals/images/bg_rightclearance.jpg) no-repeat 0 0;
}
.round450_grad_left h3, .round450_grad_left h4, .round450_grad_left p, .round450_grad_left li, .round450_grad_left dl, .round450_grad_left caption	{
	margin-left: 11px;
	margin-right: 11px;
}
.round450_grad_right h2, .round450_grad_right h3, .round450_grad_right caption, .round450_grad_right p	{
	margin-left: 11px;
	margin-right: 11px;
}
.round450_grad_right h2	{
	margin-top: 18px;
}
/*=TABS
-------------------------------------------------------------------------*/
.maintabs	{
	float:left;
	width:100%;
	background: #fff url(//d1c86o3nm55du5.cloudfront.net/images/tabs_border.gif) repeat-x left bottom;
	line-height:normal;
}
.maintabs ul	{
	margin:0;
	padding:9px 9px 0;
	list-style:none;
}
.maintabs li	{
	display: inline;
	margin: 0;
	padding: 0;	
}
.maintabs a	{
	float:left;
	margin:0 0 0 2px;
	padding:0;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/tabs.gif) no-repeat right top;
	text-decoration: none;
	font-size:12px;
}
.maintabs a span	{
	display:block;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/tabs_left.gif) no-repeat left top;
	padding:5px 12px;
	margin: 0;
	text-decoration: none;
	color: #333;
}
.maintabs .maintabs_active a, .maintabs .maintabs_active a:hover	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/tabs.gif) no-repeat right -252px;
	font-weight: bold;
}
.maintabs .maintabs_active a span, .maintabs .maintabs_active a:hover span	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/tabs_left.gif) no-repeat left -252px;
	padding-bottom:5px;
}
.maintabs a:hover	{
	background-position: right -168px;
	color: #fff;
}
.maintabs a:hover span	{
	background-position: left -168px;
	color: #fff;
}
.maintabs .maintabs_active a:hover span	{
	color: #055aaa;
}
/*=RESULT
-------------------------------------------------------------------------*/
/*=====Refine Results Formatting=====*/
.refine_resultstitle {
	float:left;
	padding:0;
}
.refine_resultstitle h2 {
	margin:13px 0 2px 11px;
	font-weight:normal;
	color:#000;
	padding:0;
}
.refine_searchwithin {
	float:right;
	width:340px;
	margin-top:9px;
}
.refine_searchwithin input {
	width:130px;
}
.refine_brandpages {

}
ul.refine_brandshowcase li {
	background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/sidenav/sidenav_hline.gif) repeat-x left top;
}
ul.refine_brandshowcase li a {
	display:block;
	text-align:right;
	height:26px;
	line-height:26px;
	padding-right:9px;
	width:147px;
}
div.refine {
	float:left;
	margin:4px 11px 0px 11px;
}
div.refine_links ul {
	float:left;
	margin-right:8px;
}
/*======Results page formatting=====*/
.results-header {
	width:725px;
	height:25px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/navig/h1_bg.jpg) no-repeat;
}
.results-header h4 {
	color:#fff;
	display:inline;
	float:left;
	line-height:25px;
	margin-left:10px;
}
.results-header h4 a {
	color:#eee;
	text-decoration:underline;
}
span.results-changelayout {
	float:right;
	display:block;
	margin-top:4px;
	margin-right:10px;
	color:#fff;
}
span.results-changelayout img {
	border:1px solid #ccc;
}
.refinelinks {
	background-color:#f0f0f0;
	line-height:25px;
	width:725px;
	margin-bottom:10px;
}
.refinelinks span {
	margin-left:10px;
}
.results-paging {
	float:right;
	margin-right:10px;
}
.paging a {
	border:1px solid #ccc;
	background-color:#f0f0f0;
	padding:2px 3px;
}
.paging a:hover {
	border:1px solid #555;
	background-color:#fff;
	color:#555;
}
a.switchLayout {
	text-decoration:none;
	line-height:16px;
	height:14px;
	width:16px;
	background:url(/images/icons/grid_view_icon.png) no-repeat left top;
	display:inline;
}
.refine-scroll {
	height:190px;
	overflow:scroll;
	overflow-y: scroll;
	overflow-x: hidden;
}
.refine-showall { 
	display:none;
}
/*=====Results Layout formatting=====*/
.r-listings	{
	float: left;
}
.r-listings_head p	{
	margin-bottom: 9px;
}
.results	{
	float: left;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/bg_dashed.gif) repeat-x left bottom;
	padding-top: 8px;
}
.r-image {
	float:left;
	width:120px;
	padding-bottom: 8px;
	text-align:center;
	height:100px;
}
.r-webcode	{
	color:#555;
}
.r-mfrcode {
	color:#777;
	font-size:10px;
}
.r-rebate {
	font-size:12px;
	font-weight: bold;
	color:#990000;
}
.r-text	{
	margin-left: 11px;
	width: 371px;
	float: left;
}
.r-shortcopy {
	display:block;
	/* height:55px; */
}
.r-addcart {
	float:left;
	width: 159px;
	margin-left: 11px;
}
.r-price {
	margin:6px 0;
}
.r-price rebate {
	display:block;
}
.r-buttons {
	margin:0;
}
.r-avail {
	margin-top:3px;
	display:block;
	float:left;
}
.r-shipping {
	color:#006600;
	font-weight:bold;
	margin-bottom:3px;
}
.r-iconlist {
	clear:left;
	padding-bottom:3px;
	margin-top:3px;
	font-weight:bold;
}
.r-iconlist  a {
	border-left:1px solid #ccc;
	padding-left:8px;
	padding-right:8px;
	/*background:url(/images/icons/results_smchk.png) no-repeat top left; */
}
.r-iconlist  a:first-child {
	border:none;
	padding-left:0;
}
.results-grid {
	float:left;
	width:170px;
	height:335px;
	margin:0 5px;
}
.results-grid .r-shortcopy {
	display:none;
}
.results-grid .r-text {
	float:none;
	width:auto;
}
.results-grid .r-link {
}
.results-grid .r-avail {
	display:block;
	height:26px; /* two lines min */
}
.results-grid .r-iconlist {
	padding-bottom:3px;
}
.results-grid .r-image {
	float:none;
	width:auto;
}
.results-grid .r-addcart {
	float:none;
	width: auto;
	margin-top:4px;
}
/*======RESULTS PAGE NAVIGATION=====*/
.r-pagenav	{
	list-style: none;
	float: right;
}
.r-pagenav li	{
	float: left;
	margin-left: 5px;
}
.r-pagenav li a	{
	display: block;
	background-color: #f7f7f7;
	color: #666;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.636em;
	border: 1px solid #f0f0f0;
}
.r-pagenav li a:hover	{
	background-color: #f0f0f0;
	color: #666;
	text-decoration: none;
	border: 1px solid #ccc;
}
.r-sortbg	{
	float: left;
	/*background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/white_tab_container_bg.gif) repeat-x left top;*/
	/*margin-bottom: 9px;*/
	width: 725px;
}
.r-listings p.r-sortpara	{
	margin-left: 11px;
	margin-bottom: 1.636em;
	clear: both;
}
.r-listingfooter	{
	width: 725px;
}
.r-listingfooter ul	{
	margin: 9px;
}
/*=====RESULTS TABS=====*/
.r-sort ul	{
	float: left;
	/*margin-bottom: 18px;*/
	width: 725px;
	margin-left: 5px;
}
.r-sort li	{
	float: left;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/white_tab_inactive.gif) no-repeat left top;
	padding-left: 11px;
	margin-right: 5px;
}
.r-sort li a	{
	display: block;
	line-height: 36px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/white_tab_inactive.gif) no-repeat right top;
	padding-right: 11px;
	font-size: 1.091em;
	line-height: 2.25em;
	font-weight: bold;
	color: #666;
}
.r-sort li a:hover	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/white_tab_hover.gif) no-repeat right top;
	color: #900;
	text-decoration: none;
}
.r-sort li.r-sort_active	{
	background: url(..//d1c86o3nm55du5.cloudfront.net/images/navig/white_tab.gif) no-repeat left top;
	border-bottom: 1px solid #fff;
}
.r-sort li.r-sort_active a	{
	color: #2768a0;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/navig/white_tab.gif) no-repeat right top;
}
/*=CATEGORY PAGES
-------------------------------------------------------------------------*/
div.categorypage	{
	width: 725px;
	margin-bottom: 9px;
	overflow:hidden;
	clear: both;
}
div.categorypage .a1, div.categorypage .a1 .a1_bg	{
	width: 541px;
	height: 180px;
	float: left;
}
div.categorypage .a2	{
	width: 173px;
	height:180px;
	float: left;
	margin-left: 11px;
	overflow:hidden; /* for div ontop of div solution */
}
div.categorypage .a1 .a1_bg {
	background:url(//d1c86o3nm55du5.cloudfront.net/images/bg_a1.png) no-repeat left top;
}
div.categorypage .a1 .a1_ad_bg {
	background:url(//d1c86o3nm55du5.cloudfront.net/images/bg_a1.png) no-repeat left top;
	position:relative;
	z-index:3;
	width: 541px;
	height: 180px;
	left:0px;
	top:-180px;
}
div.categorypage .a1 .a1_ad {
	z-index:2;
	position:relative;
	width: 541px;
	height:180px;
	left:0px;
	top:0px;
}
div.categorypage .a2 .a2_ad {
	z-index:2;
	position:relative;
	width: 173px;
	height:180px;
	left:0px;
	top:0px;
}
div.categorypage .a2 .a2_bg{
	position:relative;
	z-index:3;
	width: 173px;
	height: 180px;
	left:0px;
	top:-180px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/bg_a2.png) no-repeat left top;
}

div.categorypage	{
	margin-bottom: 18px;
}
/* Category Page Style */
/* a1 and a2 areas */
.categorypage .a1 h1 {
	margin:10px 0 2px 20px;
}
.categorypage .a1 .s1menu ul {  /* Inside Category Page A1 */
	float:left;
	padding-left:20px;
}
.categorypage .a1 .slistmenu .s1menu ul { /* Brand dropdown */
	float:none;
	padding:4px 0 8px 8px;
}
.categorypage .s1menu .all {
	font-weight: bold;
	margin-left:0px;
}
.categorypage .s1menu a {
	color:#2768A0;
}
.categorypage div.a1 div.a1_shopbybrand {
	padding-left:20px;
}
/*ROUNDED CORNERS 725px - FEATURED PRODUCTS, CATEGORY PRODUCTS, OTHER WRITTEN SECTIONS*/
/*MAIN ROUNDCONTENT DIV*/
div.roundcontent725	{
	width: 736px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_roundedcorners.gif) no-repeat left bottom;
	margin-bottom: 9px;
	clear: both;
	padding-bottom: 18px;
	overflow: hidden;
}
div.roundcontent725 ul.horizontal li a	{
	margin-left: 11px;
}
div.roundcontent725 img.floatright	{
	margin-right: 22px;
}
div.roundcontent725 p	{
	margin-left: 11px;
}
div.roundcontent725 h1	{
	margin-left: 11px;
}
div.roundcontent725_title	{
	width: 250px;
	float:left;
}
/*CATEGORY*/
div.roundcontent {
	margin: 9px 0 0 0;
	width:725px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/bg_roundcontentv.gif) no-repeat left top;
	text-align:left;
}
div.roundcontent_title {
	float:left;
	width:240px; /* 175px - 10px padding for each of 3 */
	padding:0;
}
.roundcontent_item {
	float:left;
	width:150px;
	/*height:130px; */
	margin-top:8px;
	padding:0 2px 0 8px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/roundcontent_line.png) no-repeat left top;
	text-align:center;
}
.roundcontent_item_url {
	/*height:30px;  approx 2 lines */
	text-align:left;
	margin-left: 11px;
}
.roundcontent_item_url a {
	line-height:normal;
}
.roundedcontent_item .price	{
	display: block;
}
.roundcontent_item4 {
	float:left;
	width:151px;
	margin-top:8px;
	padding:0 10px 0 16px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/roundcontent_line.png) no-repeat left top; 
	text-align:center;
}
.roundcontent_content {
	width:705px;
	margin:10px;
}
.roundcontent_listitem {
	text-align:left;
}
.roundcontent_btm {
	clear:both;
	width:725px;
	height:8px;
	background-image:url(//d1c86o3nm55du5.cloudfront.net/images/bg_roundcontent_btm.gif);
	background-color:#fff;
	font-size:1px;
}
div.roundcontent_grad {
	margin: 9px 0 0 0;
	width:725px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/bg_roundcontent_grad.png) no-repeat left top;
	text-align:left;
}
div.roundcontent_alpha {
	margin: 9px 0 0 0;
	width:725px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/bg_roundcontentv.png) no-repeat left top;
	text-align:left;
}
div.roundcontent_alpha div.roundcontent_btm {
	background:url(//d1c86o3nm55du5.cloudfront.net/images/bg_roundcontent_btm.png) no-repeat left top;
}
/* just for the title to match the concept */
.roundcontent_title h2 {
	margin:10px 0 2px 10px;
	font-weight:normal;
	color:#2768A0;
	padding:0;
}
.roundcontent_title a {
	margin-left:10px;
	font-weight:normal;
	color:#333;
	text-decoration:underline;
}
.roundcontent_descr { margin-left:10px; }
/*ALPHABETICAL - GLOSSARY OR DIRECTORY 
-------------------------------------------------------------------------*/
div.alpha_nav	{
	height: 18px;
	margin-bottom: 18px;
}
div.alpha_nav ul	{
	list-style: none;
	display: inline;
}
div.alpha_nav ul li	{
	float: left;
	margin-left: 5px;
}
div.alpha_nav ul li a	{
	display: block;
	background-color: #f7f7f7;
	color: #666;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.636em;
	border: 1px solid #f0f0f0;
}
div.alpha_nav ul li a:hover	{
	background-color: #f0f0f0;
	color: #666;
	text-decoration: none;
	border: 1px solid #ccc;
}
.alpha_head	{
	height: 36px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/bg_dashed.gif) repeat-x 0 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	clear: both;
}
.alpha_items div	{
	height: 200px;
	margin-right: 28px;
}
.alpha_items div img	{
	margin-right: 11px;
}
.alpha_itemsmanuf div	{
	height: 250px;
	margin-right: 28px;
}
.alpha_itemsmanuf div img	{
	margin-right: 11px;
}

.alpha_items div div	{
	
}
/*=GLOSSARY
-------------------------------------------------------------------------*/
dl.glossary	{
	margin-bottom: 18px;
}
dl.glossary dt	{
	line-height: 18px;
	font-weight: bold;
	font-size: 12px;
}
dl.glossary dd	{
	line-height: 18px;
	font-size: 11px;
}
h2.glossary	{
	text-transform: uppercase;
	font-weight: bold;
}
/*=DETAILED PAGES
-------------------------------------------------------------------------*/
.productinfo ul {
	list-style: disc;
	margin: 0 0 18px 15px;
}
.detail_photo	{
	padding: 18px 11px;
	margin: 9px 11px;
	width: 406px;
}
.detail_photo img	{
	margin: 0 98px;
}
/*=ADS
-------------------------------------------------------------------------*/
/*=====HOMEPAGE ADS=====*/
div.homepage	{
	width: 736px;
	overflow: hidden;
	clear: both;
	margin: 0 0 9px 0;
	padding: 0;
}


/*bigger ad*/
div.homepage .a1	{
	width: 540px;
	height: 180px;
	float: left;
	background: none;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
#ad_a1_nav  
{
    z-index: 10; position: relative; bottom: 25px; left: 11px;
}
#ad_a1_nav a
{
    margin: 0 4px;  
    border: 1px solid #777;
    border-radius:3px; 
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    float: left;
    text-indent: -1000em;
}
#ad_a1_nav a.activeSlide, #ad_a1_nav a:hover { background: #2768A0 }

/*smaller ad*/
div.homepage .a2	{
	width: 173px;
	height:180px;
	float: left;
	overflow:hidden; /* for div ontop of div solution */
	margin: 0 0 0 11px;
	padding: 0;
}
div.homepage .a2 .a2_ad {
	z-index:2;
	position:relative;
	width: 173px;
	height:180px;
	left:0px;
	top:0px;
}
div.homepage .a2 .a2_bg{
	position:relative;
	z-index:3;
	width: 173px;
	height: 180px;
	left:0px;
	top:-180px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/bg_a2.png) no-repeat left top;
}
/*=====AD ROTATION=====*/
.display_ad { 
	width:541px; /* same as ad images */
	height:180px; 
	display:none;  }
.display_ad_default { display:block; }
.display_ad_container { 
	width:541px; /* same as ad images */
	height:180px;
	overflow:hidden;
}
#display_ad_menu {
	width:100px;
	height:20px;
	position:relative;
	top:-20px;
	left:4px;
	z-index:4;
}
#display_ad_menu a {
	color:#fff;
	background-color:#999;
	font-weight:bold;
	padding:2px 4px;
	border:1px solid #ccc;
}
#display_ad_menu a.display_ad_num_selected {
	color:#fff;
	background-color:#ddd;
}
/*=====SIDE ADS=====*/
.sideads img	{
	margin-bottom: 6px;
}
.sideads img, .sideads div img	{
	border: 0;
}
/*=BUTTONS 
-------------------------------------------------------------------------*/
a.btn_readmore span, a.btn_buynow span, a.btn_rentit span, a.btn_viewpdf, a.btn_register	{
	display: none;
	height: 20px;
}
a.btn_readmore	{	
	height: 20px;
	width: 78px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/buttons/btn_moreinfo.gif) no-repeat left top;
	float: left;
}
a.btn_buynow	{
	height: 20px;
	width: 78px;
	background:url(//d1c86o3nm55du5.cloudfront.net/images/buttons/btn_addcart.gif) no-repeat left top;
	float: right;
}

a.btn_viewpdf	{
	height: 20px;
	width: 78px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/buttons/btn_viewpdf.gif) no-repeat left top;
	float: left;
}
a.btn_register	{
	height: 20px;
	width: 78px;
	background: url(//d1c86o3nm55du5.cloudfront.net/images/buttons/btn_register.gif) no-repeat left top;
	float: left;
}
a.btn_readmore:hover	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/buttons/btn_moreinfo_ovr.gif) no-repeat left top;
}
a.btn_buynow:hover	{
	background:url(//d1c86o3nm55du5.cloudfront.net/images/buttons/btn_addcart_ovr.gif) no-repeat left top;
}
a.btn_viewpdf:hover	{
	background:url(//d1c86o3nm55du5.cloudfront.net/images/buttons/btn_viewpdf_ovr.gif) no-repeat left top;
}
a.btn_register:hover	{
	background: url(//d1c86o3nm55du5.cloudfront.net/images/buttons/btn_register_ovr.gif) no-repeat left top;
}
a.btn_viewpdf span, a.btn_register span	{
	display: none;
}
/*=MISCELLANEOUS STYLES
-------------------------------------------------------------------------*/
.clear	{
	clear: both;
}
.noborder	{
	border: 0;
}
.block	{
	display: block;
}
/*=====SCANALERT=====*/
#scanalert_code	{
	text-align:center;
	padding:4px;
}
#scanalert_code img	{
	border:none;
	margin:0;
}
/*=FORMS
-------------------------------------------------------------------------*/
fieldset	{
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset ol {
	list-style:none;
}
legend	{
	margin: 0;
	padding: 0;
	color: #333;
}
ol li	{
	margin: 0;
	padding: 0;
}
label	{
	line-height: 18px;
}
.validate	{
	line-height: 18px;
	color: #f00;
	display:block;
}
/*=====LOGIN FORM=====*/
.form_login	{
	margin: 18px 11px 0 11px;
	padding:0;
}
.form_login_submit	{
	margin: 0 11px;
	padding: 0;
}
.form_login legend	{
	margin: 0 0 18px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
	color: #333;
}
.form_login ol li	{
	margin: 0 0 9px 0;
	padding: 0;
}
.form_login label	{
	display: block;
	width: 10em;
	float: left;
}
.form_login .validate	{
	display: block;
	margin: 0 0 0 10em;
	padding: 0;
}
/*=====LONG FORM=====*/
.form_longform	{
	margin: 0 0 9px 0;
	padding: 0;
}
.form_submit	{
	margin: 0 11px 18px 0;
	padding: 0;
}
.form_longform legend	{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin: 0 0 9px 0;
	padding: 0;
}
.form_longform ol	{
	margin: 0;
	padding: 0;
}
.form_longform ol li	{
	margin: 0 0 9px 0;
	padding: 0;
	clear: both;
}
.form_longform label	{
	width: 150px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
.form_longform input.textfield	{
	float: left;
	margin: 0;
	padding: 0;
}
.form_longform .chkbx label	{
	text-align: left;
	display: inline;
	float: none;
	margin-left: 11px;
}
.form_longform .validate	{
	margin-left: 150px;
	display: block;
	clear: both;
}
/*=====SIDESEARCH=====*/
.form_sidesearch	{
	margin: 18px 11px 0 11px;
	padding: 0;
}
.form_longform_submit	{
	margin: 0 11px 18px 11px;
	padding: 0;
}
.form_sidesearch legend	{
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
	margin: 0 0 18px 0;
	padding: 0;
	color: #333;
}
.form_sidesearch ol li	{
	margin: 0 0 9px 0;
	padding: 0;
}
.form_sidesearch label	{
	display: block;
}
/*=====SIDE REGISTRATION FORM=====*/
.form_sidereg	{
	margin: 0 11px 18px 11px;
	padding: 0;
}
.form_sidereg legend	{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #333;
	margin: 0 0 9px 0;
	padding: 0;
}
.form_sidereg label	{
	display: block;
	margin: 0 11px 0 0;
	padding: 0;
}
.form_sidereg .validate	{
	display: block;
}
/*=====CHECKBOXES=====*/
.form_chkbx	{
	margin: 0 11px 18px 11px;
	padding: 0;
}
.form_chkbx legend	{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #333;
	margin: 0 0 9px 0;
	padding: 0;	
}
.form_chkbx fieldset	{
	margin: 0 0 9px 0;
	padding: 0;
}
.form_chkbx fieldset legend	{
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
	padding: 0;
}
.form_chkbx fieldset ol	{
	margin: 0;
	padding: 0;
}
.form_chkbx fieldset li	{
	clear: both;
	margin: 0;
	padding: 0;
}
.form_chkbx fieldset label	{
	float: left;
}
.form_chkbx input	{
	float: left;
	clear: both;
}
/*=====TWO COLUMN FORMS=====*/
.form_fiftypercent	{
	width: 45%;
	margin: 0 1% 18px 0;
	padding: 0;
	float: left;
}
.form_fiftypercent li	{
	margin: 0 0 9px 0;
	padding: 0;
}
.form_fiftypercent legend	{
	margin: 0 0 9px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
.form_fiftypercent label	{
	margin: 0;
	padding: 0;
	display: block;
	width: 120px;
	float: left;
	clear: both;
}
.form_fiftypercent fieldset	{
	width: 100%;
	margin: 0 0 9px 0;
	padding: 0;
}
.form_fiftypercent fieldset legend	{
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.form_fiftypercent fieldset li	{
	float: left;
	margin: 0 9px 0 0;
	padding: 0;
}
/*=====FLOATBREAK=====*/
.form_floatbreak	{
	clear: both;
}
.form_floatbreak legend	{
	margin: 0 0 9px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
/*=====CONTACT FORM=====*/
.form_contactform	{
	margin: 0 0 18px 0;
	padding: 0;
}
.form_contactform legend	{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 18px 0;
	padding: 0;
}
.form_contactform li	{
	margin: 0 0 9px 0;
	padding: 0;
}
.form_contactform label	{
	display: block;
}
/*=====COLUMN FLOATS=====*/
.form_3colfloats	{
	clear: both;
}
.form_3colfloats legend	{
	clear: both;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 9px 0;
	padding: 0;
}
.form_3colfloats fieldset	{
	width: 30%;
	background-color: #f3f3f3;
	border: 1px solid #f0f0f0;
	margin: 0 9px 0 0;
	padding: 1%;
	float: left;
	clear: none;
	height: 198px;
}
.form_3colfloats fieldset ol	{
	margin: 0 0 18px 0;
	padding: 0;
}
.form_3colfloats fieldset label	{
	display: block;
}
.form_3colfloats fieldset .btn_field	{
	margin: 0 0 9px 11px;
	padding: 0;
}
/*=====MULTIPLE TXTBOX=====*/
.form_multitxt input	{
	margin: 0 9px 0 0;
	padding: 0;
}
.form_multitxt ul	{
	margin: 0 0 18px 0;
	padding: 0;
}
.form_multitxt ul li	{
	margin: 0 0 9px 0;
	padding: 0;
}
.form_multitxt legend	{
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 9px 0;
	padding: 0;
}
/*=====HORIZONTAL=====*/
.form_horizontal	{
	margin: 0;
	padding: 0 0 18px 0;
}
.form_horizontal legend	{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 18px 0;
	padding: 0;
}
.form_horizontal li	{
	width: 28%;
	float: left;
	margin: 0 9px 1% 0;
	padding: 0;
}
.form_horizontal label	{
	display: block;
}
.round725_grad .form_horizontal	{
	margin: 0 11px 18px 11px;
}
.round725_grad .form_horizontal legend	{
	margin-top: 18px;
}
/*=====SLIM FORM=====*/
.form_slimform	{
	margin: 0;
	padding: 0;
}
.form_slimform ol	{
	margin: 0;
	padding: 0;
}
.form_slimform li	{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
}
.form_slimform legend	{
	font-size: 14px; 
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0;
}
.form_slimform label	{
	display: block;
	line-height: 18px;
}
div.socialmedia
{
    padding-bottom:5px;
    padding-top:10px;
}
div.socialmedia img
{
    /*padding:4px;*/
}
div.socialmedia img:last
{
    padding-right:0px;
}
a.social-icons {
	margin-right: 5px; /*Adjust This Value As Needed*/
}

a.social-icons:hover {
	opacity: .7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

ul.listcols {
    list-style: none;
}
ul.listcols li {
  float:left;
    margin-left: 6px;
}
.mobilelinks, #mainnav-mobile {
    display: none;
}

/* Photofinishing */
    div.photofinishing-map-left{
        float:left;
        width:48%;
    }
    
    div.photofinishing-map-right{
        float:right;
        width:48%;
    }
    div.photofinishing-locations{
        float: left; 
        margin-left: 8px; 
        width: 30%;
    }
    div.photofinishing-prints-container{
        width:98%;
        border-top:16px solid #2D2D2D;
    }
    div.photofinishing-prints-left,div.photofinishing-prints-mid,div.photofinishing-prints-right{
        margin-top:8px;
        float: left;
        width: 30%;        
    }
    div.photofinishing-prints-mid{
        float: left;
        margin-left:4%;
    }
    div.photofinishing-prints-right{
        float: right;
        margin-right:8px;
    }

    /*Commercial*/
    div.two-col-container{
        width:725px;
    }
    div.two-col-container div.left{
        float:left;
        width:457px;
    }
    div.two-col-container div.right{
        float:right;
        width:238px;
        margin-right:8px;
    }

    /* Enews */
    #enews_head	{
	background: url(../enews/images/head_enews.jpg) no-repeat left top;
    background-size: 100%;
    /*width:100%;*/
	}
	#enews_head img	{
		margin-left: 11px;
	}	
	#enews_head h1	{
		padding: 36px 22px 0 280px;
		margin: 0 0 18px 0;
	}
	#enews_head p	{
		padding: 0 22px 36px 280px;
		font-size: 12px;
		color: #666;
	}
    div.enews_container div.mobile_welcome
    {
        display:none;
    }
	div.enews_container .enewslayout	{
		background: url(../images/bg_round725_grad.gif) no-repeat left top;
		overflow: hidden;
	}
	div.enews_container fieldset	{
		border: 0;
	}
	div.enews_container .enewslayout_left	{
		
    }
    div.enews_container .enewslayout_left h1	{
	    margin: 0;
	    padding: 18px 11px 9px 11px;
    }
    div.enews_container .enewslayout_left h3, .enewslayout_left p	{
	    padding-left: 11px;
	    padding-right: 11px;
    }
    div.enews_container .enewslayout_right	{
	    padding: 27px 0 0 0;
    }
    div.enews_container .enewslayout_right h2	{
	    margin-left: 11px;
    }
    div.enews_container .enewslayout_right .form_longform	{
	    margin: 0 11px 18px 11px;
    }
    div.enews_container .form_chkbx legend	{
	    font-size: 11px;
	    font-weight: normal;
    }
    div.enews_container .form_longform li	{
	    margin: 0 0 9px 0;
	    padding: 0;
	    line-height: 18px;
    }
    div.enews_container .form_longform li .textfield	{
	    margin-bottom: 9px;
    }
    div.enews_container .style1 {	font-size: 18px;
	    font-weight: bold;
    }
    div.enews_container .style25 {font-size: 10px;}
    div.enews_container .style3 {
	    font-size: 26px;
	    line-height: 26px;
    }
    div.enews_container .style4 {background: url(../images/bg5050.jpg) no-repeat left top; overflow: hidden; font-weight: bold; }
    div.enewsSignUpHorizontal
    {
        background: url(../images/bg_round725_grad.gif) no-repeat left top; overflow:hidden;margin-top:12px;
    }
    div.enewsSignUpHorizontal .wrapper
    {
        padding: 18px 11px 9px 11px;
    }
    div.enewsSignUpHorizontal .wrapper .enewsHorLeft
    {
        width:48%;
        float:left;
    }
    div.enewsSignUpHorizontal .wrapper .enewsHorRight
    {
        width:48%;
        float:left;
    }
    div.enewsSignUpHorizontal .wrapper .txtfield
    {
        float:left;
        width:23%;
        margin-right:2%;
        margin-top:8px;
    }
    div.enewsSignUpHorizontal .wrapper .txtfield label
    {
        font-size:15px;
    }
    div.enewsSignUpHorizontal .wrapper .txtfield input
    {
        width:100%;
        height:20px;
        font-size:18px;
    }
    div.enewsSignUpHorizontal .wrapper .chkSections
    {
        float:left;
        width:30%;
        margin-right:23px;
    }
    div.enewsSignUpHorizontal .wrapper .subSections
    {
        width:50%;        
        text-align:justify;
        
    }
    div.enewsSignUpHorizontal .wrapper .pastPurchase
    {
        float: left; 
        text-align: center; 
        font-size: 15px;
        width:60%;
        padding-top:24px;
    }
    div.enewsSignUpHorizontal .wrapper .pastPurchase .rdoPastPurchase
    {
        display:inline;
    }
    div.enewsSignUpHorizontal .wrapper .submit
    {
        float: right; 
        padding-top: 7.5px; 
        width: 223px;
    }
    div.enewsSignUpHorizontal .wrapper .subSections ul li label
    {
        font-size:15px;
    }

    div.enewsSignUpHorizontal .wrapper .chkLast
    {

    }
    div.enewsSignUpHorizontal .wrapper .signUp
    {
        padding-top:10px;
    }
    div.enews_container div.title
    {
        float:left;
        width:45%;
    }
    div.enews_container div.share
    {
        float:right;
        width:43%;
        padding-top:9px;
        padding-bottom:12px;
    }
    div.enews_container div.share div
    {
        float:left;
    }
    
    div.clr
    {
        clear:both;
    }
    /* Warrenty */
    #header_warranty	{
		width: 725px;
	}
	.warranty .sectionheader p,.warranty .sectionheader h1,.warranty .sectionheader ul	{	
	padding-top: 0;
	padding-right: 297px;
	padding-left: 22px;
	color: #fff;
}
.warranty .sectionheader h1		{
	margin-bottom: 9px;
	padding-top: 18px;
}
.warranty .sectionheader p,.warranty .sectionheader li	{
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}
.warranty .warranty-left
{
    float:left;
    width:149px;
}
.warranty .warranty-right
{
    float:left;
    width:502px;
    padding-left:21px;
}

/* Home Page */
#frmEnewsSignUp
{
    display:block;
}
#EnewsSignUpMobile
{
    display:none;
    width:100%;
}

/* gift cards */
	#giftcard_head	{
		background: url(images/head_giftcard.jpg) no-repeat left top;
		height: 360px;
	}
	#giftcard_head h1, #giftcard_head p, #giftcard_head h3	{
		color: #fff;
		font-weight: bold;
		padding: 0 425px 0 22px;
		margin: 0;
	}
	#giftcard_head h1 span	{
	font-size: 14px; 
	font-weight: normal;
	color: #666;
	line-height: 18px;
	margin-bottom: 0;
	display: block;
}
	#giftcard_head h1	{
		padding-top: 36px;
		padding-bottom: 18px;
	}
	#giftcard_head p	{
		margin-bottom: 18px;
	}
	#giftcard_head h1 span	{
		color: #fff;
	}
    .gifth1{
        color: #087CC7;
        font-size:24px;
    }
    .gift_right_container
    {
        width: 737px; padding: 6px;
    }
    .gift_right_container .gc 
    {
        float: left; width: 235px;
    }
    .gift_right_container .gc1
    {
        margin-left:10px;padding: 0;
    }
    .gift_right_container .gc h3,.gift_right_container .gc div
    {
        padding:5px;
    }
    .gift_right_container .gc2
    {
        padding: 0 0 0 5px;
    }
    .gift_right_container .gc3
    {
        padding: 0 0 0 5px;
    }
/*.style1 {color: #087CC7}*/
/* Safe shopping */
	div#header_safeshopping	{
		background: url(/about/images/header_safeshopping.jpg) no-repeat left top;
	}
	div#header_safeshopping h1, div#header_safeshopping p, div#header_safeshopping ul	{
		margin: 0 11px 9px 260px;
	}
	div#header_safeshopping h1	{
		padding-top: 18px;
	}
	div#header_safeshopping ul li	{
		margin-left: 11px;	
	}
/* Contact */
.contact-page div#header_contact	{
	background: url(images/header_contactlocations.jpg) no-repeat left top;
}
.contact-page div#header_contact h1, div#header_contact p	{
	margin: 0 20px 0 334px;
}
.contact-page div#header_contact h1	{
	padding: 18px 0;
}
.contact-page div#header_contact p	{
	line-height: 18px;
	font-size: 12px;
	color: #666;
}
.contact-page .threecol {
	float:left;
	width:32%;
	margin-left:6px;
}
.contact-page .address_leftcol {
	float:left;
	width:308px;
}
.contact-page .address_rightcol {
	float:left;
	width:400px;
	margin-left:5px;
}
.contact-page .address_slideshow {
	width:400px;
	height:312px;
	z-index:auto;
}
.contact-page .address_map {
	width:300px;
	height:312px;
	margin:0;
}
.contact-page .address_top {
	height:130px;
}
.contact-page .about_maplinks {
	line-height:16px;margin-bottom:3px;
}
.contact-page .infowindow{ display:block; }
.contact-page .infowindow form { margin:0; padding:0;  }
.contact-page .slideshow_header { line-height:32px;border-top:1px dotted #eee; }
.contact-page .bigphone {color: #2768A0}
.contact-page .style3 {color: #333333}
.contact-page .style4 {color: #666666}
.contact-page .style7 {font-size: 18px}
.contact-page .style8 {font-size: 18px; color: #2768A0; }
.contact-page .style9 {font-size: 20px}
.contact-page .style10 {font-size: 20px; color: #2768A0; }
.contact-page .error { color:Red; background-color:#FEFFE6; border: 2px solid Red; padding:6px; width:95%;margin-bottom:4px;display:none}

#contact_hours{
    position:relative;
    background:#FFF no-repeat top center;    
    width:320px;
    margin: 20px auto;
    border: 1px solid black;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
/*Magnific animate fade */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

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

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

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

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

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

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

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

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

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

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

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

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

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

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

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

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

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

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

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

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

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

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

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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