/*
Theme Name: Memories
Theme URI: http://www.cssigniter.com/ignite/themes/memories/
Author: the CSSIgniter team
Author URI: http://www.cssigniter.com/
Description: A Photography Theme for WordPress
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* -----------------------------------------
	Table of Contents
--------------------------------------------

.. General
.. Header
.. Main Navigation
.. Homepage Specific Styles
.. Galleries Specifc Stlyes
.. Footer
.. Comments
.. Widgets Styling
.. Helpers, WordPress defaults, Generic Items
.. Mobile Menu
.. External Plugins

*/


/* -----------------------------------------
	General
----------------------------------------- */

body {
	font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	color: #FFF;
}

h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; }
h6 { font-size: 12px; }

.main-title { text-align: left; font-size: 30px; padding: 15px 0; margin-bottom:0; letter-spacing: -1px; }

p.article-intro { 
	font-size:18px;
	font-weight:bold; 
}

a, a:visited, a:focus {
	border: none;
	transition: color 0.18s ease, background-color 0.18s ease;
}


/* -----------------------------------------
	Header
----------------------------------------- */
.header {
	padding:30px 0 0;
}

.header hr {
	margin: 30px 0 0;
}

.logo h1 {
	font-size:36px;
	letter-spacing: -2px;
	margin-bottom:0;
}

.logo h2 { 
	font-size:18px;
	font-weight:normal;
	color:#767676;
}

/* -----------------------------------------
	Main Navigation
----------------------------------------- */
#nav { } /* Navigation Container */

#navigation {
	list-style: none;
	position:absolute;
	right: 5px;
	top:37px;
}

#navigation a, #navigation a:visited { font-size:18px; } /* Global Menu Link Styles */

#navigation a:hover,
#navigation .sfHover > a,
#navigation .sfHover > a:visited { } /* First Level & Global Menu Link Hover Styles */

#navigation > li > a,
#navigation > li > a:visited { margin:0 10px; } /* First Level Menu Link Styles */

#navigation > li ul a,
#navigation > li ul a:visited { font-size: 14px; } /* All Other Menu Level Link Styles */

#navigation > li ul a:hover,
#navigation > li ul .sfHover > a,
#navigation > li ul .sfHover > a:visited { } /* All Other Level Menu Link Hover Styles */

#navigation > li.current_page_item > a,
#navigation > li.current_page_item > a:visited,
#navigation > li.current-menu-item > a,
#navigation > li.current-menu-item > a:visited,
#navigation > li.current-menu-ancestor > a,
#navigation > li.current-menu-ancestor > a:visited{ } /* WordPress Current/Ancestor Page Styles */

#navigation ul { list-style: none; background: #222; padding: 10px 25px 10px 25px; border: 1px solid #2E2E2E; } /* All Lower Level Menu Container Styles */


#navigation a.sf-with-ul {
	padding-right: 18px;
	position: relative;
	margin-right:0;
}

/* Styling for navigation arrows  ---------- */
#navigation a:hover:after ,
#navigation > .sfHover > a.sf-with-ul:after,
#navigation > .sfHover > a.sf-with-ul:visited {
	border-top-color: #FFF;
}

#navigation > li.current_page_item > a.sf-with-ul:after,
#navigation > li.current_page_item > a.sf-with-ul:visited:after,
#navigation > li.current-menu-item > a.sf-with-ul:after,
#navigation > li.current-menu-item > a.sf-with-ul:visited:after {
	border-top-color: #fff;
}

.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 38%;
	right: 5px;
	height: 0;
	width: 0;
	margin-top: 1px;
	border: 4px solid transparent;
	border-top-color: #727272;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #202020;
}

/* Styling for right facing arrows  ---------- */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -2px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #202020;
	border-left-color: rgba(0,0,0,.5);
}

.sf-arrows ul > li .sf-with-ul:focus:after,
.sf-arrows ul > li:hover .sf-with-ul:after,
.sf-arrows ul > li.sfHover .sf-with-ul:after {
	border-left-color: #202020;
	border-top-color: transparent !important;
}

/* -----------------------------------------
	Homepage
----------------------------------------- */

.hero { margin-top: 30px; }

.slide h2 { 
	font-size:48px; 
	letter-spacing: -2px;
}

.slide-text {
	position:absolute;
	width:100%;
	top:45%;
	text-align: center; 
}

.slide-text a { 
	border-bottom:none;
	font-weight:bold;
	border:solid 3px #fff;
	border-radius:50px;
	display:inline-block;
	padding:5px 30px;
}

.slide-text a:hover {
	background: rgba(255,255,255,0.1);
	color:#fff;
}

/* -----------------------------------------
	Galleries
----------------------------------------- */
.list {
	list-style: none;
	margin:30px 0;	
}

.list a { 
	border-bottom:none;
	display:block;
}

.list img { 
	display:block; 
}

.four-col-list li:nth-last-child(-n+4) a{ 
	margin-bottom:0;
}

.three-col-list li:nth-last-child(-n+3) a{ 
	margin-bottom:0;
}

.gal h3 {
	font-size: 14px;
	margin: 0;
	line-height: 1;
	font-weight: normal;
}

.list li {
	margin-bottom: 30px;
}

.gal > a, .tiled-gallery-item {
	position: relative;
	display: block;
	line-height: 1;
}

.gal > a:after, .tiled-gallery-item:after {
	content: " ";
	position: absolute;
	background: url("images/image-overlay-link.png") no-repeat;
	width: 46px;
	height: 46px;

	top: 40%;
	left: 50%;
	opacity: 0;
	margin: -23px 0 0 -23px;
	cursor: pointer;

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.gal.zoom > a:after, .tiled-gallery-item:after {
	cursor: pointer;
	background: url("images/image-overlay-zoom.png") no-repeat;
}

.collage { padding: 5px; }
.collage li { margin: 0; padding: 0;}

.gal img, .tiled-gallery-item img {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.gal:hover > a:after, .tiled-gallery-item:hover:after {
	opacity: 1;
	top: 50%;
}

.gal:hover img, .tiled-gallery-item:hover img {
	opacity: 0.5;
}

.gal figcaption  {
	background: #131313;
	padding: 8px 12px;
	border: 1px solid #2E2E2E;
	border-top-width: 0;
}

.tiled-gallery-caption {
	background: #131313 !important;
	background: rgba(0,0,0,0.6) !important;
	color: #FFF !important;
}

.collage-item { margin: 5px; }

.gallery-item { margin: 0 0 10px 0; }

/* -----------------------------------------
	Content styles
----------------------------------------- */

.entry {
	margin-bottom: 50px;
	padding-bottom: 40px;
}

.entry:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.entry-title {
	font-size: 28px;
}

.entry-thumb {
	line-height: 0;
	margin-bottom: 20px;
}

.entry-meta {
	margin-bottom: 10px;
	font-size: 14px;
}

.entry-thumb a {
	border: none;
}

#main hr {
	margin-bottom: 30px;
}

.featured { 
	margin-bottom:30px; 
}

.entry hr {
	margin: 50px 0;
}

ul.lst {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}

ul.lst li {
	margin-bottom: 5px;
}

ul.lst p {
	font-size: 14px;
	margin-bottom: 15px;
}

/* Pagination */

#paging a, #paging span {
	font-size: 14px;
	padding: 8px 12px;
	border: 1px solid #2E2E2E;
	margin-right: 7px;
	background: #131313;
}

.entry table {
	width: 100%;
	font-size: 14px;
	border: 1px solid rgba(0,0,0,0.10);
}

.entry table th {
	background: rgba(0,0,0,0.15);
}

.entry table td,
.entry table th {
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* -----------------------------------------
	Footer
----------------------------------------- */
.footer { 
	padding:10px 0 10px 0;
}

.footer hr { margin: 10px 0 10px; }

.footer, .footer p { 
	font-size:13px; 
}

.footer .columns:last-child { 
	text-align: right; 
}


/* -----------------------------------------
   Comments
----------------------------------------- */
.post-comments { margin:40px 0 0 0; }
.post-comments h2 {  }
.post-comments ol, .post-comments ul { list-style: none; font-size:inherit;  }
.post-comments > ol { margin-left:0; margin-bottom:0; }
.post-comments li { margin:0 !important; padding:0 !important; background: none !important; position:relative; }
.post-comments .avatar { position:absolute; top:0; left:0; margin: 0 15px 5px 0; text-align: center; }
.post-comments .comment-text { margin-bottom: 30px; }
.post-comments > .comment-text:last-child { margin-bottom:0; }
.post-comments .comment-copy { margin-left: 80px;  padding: 15px; font-size: 13px; background: rgba(0,0,0,0.25); }
.post-comments .comment-copy p { margin-bottom:10px; }
.post-comments .comment-meta { font-weight: bold; margin-bottom:5px !important; }
.comment-reply-link, .btn-reply { display:inline-block; height:15px; padding:5px 5px 0 5px; position:relative; top:5px; font-weight:bold; font-size:10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); line-height: 1; }
.comment-reply-link:hover, .btn-reply:hover {  }
.comment-reply-link { font-size:10px; font-weight:bold; display:inline-block; border-radius:2px; margin-bottom:5px; }
#cancel-comment-reply-link { display:block; font-size:12px; margin-top: 5px; }
#cancel-comment-reply-link:hover { border:none; color: #000; }

.pp_inline label { display: inline; }
/* -----------------------------------------
   Comment Form
----------------------------------------- */
#form-wrapper {
	margin:40px 0 0 0;  }
#form-wrapper h2 { }
#form-wrapper form { margin-bottom:0; }
.post-form label { display:block; padding-bottom:5px; }
.post-form input[type=text] { width:80%; }
.post-form input[type=submit] { margin-bottom:0; }
.post-form textarea { width:90%; height:200px; }
#post-action { margin-bottom:0; }

.post-form input[type=text],
.post-form input[type=email],
.post-form textarea {
	border: 1px solid #2E2E2E;
	background: rgba(0,0,0,0.25);
	padding: 10px 15px;
	color: #c3c3c3;
	font-size: 14px;
}

input[type=submit],
.btn,
.btn:visited,
button {
	background: #131313;
	border: 1px solid #2E2E2E;
	color: #c3c3c3;
	font-size: 14px;
	padding: 12px 20px;
}

#comments h3 {
	font-size: 24px;
}

/* -----------------------------------------
	Widgets
----------------------------------------- */
.widget {
	margin-bottom: 40px;
	font-size: 14px;
}

#sidebar .widget:last-child {
	margin-bottom: 0;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin-bottom: 10px;
}

.widget ul li:last-of-type {
	margin-bottom: 0;
}

.widget h3, .widget-title {
	font-size: 19px;
}

.widget a,
.widget a:visited {
	border: none;
}


/* WIDGET: #Ads125
========================================= */
#ads125, .ads125 {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ads125 li,
.ads125 li {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	float: left;
	margin: 0 15px 10px 0;
	padding: 0;
	max-width: 125px;
}

/* WIDGET: #Search
========================================= */
.searchform { line-height: 1; position: relative; }
.searchform > div { position: relative; line-height: 1; }
.searchform .screen-reader-text { display: none; }

.searchform input[type=text] {
	border-radius: 0;
	margin: 0;
	width: 100%;
	font: inherit;
	line-height: 1;
	height: 40px;
	background: #131313;
	border-color: #2E2E2E;
	text-transform: none;
	color: #aaa;

	box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.5);
}

.searchsubmit {
	font-size: 14px;
	line-height: 0;
	padding: 3px 11px 2px;
	position: absolute;
	right: 0;
	top: 0;

	height: 100%;
	background: #131313;
	color: #aaaaaa;
	border: 1px solid #2E2E2E;
}

.searchsubmit:hover {

}

.searchsubmit:active {

}

/* WIDGET: #Flickr
========================================= */
.flickr_badge_image {
	float: left;
	margin: 0 15px 15px 0;
}

.flickr_badge_image a {
	display: block;
	line-height: 0;
}

.flickr_badge_image a:hover { }


/* WIDGET: #About
========================================= */
.widget_about {
	margin-top: -5px;
}

.widget_ci_about .alignleft {
	float: left;
	margin: 5px 10px 6px 0;
}

.widget_about .alignright {
	float: right;
	margin: 5px 0 6px 10px;
}

/* WIDGET: #Text Widget
========================================= */
.widget_text p:last-child {
	margin-bottom: 0;
}

/* WIDGET: #Twitter
========================================= */
.widget_ci_twitter_widget ul li {
	margin-bottom: 12px;
}

.widget_ci_twitter_widget .twitter-time {
	display: block;
	font-size: 0.85em;
}

/* WIDGET: #Calendar
================================================== */
#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	text-align: left;
	margin-top: 10px;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
	padding: 9px;
}

#wp-calendar thead {
	font-size: 10px;
}

#wp-calendar thead th {
	background: rgba(0, 0, 0, 0.1);
	font-weight: bold;
	padding: 8px;
}

#wp-calendar tbody { }
#wp-calendar tbody td { background: none; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; padding: 3px;}
#wp-calendar tbody td:hover { background: rgba(0, 0, 0, 0.1); }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar a { font-weight: bold; font-style: italic; }

/* ----------------------------------------------
	Helpers, WordPress Defaults, Generic Items
---------------------------------------------- */

/* WordPress Generated Classes
=================================== */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* General Form Styling
=================================== */

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {

}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {

}

/* Buttons
=================================== */

a.btn,
a.btn:visited,
input[type=submit].btn,
button.btn {
	line-height: normal;
	font-size: inherit;
	border: 1px solid #999;
	border-radius: 2px;
	vertical-align: middle;
	padding: 6px 17px;
	color: #444;
	background: #dadada;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);

	-webkit-transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
	-moz-transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
	-ms-transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
	-o-transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
	transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

a.btn:hover,
input[type=submit].btn:hover,
button.btn:hover {
	background: #E5E5E5;
}

a.btn:active,
input[type=submit].btn:active,
button.btn:active {
	box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.17);
}


/* -----------------------------------------
   MOBILE MENU
----------------------------------------- */

#mobile-bar {
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	background: #242628;
	background-image: linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);
	background-image: -o-linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(20,22,23) 1%, rgb(34,36,38) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(20,22,23)),
		color-stop(1, rgb(34,36,38))
	);
	padding: 15px 10px 0 10px;
	height: 48px;
	border-bottom: 1px solid rgba(0,0,0,0.8);
	box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
	display: none;
}

.menu-trigger,
.menu-trigger:focus {
	width: 24px;
	height: 21px;
	background: url(images/menu_trigger.png) no-repeat;
	cursor: pointer;
	opacity: 0.85;
	margin: 0;
	outline: none;
	position: absolute;
	left: 10px;
	top: 12px;
	border-bottom:none;
}
.menu-trigger:hover { opacity: 0.95; }
.menu-trigger:active { opacity: 1; }

.mob-title {
	color: #eeeeee;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px 0 rgba(0,0,0,1);
	line-height: 1;
	margin: 0;
	padding: 0;
}

.jPanelMenu-panel { background: none !important; padding-top: 48px; }
#jPanelMenu-menu { margin: 0; padding: 0; background: #2b2e30; border-right: 1px solid rgba(0,0,0,0.3); }
#jPanelMenu-menu ul { list-style: none; margin: 0; padding: 0; display: block !important; visibility: visible !important; }
#jPanelMenu-menu .sf-with-ul:after { display: none; }
#jPanelMenu-menu li { display: block; float: none; padding: 0; margin: 0; border: none; }
#jPanelMenu-menu > li:last-child {  border-bottom: 1px solid rgba(255,255,255,0.1); }
#jPanelMenu-menu a, #jPanelMenu-menu a:visited { padding: 12px 20px; display: block; border-bottom: 1px solid rgba(0,0,0,0.7); border-top: 1px solid rgba(255,255,255,0.1); color: #eeeeee; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 14px; text-shadow: 1px 1px 0 rgba(0,0,0,1); }
#jPanelMenu-menu a:hover {
	background-image: linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);
	background-image: -o-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(50,54,56) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(43,46,48)),
		color-stop(1, rgb(50,54,56))
	);
}
#jPanelMenu-menu a:active {
	background-image: linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);
	background-image: -o-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(43,46,48) 1%, rgb(34,36,38) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, rgb(43,46,48)),
		color-stop(1, rgb(34,36,38))
	);
}
#jPanelMenu-menu a:focus { outline: none; }
#jPanelMenu-menu li ul li a { padding: 9px 0 9px 30px; font-size: 12px; }
#jPanelMenu-menu li ul li ul li a { padding: 9px 0 9px 40px; font-size: 11px; }
#jPanelMenu-menu .sf-sub-indicator { display: none; }
#jPanelMenu-menu li.current-menu-item > a,
#jPanelMenu-menu li.current_page_item > a,
#jPanelMenu-menu li.current-menu-item > a:visited,
#jPanelMenu-menu li.current_page_item > a:visited { }

/* -----------------------------------------
	External Plugins
----------------------------------------- */

/* CollagePlus.js */

.effect-parent {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

/* EFFECT 1 */
.effect-1 {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	-moz-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly ease-in-out forwards;
	-moz-animation: fly ease-in-out forwards;
	animation: fly ease-in-out forwards;
}
@-webkit-keyframes fly {
	100% { -webkit-transform: rotateX(0deg); opacity: 1; -webkit-transform-origin:50% 50% 0; }
}

@-moz-keyframes fly {
	100% { -moz-transform: rotateX(0deg); opacity: 1; -moz-transform-origin:50% 50% 0; }
}

@keyframes fly {
	100% { transform: rotateX(0deg); opacity: 1; transform-origin:50% 50% 0; }
}



/* EFFECT 2 */
.effect-2 {
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp ease forwards;
	-moz-animation: moveUp ease forwards;
	animation: moveUp ease forwards;
}

@-webkit-keyframes moveUp {
	to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
	to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	to { transform: translateY(0); opacity: 1; }
}


/* EFFECT 3 */
.effect-3 {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective ease-in-out forwards;
	-moz-animation: fallPerspective ease-in-out forwards;
	animation: fallPerspective ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@-moz-keyframes fallPerspective {
	100% { -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
	100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}


/* EFFECT 4 */
.effect-4 {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	-moz-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip ease-in-out forwards;
	-moz-animation: flip ease-in-out forwards;
	animation: flip ease-in-out forwards;
}

@-webkit-keyframes flip {
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@-moz-keyframes flip {
	100% { -moz-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	100% { transform: rotateX(0deg); opacity: 1; }
}


/* EFFECT 5 */
.effect-5 {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: moveUp ease-in-out forwards;
	-moz-animation: moveUp ease-in-out forwards;
	animation: moveUp ease-in-out forwards;
}


/* EFFECT 6 */
.effect-6 {

	-webkit-transform:  scale(0.638) translate(-179px);
	-moz-transform:     scale(0.638) translate(-179px);
	transform:          scale(0.638) translate(-179px);

	-webkit-animation: moveUp ease-in-out forwards;
	-moz-animation: moveUp ease-in-out forwards;
	animation: moveUp ease-in-out forwards;
}





/* Universal durations */
.effect-duration-1{
	-webkit-animation-duration: .4s;
	-moz-animation-duration:    .4s;
	animation-duration:         .4s;
}
.effect-duration-2{
	-webkit-animation-duration: .5s;
	-moz-animation-duration:    .5s;
	animation-duration:         .5s;
}
.effect-duration-3{
	-webkit-animation-duration: .6s;
	-moz-animation-duration:    .6s;
	animation-duration:         .6s;
}
.effect-duration-4{
	-webkit-animation-duration: .7s;
	-moz-animation-duration:    .7s;
	animation-duration:         .7s;
}
.effect-duration-5{
	-webkit-animation-duration: .8s;
	-moz-animation-duration:    .8s;
	animation-duration:         .8s;
}
.effect-duration-6{
	-webkit-animation-duration: .9s;
	-moz-animation-duration:    .9s;
	animation-duration:         .9s;
}
.effect-duration-7{
	-webkit-animation-duration: .95s;
	-moz-animation-duration:    .95s;
	animation-duration:         .95s;
}
.effect-duration-8{
	-webkit-animation-duration: 1s;
	-moz-animation-duration:    1s;
	animation-duration:         1s;
}
.effect-duration-9{
	-webkit-animation-duration: 1.05s;
	-moz-animation-duration:    1.05s;
	animation-duration:         1.05s;
}
.effect-duration-10{
	-webkit-animation-duration: 1.1s;
	-moz-animation-duration:    1.1s;
	animation-duration:         1.1s;
}

/* Jetpack */
div.sharedaddy div.sd-block { border: none !important; }
.sharedaddy { margin: 30px 0 0 0; }
