/*
	Theme Name: Eleanor
	Theme URI: http://www.ollieandkay.com
	Description: Ollie and Kay
	Author: Ollie and Kay
	Author URI: http://www.ollieandkay.com

	Version: 1.0.0

	Tags: feminine, girly, blog, portfolio, ecommerce, recipe, customised, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

	Template: genesis
	Template Version: 2.3.0

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	Text Domain: ollie-and-kay
*/


/* # Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Containers
	- Column Widths and Positions
	- Column Classes
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Instagram - Footer
	- EasyRecipe
	- Crunchify
	- Jetpack
	- Related Posts
	- Social Icons - Sidebar
	- eNews & Jetpack - Sidebar
	- Search - Sidebar
	- Profile - Sidebar
	- eNews & Jetpack - Footer
	- Testimonial Rotator
	- WooCommerce
- Pages Styling
	- Front Page - Widget Areas
	- Front Page - Image Widget
	- Front Page - About You Widget
	- Front Page - Featured Posts
	- Front Page - WooCommerce Products
	- Blog Page - Widget Areas
	- Blog & Archive - Posts
	- Category Index
	- Featured Image - Single Post Page
	- Filterable Portfolio
	- 404
	- OllieandKay Extras
- Skip Links
- Site Header
	- Title Area
	- Widget Area
- Site Navigation
	- Accessible Menu
	- Site Header Navigation
	- After Header Navigation
	- Social Media Icons - Navigation
        - Animated Search Widget - Navigation
- Content Area
	- Entries
	- Entry Meta
	- Pagination
	- Comments
- Sidebars
- Site Footer
- Media Queries
	- Max-width: 1340px
	- Max-width: 1200px
	- Max-width: 1023px
	- Max-width: 860px
- Print Styles
*/


/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */


/* ## Baseline Normalize
--------------------------------------------- */


/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

template,
[hidden] {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: bold
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}


/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}


/* ## Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
    content: " ";
    display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
    clear: both;
    content: " ";
    display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */


/* ## Typographical Elements
--------------------------------------------- */

html {
    font-size: 62.5%;
    /* 10px browser default */
}


/* Chrome fix */

body>div {
    font-size: 12px;
    font-size: 1.2rem;
}

body {
    background: #fff;
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-font-smoothing: antialiased;
    font-weight: 200;
    letter-spacing: 1.3px;
    line-height: 2;
    margin: 0;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

textarea#comment {
    text-transform: none;
}

a {
    color: #c5768c;
    text-decoration: none;
}

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

p {
    margin: 0 0 28px;
    padding: 0;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

hr {
    border: 0;
    border-collapse: collapse;
    border-top: 1px solid #eee;
    clear: both;
    margin: 1em 0;
}

b,
strong {
    font-weight: 700;
}

blockquote,
cite,
em,
i {
    font-style: italic;
}

mark {
    background: #ddd;
    color: #000;
}

blockquote {
    font-family: 'Playfair Display', serif;
    font-size: 23px;
    margin: 20px;
    letter-spacing: 0;
    font-weight: 400;
}

blockquote::before {
    content: "\201C";
    display: block;
    font-size: 30px;
    font-size: 3rem;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
}


/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 10px;
}

h6 {    
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    margin: 15px 0;
}

h1 {
    font-size: 33px;
    font-size: 3.3rem;
}

h2 {
    font-size: 30px;
    font-size: 3rem;
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
}

h4 {
    font-size: 20px;
    font-size: 2rem;
}

h5 {
    font-size: 18px;
    font-size: 1.8rem;
}

h6 {
    font-size: 16px;
    font-size: 1.6rem;
}

.ollieandkay-title {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 10px;
    text-align: center;
    border-top: 1px solid #111;
    font-size: 18px;
}

.ollieandkay-title span {
    position: relative;
    top: -11px;
    padding: 0 10px;
    background: #fff;
}


/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}

img {
    height: auto;
}

figure {
    margin: 0;
}


/* ## Gallery
--------------------------------------------- */

.gallery {
    overflow: hidden;
}

.gallery-item {
    float: left;
    margin: 0 0 28px;
    text-align: center;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
    width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left;
}

.gallery img {
    border: 1px solid #eee;
    height: auto;
    padding: 4px;
}

.gallery img:focus,
.gallery img:hover {
    border: 1px solid #999;
}


/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
    background-color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 1px solid #ddd;
    color: #333;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400;
    padding: 10px;
    width: 100%;
}

input:focus,
textarea:focus {
    border: 1px solid #999;
    outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
    width: auto;
}

::-moz-placeholder {
    color: #333;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #333;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    border: 1px solid;
    border-color: #333;
    background: #333;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 10px;
    cursor: pointer;
    text-decoration: none;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:focus,
.button:hover {
    background: #fff;
    color: #000;
    border: 1px solid;
    border-color: #000;
}

.entry-content .button:focus,
.entry-content .button:hover {
    color: #fff;
}

.button {
    display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
    padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
    background-color: #eee;
    border-width: 0;
    color: #777;
    cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
    display: none;
}


/* ## Tables
--------------------------------------------- */

table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin-bottom: 40px;
    width: 100%;
    word-break: break-all;
}

tbody {
    border-bottom: 1px solid #eee;
}

td,
th {
    text-align: left;
}

td {
    border-top: 1px solid #eee;
    padding: 6px;
}

th {
    font-weight: 400;
    padding: 0 6px;
}

td:first-child,
th:first-child {
    padding-left: 0;
}


/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
    background: #fff;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #333;
    display: block;
    font-size: 1em;
    font-weight: bold;
    height: auto;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.more-link {
    font-family: 'Lato', sans-serif;
    display: table;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 10px;
    margin: 20px auto;
    background: #333;
    padding: 15px 30px;
    letter-spacing: 1px;
}

a.more-link {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    border: 1px solid;
    border-color: #333;
    background: #333;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 10px;
    cursor: pointer;
    text-decoration: none;
}

a:hover.more-link {
    background: #fff;
    color: #333;
}


/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */


/* ## Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
    margin: 0 auto;
    max-width: 1100px;
}

.site-inner {
    clear: both;
    padding-top: 0;
    word-wrap: break-word;
}

.landing-page .site-inner {
    max-width: 800px;
}


/* ## Column Widths and Positions
--------------------------------------------- */


/* ### Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
    width: 1060px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
    float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
    float: right;
}


/* ### Content */

.content {
    float: right;
    width: 790px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
    float: left;
}

.full-width-content .content {
    width: 100%;
}


/* ### Primary Sidebar */

.sidebar-primary {
    float: right;
    width: 300px;
}

.sidebar-content .sidebar-primary {
    float: left;
}


/* ## Column Classes
--------------------------------------------- */


/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    padding: 10px;
}

.one-half,
.three-sixths,
.two-fourths {
    width: 50%;
}

.one-third,
.two-sixths {
    width: 33.33%;
}

.four-sixths,
.two-thirds {
    width: 66.66%;
}

.one-fourth {
    width: 25%;
}

.three-fourths {
    width: 75%;
}

.one-sixth {
    width: 16.66%;
}

.five-sixths {
    width: 83%;
}

.first {
    clear: both;
    margin-left: 0;
}


/* # Common Classes
---------------------------------------------------------------------------------------------------- */


/* ## Avatar
--------------------------------------------- */

.avatar {
    border-radius: 50%;
    float: left;
}

.author-box .avatar,
.alignleft .avatar {
    margin-right: 10px;
}

.alignright .avatar {
    margin-left: 10px;
}

.comment .avatar {
    margin: 0 16px 24px 0;
}


/* ## Genesis
--------------------------------------------- */

.after-entry,
.archive-description {
    background-color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding: 10px;
}

.author-box {
    padding: 15px;
    margin: 20px 20px 30px 20px;
}

.author-box p {
    text-align: justify;
    font-size: 1.2rem;
    letter-spacing: 1.3px;
    line-height: 1.4;
}

.after-entry .widget-title {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    letter-spacing: 1.2px;
    font-size: 20px;
    text-align: center;
}

.after-entry .widget-title span {
    top: -15px;
}

.archive-description p:last-child,
.author-box p:last-child {
    margin-bottom: 0;
}


/* ## Search Form
--------------------------------------------- */

.search-form {
    overflow: hidden;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
    margin-top: 10px;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

form p {
    margin: 0 0 10px !Important;
}


/* ## Titles
--------------------------------------------- */

.archive-description .entry-title,
.archive-title,
.author-box-title {
    font-size: 20px;
    font-size: 2rem;
    text-align: left;
}

h1.entry-title,
h1.archive-title {
    font-family: 'Playfair Display', serif;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 1.5px;
}

.entry-title {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    text-align: center;
}

.entry-title a,
.sidebar .widget-title a {
    color: #333;
    text-decoration: none;
}

.entry-title a:focus,
.entry-title a:hover {
    color: #000;
}

.widget-title {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    border-top: 1px solid #111;
}

.widget-title span {
    position: relative;
    top: -7px;
    padding: 0 10px;
    background: #fff;
}


/* ## WordPress
--------------------------------------------- */

a.aligncenter img {
    display: block;
    margin: 0 auto;
}

a.alignnone {
    display: inline-block;
}

.alignleft {
    float: left;
    text-align: left;
}

.alignright {
    float: right;
    text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
    max-width: 100%;
}

img.centered,
.aligncenter {
    display: block;
    margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
    margin-bottom: 0;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
    margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
    margin: 0 0 24px 24px;
}

.gallery-caption,
.wp-caption-text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.entry-content {
    text-align: justify;
}

.entry-content p.wp-caption-text {
    margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
    margin: 0 0 28px;
}


/* # Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
    margin-bottom: 0;
    word-wrap: break-word;
}

.widget p:last-child,
.widget ul>li:last-of-type,
.widget-area .widget:last-of-type {
    margin-bottom: 0;
}

.widget ul>li {
    margin-bottom: 2px;
    padding-bottom: 2px;
    text-transform: uppercase;
    font-size: 11px;
}

.widget ul>li:last-of-type {
    padding-bottom: 0;
}

.widget ol>li {
    list-style-position: inside;
    list-style-type: decimal;
    padding-left: 20px;
    text-indent: -20px;
}

.widget li li {
    border: 0;
    margin: 0 0 0 30px;
    padding: 0;
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar td,
.widget_calendar th {
    text-align: center;
}


/* # Plugins
---------------------------------------------------------------------------------------------------- */


/* ## Instagram - Footer
--------------------------------------------- */

.footerwidgetheader-container .wrap {
    max-width: 100%;
    width: 100%;
}

.footerwidgetheader-container .widget_text::before {
    display: none;
}

.footerwidgetheader-container .widget-title span {
    top: 0;
    background: transparent;
    margin: 0;
}

.footerwidgetheader-container .widget-title {
    border: 0;
    font-size: 12px;
    width: 100%;
    text-align: center;
    background: #fdf3f4;
    margin-bottom: -28px;
    padding: 15px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #333;
}

#sb_instagram .sb_instagram_header {
    display: none;
}

.footerwidgetheader-container #sb_instagram {
    position: relative;
}

.footerwidgetheader-container #sb_instagram #sbi_load {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

#sb_instagram #sbi_load .sbi_load_btn {
    display: none !important;
}

#sb_instagram .sbi_follow_btn a {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 15px 30px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px !important;
    cursor: pointer;
    text-decoration: none;
    border-radius: 0 !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid !important;
    border-color: #000 !important;
}

#sb_instagram .sbi_follow_btn a:hover,
#sb_instagram #sbi_load .sbi_load_btn:hover,
#sb_instagram .sbi_follow_btn a:hover {
    background: #333 !important;
    color: #fff !important;
    border: 1px solid !important;
    border-color: #333 !important;
}

#sb_instagram .sbi_photo img {
    padding: 0 !important;
}

#sb_instagram #sbi_load .fa,
#sb_instagram .sbi_follow_btn .fa {
    font-size: 10px !important;
}


/* ## Easy Recipe
--------------------------------------------- */

div.easyrecipe {
    border: 1px solid #fdf3f4 !important;
}

.easyrecipe .ERSName {
    font-size: 24px !important;
    font-family: 'Playfair Display', serif !important;
}

.easyrecipe .ERSTimes {
    border-top: 1px solid #dcdcdc !important;
    border-bottom: 1px solid #dcdcdc !important;
}

.easyrecipe .ERSTimes .ERSTime .ERSTimeHeading {
    margin-bottom: 4px;
    text-transform: uppercase !important;
    font-size: 10px !important;
    font-weight: normal !important;
}

.easyrecipe .ERSTopRight img {
    border: 0 !important;
}

.easyrecipe .ERSIngredients .ERSIngredientsHeader,
.easyrecipe .ERSInstructions .ERSInstructionsHeader,
.easyrecipe .nutrition .ERSNutritionHeader,
.easyrecipe div .ERSNotesHeader {
    color: #c5768c !important;
    font-size: 15px !important;
    font-weight: normal !important;
    font-family: 'Playfair Display', serif !important;
}

div.easyrecipe {
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    color: #333 !important;
}

div.easyrecipe div.ERSSavePrint .ERSPrintBtnSpan .ERSPrintBtn,
div.easyrecipe div.ERSSavePrint .ERSSaveBtnSpan .ERSSaveBtn {
    text-transform: uppercase !important;
    font-size: 10px !important;
}

.ERComment {
    display: none !important;
}


/* ## Crunchify
--------------------------------------------- */

.crunchify-social {
    margin-top: 10px;
    text-align: center;
}

.crunchify-social h5 {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 400;
}

.crunchify-social .fa {
    color: #333;
    padding: 5px;
    font-size: 12px;
    text-decoration: none;
}


/* ## Jetpack
--------------------------------------------- */

#wpstats {
    display: none;
}

#jp-relatedposts {
    margin-top: 40px !important;
}

#jp-relatedposts h3.jp-relatedposts-headline em:before {
    display: none !important;
}

#jp-relatedposts h3.jp-relatedposts-headline {
    width: 100%;
    text-align: center;
}

#jp-relatedposts h3.jp-relatedposts-headline em {
    font-family: 'Playfair Display', serif;
    font-weight: 400 !important;
    letter-spacing: 1.2px;
    font-size: 30px;
}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
    margin-top: 10px !important;
    text-transform: uppercase !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 10px !important;
    letter-spacing: 1px;
    line-height: 1.3 !important;
    text-align: center;
}

#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a {
    color: #333;
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

#jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
    color: #333;
    text-decoration: none !important;
}

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
    font-family: 'Lato', sans-serif !important;
    font-size: 10px !important;
    text-align: center;
    text-transform: uppercase;
}


/* ## Related Posts
--------------------------------------------- */

.related-posts {
    overflow: hidden;
    margin: 20px 0;
}

.related-posts h3 {
    font-family: 'Playfair Display', serif;
    text-align: center;
    font-weight: 400 !important;
    letter-spacing: 1.2px;
    font-size: 30px;
}

.related-list li {
    line-height: 1.2;
    float: left;
    list-style-type: none;
    text-align: center;
    width: 25%;
    padding: 5px;
}

.related-list li a {
    color: #333;
    text-transform: uppercase;
    font-size: 10.5px;
    letter-spacing: .5px;
    line-height: 1.2;
    padding-top: 5px;
}

.related-list img {
    margin-bottom: 5px !important;
    display: block;
    margin: 0 auto;
}


/* ## Social Icons - Sidebar
--------------------------------------------- */

.sidebar .widget_wpcom_social_media_icons_widget .genericon {
    color: #333;
    display: inline;
    padding: 3px;
    font-size: 13px;
}

.sidebar .simple-social-icons ul li a {
    color: #333 !important;
    padding: 4px !important;
    font-size: 13px !important;
    background: none !important;
}

.simple-social-icons ul,
.simple-social-icons ul .alignright {
    text-align: center !important;
    float: none;
}

.sidebar .simple-social-icons ul li {
    margin: 0 !important;
}

.sidebar .simple-social-icons ul li a:hover,
.simple-social-icons ul li a:focus {
    background: none !important;
    color: #000 !important;
    border: 0 !important;
}


/* ## eNews & Jetpack - Sidebar
--------------------------------------------- */

.sidebar a {
    color: #333;
}

.sidebar .jetpack_subscription_widget,
.sidebar .enews-widget {
    padding: 20px !important;
    margin: 20px;
    background: #fdf3f4 !important;
}

.sidebar .jetpack_subscription_widget .widget-title,
.sidebar .enews .widget-title {
    display: block;
    border: 0;
    font-weight: 400;
}

.sidebar .jetpack_subscription_widget .widget-title span,
.sidebar .enews .widget-title span {
    background: transparent;
}

.sidebar .enews-widget .widget-wrap {
    max-width: 100%;
}

.sidebar .enews .widget-title {
    display: block;
}

.sidebar .enews input,
.sidebar .jetpack_subscription_widget p#subscribe-email {
    font-weight: 500;
    border: 1px solid #969696;
    color: #333;
    width: 100% !important;
}

.sidebar .enews input[type="submit"] {
    color: #fff;
    border-color: #333;
    width: 36%;
    padding: 9.5px;
    margin-top: 10px;
    width: 100%;
}

.sidebar .enews input[type="submit"]:hover {
    color: #333;
}

.sidebar .enews p,
.sidebar .jetpack_subscription_widget #subscribe-text {
    font-family: 'Poppins', sans-serif;
    width: 100% !important;
    font-size: 12px;
    margin: 5px 0;
}

.sidebar .enews input#subbutton,
.sidebar .jetpack_subscription_widget p#subscribe-submit {
    margin-left: 0 !important;
    width: 100% !important;
}

.sidebar .widget.jetpack_subscription_widget #subscribe-email input {
    width: 100% !important;
}

.sidebar p#subscribe-email {
    margin: 5px 0px !important;
}


/* ## Sidebar - Search
--------------------------------------------- */

.sidebar .widget_search {
    padding: 30px !important;
    background: #fdf3f4 !important;
    margin: 20px;
}

.sidebar .widget_search .widget-title {
    border: 0;
}

.sidebar .widget_search .widget-title span {
    background: transparent;
}


/* ## Sidebar - Profile
--------------------------------------------- */

.sidebar .widget.user-profile p {
    line-height: 1.4;
    font-size: 11.5px;
}

.sidebar .widget.user-profile p a {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    color: #c5768c;
}


/* ## eNews & Jetpack - Footer
--------------------------------------------- */

.footerwidgetheader-container {
    margin-top: 20px;
}

.jetpack_subscription_widget,
.enews-widget {
    background: #fdf3f4;
    padding: 20px !important;
    margin: 20px !important;
}

.jetpack_subscription_widget #subscribe-email input {
    width: 100% !important;
    padding: 15px;
}

.jetpack_subscription_widget .widget-wrap,
.enews-widget .widget-wrap {
    max-width: 1050px;
    margin: 0 auto;
}

.jetpack_subscription_widget .widget-title,
.enews .widget-title {
    border: 0px;
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin: 10px 0 20px !important;
    color: #333;
}

.jetpack_subscription_widget .widget-title span,
.enews .widget-title span {
    top: 0 !important;
    background: transparent !important;
}

.jetpack_subscription_widget #subscribe-text {
    float: left;
    width: 55%;
    margin: 4px 1% 4px 0;
    text-align: left;
    font-size: 11px;
}

.enews p {
    float: left;
    width: 35%;
    margin: 4px 5% 4px 0;
    text-align: left;
    font-size: 11px;
}

.jetpack_subscription_widget p#subscribe-email {
    margin-right: 1%;
    width: 28%;
    padding: 0;
    float: left;
}

.enews input {
    margin-right: 1%;
    width: 24%;
    padding: 15px;
    float: left;
}

.jetpack_subscription_widget p#subscribe-submit {
    float: left;
    width: 12%;
    margin-left: 1% !important;
}

.enews input#subbutton {
    padding: 14px;
    width: 10%;
    margin-right: 0;
}

.jetpack_subscription_widget p#subscribe-submit input[type="submit"] {
    padding: 14px;
}

.enews p:last-child {
    display: none;
}

.enews #subbox2 {
    display: none;
}


/* ## Testimonial Rotator
--------------------------------------------- */

.testimonial_rotator_widget_wrap {
    padding: 10px;
}

.testimonial_rotator.template-default .has-image .img,
.testimonial_rotator_single.has-image.template-default .img {
    width: 17% !important;
    margin-right: 1% !important;
}

.testimonial_rotator.template-default .has-image .text,
.testimonial_rotator_single.has-image.template-default .text {
    width: 82% !important;
    margin-top: 20px !important;
}

.testimonial_rotator.template-default .has-image .img img,
.testimonial_rotator_single.has-image.template-default .img img {
    border-radius: 50%;
    max-width: 170px !important;
}

.testimonial_rotator .testimonial_rotator_slide_title {
    margin: 0 0 5px 0;
    font-size: 19px !important;
}

.testimonial_rotator_star {
    color: #c5768c !important;
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

.testimonial_rotator h2 {
    text-align: left;
}


/* ## WooCommerce
--------------------------------------------- */

table,
div {
    white-space: normal;
}

.woocommerce-account .content,
.woocommerce-checkout .content,
.woocommerce-cart .content {
    width: 100%;
}

.woocommerce .sidebar,
.woocommerce-account .sidebar,
.woocommerce-checkout .sidebar,
.woocommerce-cart .sidebar {
    display: none !important;
}

.woocommerce .woocommerce-breadcrumb {
    display: none;
}

.woocommerce div.product .product_title {
    font-size: 30px;
    text-align: left;
}

.woocommerce div.product form.cart .button {
    line-height: 1.2 !important;
    padding: 15px;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px !important;
    font-weight: 400;
    color: #333;
    border: 1px solid #b3b3b3;
}

.woocommerce div.product form.cart .button:hover {
    background: #f1f1f1;
}

.woocommerce .quantity .qty {
    padding: 11px 5px !important;
    line-height: 1.8 !important;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px !important;
    font-weight: 400;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #e47373 !important;
}

.woocommerce-products-header__title page-title {
    font-family: 'Playfair Display', serif;
    text-align: center;
    letter-spacing: 1px;
    font-size: 40px;
    font-weight: 400;
}

.woocommerce div.product div.images img {
    padding: 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
}

.related.products .woocommerce ul.products li.product .woocommerce-loop-product__title h2 {
    letter-spacing: 1px;
    font-size: 10px;
    font-family: 'Lato', sans-serif;
    text-align: center;
}

.woocommerce div.product .woocommerce-tabs .panel h2,
.related.products h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

.woocommerce-cart .crunchify-social,
.woocommerce-checkout .crunchify-social,
.woocommerce-account .crunchify-social {
    display: none;
}

.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title,
.woocommerce-account .entry-title {
    font-size: 40px;
}

.woocommerce-products-header h1 {
    font-family: 'Playfair Display', serif;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 1.5px;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    float: none !important;
    text-align: center;
}

.woocommerce ul.products li.product .button {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-family: 'Lato', sans-serif;
    font-weight: 400 !important;
    border: 0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px !important;
    cursor: pointer;
    text-decoration: none;
    padding: 10px 20px;
    background: #f1f1f1 !important;
    color: #333 !important;
}

.woocommerce-MyAccount-navigation ul li {
    text-transform: uppercase;
}

.woocommerce ul.products li.product .button:hover {
    background: #e2e2e2 !important;
}

.woocommerce ul.products li.product a h2 {
    color: #000;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px !important;
}

.woocommerce ul.products li.product .price ins {
    font-weight: 500 !important;
}

.woocommerce ul.products li.product .price del {
    display: inline-block !important;
}

.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
    margin: 0px 0 3em !important;
}

.woocommerce .woocommerce-ordering select {
    letter-spacing: 1px;
}

.woocommerce span.onsale {
    background-color: #fff !important;
    border: 1px solid #b3b3b3;
    color: #333 !important;
    padding: 5px 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-family: 'Lato', sans-serif !important;
}

.woocommerce nav.woocommerce-pagination ul {
    text-transform: uppercase;
    font-size: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    padding: .9em !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ffffff !important;
    color: #676767;
}

.woocommerce ul.products li.product .price {
    font-size: 10px !important;
    font-family: 'Lato', sans-serif;
}

.woocommerce ul.products li.product h3:hover,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #c5768c !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: #f1f1f1;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #000 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: .9rem;
    letter-spacing: .8px;
    font-weight: 400 !important;
    padding: 0.8em 1em !important;
}

.comment-respond,
.entry-comments,
.entry-pings {
    font-size: 12px;
}

.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce input.button[type="submit"],
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-family: 'Lato', sans-serif;
    font-weight: 400 !important;
    border: 0 !important;
    letter-spacing: 1px;
    font-size: 10px !important;
    cursor: pointer;
    text-decoration: none;
    padding: 10px 20px;
    background: #f1f1f1 !important;
    color: #333 !important;
    text-transform: uppercase !important;
}

.woocommerce a.button:focus,
.woocommerce a.button:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:hover,
.woocommerce button.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce input.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:hover,
.woocommerce input[type="submit"]:focus,
.woocommerce input[type="submit"]:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit.alt:hover {
    background: #e2e2e2 !important;
}

.woocommerce table.shop_table th {
    font-weight: 400;
    padding: 9px 12px;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
}

.woocommerce-cart table.cart td {
    font-size: 1rem !important;
    font-family: 'Lato', sans-serif;
}

.woocommerce .coupon .input-text {
    height: 41px !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    font-size: .9rem !important;
}

.woocommerce a.remove {
    border-radius: 0 !important;
    font-size: 1.2em !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    margin-left: 0 !Important;
    font-family: 'Poppins', sans-serif !important;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background-color: #f9f9f9 !important;
}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals h2 {
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    font-size: 2.2rem;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals table td {
    vertical-align: middle !important;
}

.woocommerce-cart .wc-proceed-to-checkout .button {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.woocommerce form .form-row label {
    line-height: 2;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
}

.woocommerce table.shop_table,
.woocommerce table.shop_table td {
    text-transform: uppercase;
    font-family: 'Lato', sans-serif !important;
    font-size: 10px !important;
    font-weight: 400;
}

#payment .payment_method_paypal .about_paypal {
    text-transform: uppercase;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}

.woocommerce-cart #payment,
.woocommerce-checkout #payment,
#add_payment_method #payment {
    background-color: #f9f9f9 !important;
}

.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box,
#add_payment_method #payment div.payment_box {
    background-color: #f5f5f5 !important;
}

.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods,
#add_payment_method #payment ul.payment_methods {
    font-family: 'Lato', sans-serif !important;
}

.woocommerce h2,
.woocommerce h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 25px;
}

.woocommerce div.product form.cart .variations label {
    text-transform: uppercase;
}

.woocommerce address {
    font-style: normal;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif !important;
}

.woocommerce ul.products li.product .star-rating {
    display: none !important;
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    font-weight: 500 !important;
}

.woocommerce textarea,
.woocommerce input {
    text-transform: none !important;
}

.woocommerce #review_form #respond .form-submit {
    text-transform: uppercase;
}

.product_meta {
    display: none;
}

mark {
    background: #fff !important;
}

.woocommerce table.shop_attributes th {
    text-transform: uppercase;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    text-transform: uppercase;
    font-style: normal;
}

.woocommerce table.shop_attributes td {
    font-style: normal !important;
}

.woocommerce-account .entry-content {
    margin-top: 20px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: 'Lato', sans-serif !important;
    font-size: 11px;
    letter-spacing: .5px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: 12px 20px !important;
}


/* # Pages Styling

---------------------------------------------------------------------------------------------------- */


/* ## Front Page - Widget Areas
--------------------------------------------- */

.front-page-2 .widget,
.front-page-3 .widget,
.front-page-4 .widget,
.front-page-5 .widget,
.front-page-6 .widget,
.front-page-7 .widget,
.front-page-8 .widget {
    padding: 15px 0;
    margin: 10px;
}

.front-page-1 .widget-title {
    display: none;
}

.front-page-2 .widget-title,
.front-page-3 .widget-title,
.front-page-4 .widget-title,
.front-page-5 .widget-title,
.front-page-6 .widget-title,
.front-page-7 .widget-title,
.front-page-8 .widget-title {
    font-family: 'Playfair Display', serif;
    text-align: center;
    letter-spacing: 1px;
    font-size: 35px;
    font-weight: 400;
    margin: 0 10px;
    font-style: italic;
}

.front-page-2 .widget-title span,
.front-page-3 .widget-title span,
.front-page-4 .widget-title span,
.front-page-5 .widget-title span,
.front-page-6 .widget-title span,
.front-page-7 .widget-title span,
.front-page-8 .widget-title span {
    top: -22px;
}


/* ## Front Page - Image Widget
--------------------------------------------- */

.top {
    position: relative;
    width: 100%;
    min-height: 550px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
}

.front-page-1 .wrap {
    max-width: 100%;
}

.front-page-1 .widget {
    margin-top: 20px;
}

.top-info {
    position: absolute;
    top: 50%;
    width: 50%;
    left: 50%;
    padding: 20px;
    background: #fff;
    outline: 20px solid rgba(255, 255, 255, 0.55);
    transform: translate(-50%, -50%);
}

.top-info-h1 {
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 20px;
    font-style: italic;
    color: #444;
}

.top-info-h2 {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}

.top-info-h2 span {
    background-color: rgba(236, 236, 236, 0.82);
    padding: 7px 12px;
}

.top-info-h3 {
    text-align: center;
    line-height: 1.6;
    font-size: 12px;
    font-weight: 100;
    margin: 20px;
}

.top-info .button {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    border: 1px solid;
    border-color: #333;
    background: #333;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 10px;
    cursor: pointer;
    text-decoration: none;
}

.top-info .button:hover {
    background: #fff;
    color: #000;
    border: 1px solid;
    border-color: #000;
}


/* ## Front Page - About You Widget
--------------------------------------------- */

.front-page-about img {
    opacity: 0.88;
}

.about-title {
    font-family: 'Lato', sans-serif;
    font-size: 100px;
    text-align: left;
    z-index: 9;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    color: #f3f3f3;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    position: absolute;
}

.about-subtitle {
    font-size: 45px;
    text-transform: lowercase;
    margin: 20px 0;
    font-family: 'Playfair Display';
    line-height: 1;
    text-align: left;
    z-index: 99;
    color: #f6b7be;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    font-style: italic;
}

.about-text {
    margin-top: 35px;
}

.about-text .button {
    display: table;
    margin-top: 15px;
}


/* ## Front Page - Featured Custom Post Type
--------------------------------------------- */

.page-template-front-page .entry .entry-header {
    width: 60%;
    background: rgba(255, 255, 255, 0.85);
    margin-top: -50%;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
}

.page-template-front-page .entry {
    position: relative;
    padding: 10px;
}

.page-template-front-page .entry .avatar {
    display: none !important;
}

.page-template-front-page p.more-from-category {
    display: block;
    padding-top: 10px;
    clear: both;
    text-align: center;
    margin-bottom: 20px !important;
}

.page-template-front-page p.more-from-category a {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    border: 1px solid;
    border-color: #333;
    background: #333;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 10px;
    cursor: pointer;
    text-decoration: none;
}

.page-template-front-page p.more-from-category a:hover {
    background: #fff;
    color: #000;
    border: 1px solid;
    border-color: #000;
}

.page-template-front-page a.more-link {
    background: #f1f1f1;
    color: #333;
    outline: 0;
    border: 0;
    padding: 10px 20px;
}

.page-template-front-page a.more-link:hover {
    background: #e2e2e2;
}

.page-template-front-page .entry-content {
    display: none;
}

.page-template-front-page .entry-title {
    font-size: 22px;
    letter-spacing: .5px;
    line-height: 1.3;
}


/* ## Front Page - WooCommerce Products
--------------------------------------------- */

.woocommerce ul.product_list_widget li {
    float: left;
    line-height: 1.2;
    width: 25%;
    margin: 0 !important;
    padding: 10px !important;
    display: inline-block;
    vertical-align: top;
}

.woocommerce ul.product_list_widget {
    margin: 0 auto;
    text-align: center;
}

.woocommerce ul.product_list_widget li a {
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: #000;
}

.woocommerce ul.product_list_widget li img {
    opacity: .9;
    width: 100% !important;
    margin: 0 0 10px 0;
}

.woocommerce ul.product_list_widget li del,
.woocommerce ul.product_list_widget li ins,
.woocommerce ul.product_list_widget li span {
    font-weight: 400;
    font-size: 10px;
    font-family: "Lato", sans-serif;
}


/* ## Blog Page - Widget Areas
--------------------------------------------- */

.blog .blog-page-1,
.blog .blog-page-2,
.blog .blog-page-3,
.blog .blog-page-4 {
    margin: 5px 0;
    padding: 5px 0;
}

.blog .blog-page-1 .entry-title,
.blog .blog-page-2 .entry-title,
.blog .blog-page-3 .entry-title,
.blog .blog-page-4 .entry-title {
    font-size: 1rem;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    line-height: 1.6;
    letter-spacing: 1px;
}

.blog .blog-page-1 .widget-title,
.blog .blog-page-2 .widget-title,
.blog .blog-page-3 .widget-title,
.blog .blog-page-4 .widget-title {
    font-family: 'Playfair Display', serif;
    text-align: center;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 400;
}

.blog .blog-page-1 .widget-title span,
.blog .blog-page-2 .widget-title span,
.blog .blog-page-3 .widget-title span,
.blog .blog-page-4 .widget-title span {
    top: -15px;
}

.blog .archive-title,
.blog .archive-description {
    display: none;
}


/* ## Blog & Archive Page - Posts
--------------------------------------------- */

.blog .entry {
    padding: 10px;
}

.archive .content .entry .alignleft,
.archive .content .entry .alignnone,
.archive .content .entry .alignright,
.blog .content .entry .alignleft,
.blog .content .entry .alignnone,
.blog .content .entry .alignright {
    width: 50%;
    padding: 15px;
    margin: 0;
}

.archive .content .entry:nth-child(odd) .entry-header .entry-meta,
.archive .content .entry:nth-child(odd) .entry-title,
.archive .content .entry:nth-child(odd) p,
.blog .content .entry:nth-child(odd) .entry-header .entry-meta,
.blog .content .entry:nth-child(odd) .entry-title,
.blog .content .entry:nth-child(odd) p {
    text-align: left;
}

.archive .content .entry:nth-child(odd) p,
.blog .content .entry:nth-child(odd) p {
    padding-right: 15px;
}

.archive .content .entry:nth-child(even) .entry-header .entry-meta,
.archive .content .entry:nth-child(even) .entry-title,
.archive .content .entry:nth-child(even) p,
.blog .content .entry:nth-child(even) .entry-header .entry-meta,
.blog .content .entry:nth-child(even) .entry-title,
.blog .content .entry:nth-child(even) p {
    text-align: right;
}

.archive .content .entry:nth-child(even) p,
.blog .content .entry:nth-child(even) p {
    padding-left: 15px;
}

.archive .content .entry:nth-child(even) .alignleft,
.blog .content .entry:nth-child(even) .alignleft {
    float: right;
    margin: 0;
}

.archive .content .entry-title,
.blog .content .entry-title {
    font-size: 22px;
    font-family: 'Playfair Display', serif;
    text-transform: none;
}

.archive .content p.entry-meta .entry-time,
.blog .content p.entry-meta .entry-time {
    padding: 0;
}

.archive .entry-header,
.blog .entry-header {
    padding: 10px;
}

.archive .content .entry-header .entry-meta,
.blog .content .entry-header .entry-meta {
    padding-top: 50px;
    margin-bottom: 0;
}

.archive .content p,
.blog .content p {
    margin-top: 20px;
}

.archive a.more-link,
.blog a.more-link {
    display: block;
    background: #fff;
    color: #c5768c;
    max-width: 200px;
    border: 0;
    padding: 0;
}


/* ## Category Index Page
--------------------------------------------- */

.category-index-1 .widget-title,
.category-index-2 .widget-title,
.category-index-3 .widget-title,
.category-index-4 .widget-title,
.category-index-5 .widget-title,
.category-index-6 .widget-title {
    font-family: 'Playfair Display', serif;
    text-align: center;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 400;
}

.category-index-1 .widget-title span,
.category-index-2 .widget-title span,
.category-index-3 .widget-title span,
.category-index-4 .widget-title span,
.category-index-5 .widget-title span,
.category-index-6 .widget-title span {
    top: -15px;
}

.category-index-1,
.category-index-2,
.category-index-3,
.category-index-4,
.category-index-5,
.category-index-6 {
    margin: 10px 0;
    padding: 10px 0;
}

.category-index .entry-title {
    font-size: 18px;
}

.category-index a.more-link {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-family: 'Lato', sans-serif;
    font-weight: 400 !important;
    border: 0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px !important;
    cursor: pointer;
    text-decoration: none;
    padding: 10px 20px;
    background: #f1f1f1 !important;
    color: #333 !important;
}

.category-index a.more-link:hover {
    background: #e2e2e2 !important;
}

.category-index .entry-content p {
    text-align: center;
}


/* ## Featured Image - Single Post Page
--------------------------------------------- */

.featuredimage {
    display: none;
}

.features {
    background-size: 100%;
    clear: both;
    min-height: 400px;
    padding-top: 0;
    margin-bottom: 25px;
    position: relative;
}

.features-widgetarea {
    float: right;
    border-radius: 12px;
    background-color: #ffffff;
    color: #333;
    font-size: 10px;
    display: inline-block;
}

.featuredpostinformation {
    position: absolute;
    width: 50%;
    left: 50%;
    text-align: center;
    top: 50%;
    background: rgba(255, 255, 255, 0.88);
    padding: 25px;
    transform: translate(-50%, -50%);
}

.featuredpostinformationdate {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    font-size: 10px;
    font-weight: 400;
}

.featuredpostinformationtitle {
    font-family: 'Playfair Display', serif;
    color: #333;
    letter-spacing: 1px;
    font-size: 30px;
    line-height: 1.3;
}

.home .featuredpostinformation {
    display: none;
}


/* ## Filterable Portfolio
--------------------------------------------- */

.post-type-archive-portfolio .archive-description {
    overflow: hidden;
}

ul.filter {
    text-align: center;
    color: #999;
    list-style: none;
    margin-top: 40px;
}

ul.filter li {
    float: none;
    display: inline-block;
    margin: 15px 0;
}

ul.filter li:first-child {
    margin-left: 0;
}

ul.filter a {
    margin: 5px;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    border: 1px solid;
    border-color: #333;
    background: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding: 15px 30px;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 1px;
    font-size: 10px;
    cursor: pointer;
    text-decoration: none;
}

ul.filter a:hover,
ul.filter a.active {
    margin: 5px;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    border: 1px solid;
    border-color: #333;
    background: #333;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding: 15px 30px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-size: 10px;
    cursor: pointer;
    text-decoration: none;
}

.portfolio-content {
    margin-left: -2rem;
    margin-left: -20px;
}

.portfolio-item {
    float: left;
    margin-bottom: 2rem;
    margin-bottom: 40px;
    margin-left: 2rem;
    margin-left: 20px;
    position: relative;
    width: 31%;
}

.portfolio-item a img {
    width: 100%;
    display: block;
    margin-bottom: 0;
}

.portfolio-overlay {
    color: #333;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0px;
    width: 80%;
    background-color: rgba(247, 247, 247, 0.7);
    padding: 20px 10px;
    opacity: 0;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.portfolio-item img:hover+.portfolio-overlay,
.portfolio-overlay:hover {
    opacity: 1;
}

.portfolio-overlay h3 {
    font-family: 'Playfair Display', serif;
    font-size: 21px;
    letter-spacing: 1.3px;
    font-weight: normal;
    margin: 0;
    padding: 5px;
    color: #333;
}

.clearfix {
    clear: both;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}


/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.filterable-portfolio-page .content .entry-header {
    margin-bottom: 1rem;
    margin-bottom: 10px;
}

.filterable-portfolio-page .content .entry-title {
    margin-bottom: 3rem;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1179px) {
    .portfolio-item {
        width: 31%;
    }
}

@media only screen and (max-width: 1023px) {
    .portfolio-item {
        width: 31%;
    }
}

@media only screen and (max-width: 890px) {
    .portfolio-item {
        width: 47.5%;
    }
}

@media only screen and (max-width: 860px) {
    .portfolio-item {
        width: 100%;
    }
}


/* ## 404
--------------------------------------------- */

body.error404 .search-form {
    margin-bottom: 20px;
}

body.error404 .content {
    width: 100%;
}

body.error404 .sidebar {
    display: none;
}

body.error404 h1,
body.error404 h2,
body.error404 h3,
body.error404 h4,
body.error404 h5,
body.error404 h6 {
    text-align: left;
}

body.error404 .search-form input {
    width: 50%;
}

body.error404 .search-form input[type="submit"] {
    margin-left: 2%;
    width: 28%;
    padding: 10px;
}


/* ## Ollieandkay Extras
--------------------------------------------- */

a.post-edit-link {
    display: none;
}

.ollieandkay-parallax {
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
    height: 400px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    margin: 10px 0;
}

.profile-img img {
    padding: 0 15px;
    border-radius: 50%;
}

.profile-txt {
    padding: 0 15px;
    text-align: center;
}

.profile-button {margin-top: 10px;}

.profile-button a {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-family: 'Lato', sans-serif;
    font-weight: 700 !important;
    border: 0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px !important;
    cursor: pointer;
    text-decoration: none;
    padding: 10px 20px;
    background: #f1f1f1 !important;
    color: #333 !important;
    width: auto;
}

.profile-button a:hover {
    background: #e2e2e2 !important;
}

.call-to-action {
    overflow: hidden;
    display: block;
    background: #fdf3f4;
    padding: 10px;
}

.call-to-action .button:hover {
    color: #333;
}

.page-main {        -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; border: 10px solid; border-color: #e4f1ef;
    padding: 30px;}

.page-main:hover {    cursor: pointer; background: #e4f1ef;}

.pages.one-third {    padding: 10px;}

.pages.one-third a {color: #333;}

.pages.one-third p {margin: 0 !important;}

.page-title {line-height: 1.1;
    text-align: center;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 4px;
}

.page-title-2 {line-height: 1.1; text-align: center;     text-transform: uppercase; letter-spacing: 1px; font-size: 12px; font-weight: 700; color: #489287;}

/* # Skip Links
---------------------------------------------------------------------------------------------------- */

.genesis-skip-link {
    margin: 0;
}

.genesis-skip-link li {
    height: 0;
    list-style: none;
    width: 0;
}


/* Display outline on focus */

:focus {
    color: #333;
    outline: #ccc solid 1px;
}


/* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
    min-height: 160px;
    padding-top: 100px;
}

.site-header .wrap {
    padding: 20px 0;
}


/* ## Title Area
--------------------------------------------- */


/*! Generated by Font Squirrel (https://www.fontsquirrel.com) */

@font-face {
    font-family: 'AN-ollieandkay';
    src: url(../themes/Eleanor/fonts/argentinian_nights.woff) format('woff2'), url(../themes/Eleanor/fonts/argentinian_nights.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

.title-area {
    float: left;
    text-align: center;
    padding: 10px 0;
}

.header-full-width .title-area {
    width: 100%;
}

.site-title {
    font-family: 'AN-ollieandkay';
    font-size: 70px;
    font-size: 7rem;
    font-weight: 400;
    line-height: 1.2;
}

.site-title a,
.site-title a:hover,
.site-title a:focus {
    color: #333;
}

.header-image .site-title>a {
    background-position: center !important;
    background-size: contain !important;
    float: none;
    display: block;
    margin: 0 auto;
    min-height: 250px;
    width: 100%;
}

.site-description {
    font-family: 'Lato';
    font-size: 12px;
    font-weight: 400;
	letter-spacing: 1px;
    line-height: 1.5px;
	font-style: italic;
    text-transform: lowercase;
}

.site-description,
.site-title {
    margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title a {
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
}


/* ## Widget Area
--------------------------------------------- */

.site-header .widget-area {
    float: right;
}


/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

.nav-primary {
    background: #fdf3f4;
    top: 0;
    position: fixed;
    z-index: 999;
    width: 100%;
}

.genesis-nav-menu {
    text-align: left;
    font-family: 'Lato', sans-serif;
    clear: both;
    font-size: 11px;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.genesis-nav-menu .menu-item {
    display: inline-block;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left;
}

.genesis-nav-menu a {
    color: #333;
    display: block;
    padding: 26.74px 25px;
    text-decoration: none;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item>a,
.genesis-nav-menu .sub-menu .current-menu-item>a:focus,
.genesis-nav-menu .sub-menu .current-menu-item>a:hover {
    color: #000;
    text-decoration: none;
}

.genesis-nav-menu .sub-menu {
    border-top: 1px;
    left: -9999px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 200px;
    z-index: 99;
}

.genesis-nav-menu .sub-menu a {
    color: #333333;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: 0;
    font-size: 10px;
    line-height: 1.4;
    font-size: .9rem;
    padding: 15px;
    position: relative;
    width: 200px;
    word-wrap: break-word;
}

.genesis-nav-menu .sub-menu .sub-menu {
    margin: -56px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
    position: static;
}

.genesis-nav-menu .menu-item:hover>.sub-menu {
    left: auto;
    opacity: 1;
}

.genesis-nav-menu>.first>a {
    padding-left: 0;
}

.genesis-nav-menu>.last>a {
    padding-right: 0;
}

.genesis-nav-menu>.right {
    float: right;
}


/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
    position: static;
}

.menu .menu-item>a:focus+ul.sub-menu,
.menu .menu-item.sfHover>ul.sub-menu {
    left: auto;
    opacity: 1;
}

.menu-toggle,
.sub-menu-toggle {
    display: none;
    visibility: hidden;
}


/* ## Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu li li {
    margin-left: 0;
}


/* ## Social Media Icons - Navigation
--------------------------------------------- */

.genesis-nav-menu .widget-area {
    float: right;
    padding-left: 15px;
    margin: 6px auto;
    height: 38px;
}

.nav-primary .widget-title {
    display: none;
}

.nav-primary .widget {
    margin-bottom: 0;
}

.nav-primary .widget_wpcom_social_media_icons_widget .genericon {
    color: #333;
    display: inline;
    padding: 3px;
    font-size: 13px;
}

.nav-primary .widget.simple-social-icons {
    float: right;
    margin-top: 16px;
}

.nav-primary .simple-social-icons ul li a {
    color: #333 !important;
    padding: 4px !important;
    font-size: 13px !important;
    background: none !important;
}

.nav-primary .simple-social-icons ul li {
    margin: 0 !important;
}

.nav-primary .simple-social-icons ul li a:hover,
.simple-social-icons ul li a:focus {
    background: none !important;
    color: #000 !important;
    border: 0 !important;
}

@media only screen and (max-width: 1023px) {
    .genesis-nav-menu .widget-area {
        display: none;
    }
}


/* ## Animated Search Widget - Navigation
--------------------------------------------- */

.nav-primary .genesis-nav-menu>.search {
    float: right;
    display: inline-block;
    position: relative;
    width: auto;
    padding: 0;
}

li a.icon-search:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    content: "\f002";
}

li a.icon-search {
    cursor: pointer;
}


/*li a.icon-search:hover {
	border-bottom: none;
}*/

.search-div {
    background: #fdf3f4;
    display: none;
    position: absolute;
    z-index: 10;
    right: 0;
    width: 220px;
    padding: 10px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.search-div .search-form {
    position: relative;
}

.search-div .search-form input[type="search"] {
    width: 100%;
    padding: 10px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
    color: #333;
}

.search-div .search-form input[type="submit"] {
    position: absolute;
    right: -1px;
    bottom: 1px;
    padding: 10px 14px;
    -webkit-border-radius: 0;
    border-radius: 0;
}


/* Clear search field placeholder text on focus */

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}


/* Firefox 18- */

input:focus::-moz-placeholder {
    color: transparent;
}


/* Firefox 19+ */

input:focus:-ms-input-placeholder {
    color: transparent;
}


/* oldIE ;) */

@media only screen and (max-width: 800px) {
    .nav-primary .genesis-nav-menu>.search {
        display: block;
        text-align: left;
    }
    .search-div {
        left: 0;
    }
}

@media only screen and (max-width: 340px) {
    .search-div {
        width: auto;
    }
}


/* # Content Area
---------------------------------------------------------------------------------------------------- */


/* ## Entries
--------------------------------------------- */

.entry {
    padding: 10px;
}

.entry-content ol,
.entry-content ul {
    margin-bottom: 28px;
    margin-left: 40px;
}

.entry-content ol>li {
    list-style-type: decimal;
}

.entry-content ul>li {
    list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
    margin-bottom: 0;
}

.entry-content code {
    background-color: #333;
    color: #eee;
}


/* ## Entry Meta
--------------------------------------------- */

.singular-featured-image img {
    width: 100%;
}

p.entry-meta {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    font-size: 1rem;
    margin-bottom: 0;
    color: #333;
}

p.entry-meta a {
    color: #333;
    text-decoration: none;
}

.entry-header .entry-meta {
    margin-bottom: 24px;
}

.entry-footer .entry-meta {
    border-top: 1px solid #eee;
    padding-top: 24px;
}

.entry-categories,
.entry-tags {
    display: block;
}

.entry-comments-link::before {
    content: "\2014";
    margin: 0 6px 0 2px;
}


/* ## Pagination
--------------------------------------------- */

.pagination {
    clear: both;
    margin: 40px 0;
}

.adjacent-entry-pagination {
    margin-bottom: 0;
}

.archive-pagination li {
    display: inline;
}

.archive-pagination a {
    border: 1px solid;
    border-color: #333;
    background: #333;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    padding: 15px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.archive-pagination a:hover {
    background: #fff;
    color: #000;
    border: 1px solid;
    border-color: #000;
}


/* ## Comments
--------------------------------------------- */

.comment-respond h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    letter-spacing: 1.2px;
    font-size: 20px;
    text-align: center;
    border-top: 1px solid #111;
    margin-bottom: 0;
}

.comment-respond h3 span {
    position: relative;
    top: -15px;
    padding: 0 10px;
    background: #fff;
}

.comment-respond p {
    margin: 5px 0;
}

.comment-respond p a {
    color: #333;
}

.comment-respond input[type="submit"] {
    width: auto;
}

.comment-respond,
.entry-comments,
.entry-pings {
    background-color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.comment-author {
    font-family: 'Playfair Display', serif;
    font-size: 17px;
}

#cancel-comment-reply-link {
    margin-top: 5px;
    display: block;
    text-align: left;
}

.comment-reply a {
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-family: 'Lato', sans-serif;
    font-weight: 400 !important;
    border: 0 !important;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-size: 10px !important;
    cursor: pointer;
    text-decoration: none;
    padding: 10px 20px;
    background: #f1f1f1 !important;
    color: #333 !important;
}

.comment-reply a:hover {    
    background: #e2e2e2 !important;
}

.comment-respond {
    padding: 0;
    margin-top: 20px;
}

.entry-pings {
    padding: 10px;
}

.entry-comments {
    padding: 15px;
}

.comment-list li {
    padding: 40px 0 0 30px;
}

.comment-list .depth-1 {
    padding-left: 0;
}

.comment-header {
    margin-bottom: 30px;
}

.comment-content {
    clear: both;
}

.comment-content ul>li {
    list-style-type: disc;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%;
}

.comment-respond label {
    font-size: 10px;
    text-transform: uppercase;
    display: block;
    margin-right: 12px;
}

.comment-header p {
    margin-bottom: 0;
}

.entry-pings .reply {
    display: none;
}


/* # Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 40px;
}

.sidebar select {
    letter-spacing: .5px;
    font-size: 11px;
}

.sidebar img,
.sidebar .aligncenter,
.sidebar .alignright,
.sidebar .alignleft {
    margin-bottom: 5px;
}

.sidebar .widget {
    background-color: #fff;
    padding: 20px;
}

.sidebar .widget-title {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 400;
    padding-bottom: 6px;
    margin-bottom: 0;
}

.tagcloud a {
    padding: 5px 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px !important;
    border: 1px solid #cecece;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: inline-block;
    margin: 2px 1px;
}

.tagcloud a:hover {
    background: #f5f5f5;
}

.sidebar .entry p {
    display: none;
}

.sidebar .entry-title {
    font-size: 1.65rem;
    letter-spacing: 1px;
}


/* ## Avatar
--------------------------------------------- */

.gcard {
    display: none !important;
}

.avatar {
    border: 0 !important;
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px !important;
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
    background-color: #fdf3f4;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 0;
    text-align: right;
    color: #333;
    margin-top: -1px;
}

.site-footer .wrap {
    max-width: 98%;
}

.site-footer a {
    text-decoration: none;
    color: #c5768c;
}

.site-footer p {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 0;
}


/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1340px) {
    .site-inner,
    .wrap {
        max-width: 1000px;
    }
    .content {
        width: 700px;
    }
    .sidebar-primary {
        width: 300px;
    }
    .footer-widgets-1 {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .site-inner,
    .wrap {
        max-width: 1030px;
    }
    .content {
        width: 700px;
    }
    .footer-widgets-1 {
        width: 100%;
    }
}

@media only screen and (max-width: 1023px) {
    .site-inner,
    .wrap {
        max-width: 900px;
    }
    .content,
    .footer-widgets-1,
    .genesis-responsive-menu .genesis-nav-menu .sub-menu,
    .genesis-responsive-menu .genesis-nav-menu .sub-menu a,
    .sidebar-primary,
    .title-area {
        width: 100%;
    }
    .site-header .wrap {
        padding-left: 5%;
        padding-right: 5%;
    }
    .genesis-nav-menu li,
    .header-image .title-area,
    .site-header ul.genesis-nav-menu,
    .site-header .search-form {
        float: none;
    }
    .genesis-nav-menu,
    .site-description,
    .site-header .title-area,
    .site-title {
        text-align: center;
    }
    .genesis-nav-menu a {
        color: #333;
    }
    /* ### Genesis Responsive Menus */
    .genesis-responsive-menu .wrap {
        padding: 0;
    }
    .genesis-responsive-menu {
        display: none;
        position: relative;
    }
    .genesis-skip-link .skip-link-hidden {
        display: none;
        visibility: hidden;
    }
    .menu-toggle,
    .sub-menu-toggle {
        border-width: 0;
        color: #333;
        display: block;
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
        visibility: visible;
    }
    .menu-toggle:focus,
    .menu-toggle:hover {
        background: #fdf3f4;
    }
    .sub-menu-toggle:focus,
    .sub-menu-toggle:hover {
        background: #fff;
        border-width: 0;
        color: #000;
    }
    .menu-toggle {
        background: #fdf3f4;
        line-height: 22px;
        position: relative;
        width: 100%;
        z-index: 1000;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    .menu-toggle,
    .menu-toggle:focus,
    .menu-toggle:hover {
        border-top: 1px solid #eee;
    }
    .menu-toggle::before {
        font-size: 1.5em;
        margin-right: 10px;
        text-rendering: auto;
    }
    .sub-menu-toggle {
        background: #fff;
        float: right;
        padding: 9px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }
    .sub-menu .sub-menu-toggle {
        padding: 12px 10px;
    }
    .sub-menu-toggle::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-transform: rotate( 0);
        -ms-transform: rotate( 0);
        transform: rotate( 0);
        -webkit-transition: transform .25s ease-in-out;
        -ms-transition: transform .25s ease-in-out;
        transition: transform .25s ease-in-out;
    }
    .sub-menu-toggle.activated::before {
        -webkit-transform: rotate( 180deg);
        -ms-transform: rotate( 180deg);
        transform: rotate( 180deg);
    }
    .genesis-responsive-menu .genesis-nav-menu .menu-item {
        display: block;
        float: none;
        position: relative;
        text-align: left;
    }
    .genesis-responsive-menu .genesis-nav-menu .menu-item:focus,
    .genesis-responsive-menu .genesis-nav-menu .menu-item:hover {
        position: relative;
    }
    .genesis-responsive-menu .genesis-nav-menu .menu-item a {
        background: #fff;
        border: none;
        margin-bottom: 1px;
        padding: 15px 20px;
        width: 100%;
        color: #333;
    }
    .genesis-responsive-menu .genesis-nav-menu .sub-menu {
        padding-bottom: 0;
        border: none;
    }
    .genesis-responsive-menu .genesis-nav-menu .menu-item>a:focus ul.sub-menu,
    .genesis-responsive-menu .genesis-nav-menu .menu-item>a:focus ul.sub-menu .sub-menu {
        left: 0;
        margin-left: 0;
    }
    .genesis-responsive-menu .genesis-nav-menu>.menu-item-has-children>a::after {
        content: none;
    }
    .genesis-responsive-menu .genesis-nav-menu .sub-menu {
        clear: both;
        display: none;
        margin: 0;
        opacity: 1;
        padding-left: 0;
        position: static;
        width: 100%;
    }
    .genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu {
        margin: 0;
    }
    .top {
        background-attachment: inherit;
    }
    .features {
        background-attachment: inherit !important;
    }
    .nav-primary .widget.widget_wpcom_social_media_icons_widget,
    .nav-primary .genesis-nav-menu>.search {
        display: none;
    }
    .archive .entry-header .entry-meta,
    .blog .entry-header .entry-meta {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 860px) {
    body,
    body>div {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .site-inner {
        padding: 5% 5% 0;
    }
    .wrap {
        padding-left: 5%;
        padding-right: 5%;
    }
    .after-entry,
    .archive-description,
    .author-box,
    .comment-respond,
    .entry,
    .entry-comments,
    .entry-pings,
    .sidebar .widget {
        padding: 20px;
        margin-bottom: 5%;
    }
    .sidebar {
        margin-bottom: 5%;
    }
    .pagination {
        margin: 5% auto;
    }
    .archive-pagination li a {
        margin-bottom: 4px;
    }
    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        margin: 0;
        width: 100%;
    }
    .archive .content .entry .alignleft,
    .archive .content .entry .alignnone,
    .archive .content .entry .alignright,
    .blog .content .entry .alignleft,
    .blog .content .entry .alignnone,
    .blog .content .entry .alignright {
        width: 100%;
    }
    .archive .content .entry:nth-child(even) .entry-header .entry-meta,
    .archive .content .entry:nth-child(even) .entry-title,
    .archive .content .entry:nth-child(even) p,
    .blog .content .entry:nth-child(even) .entry-header .entry-meta,
    .blog .content .entry:nth-child(even) .entry-title,
    .blog .content .entry:nth-child(even) p {
        text-align: center;
    }
    .archive .content .entry:nth-child(odd) .entry-header .entry-meta,
    .archive .content .entry:nth-child(odd) .entry-title,
    .archive .content .entry:nth-child(odd) p,
    .blog .content .entry:nth-child(odd) .entry-header .entry-meta,
    .blog .content .entry:nth-child(odd) .entry-title,
    .blog .content .entry:nth-child(odd) p {
        text-align: center;
    }
    .archive .content .entry:nth-child(even) p,
    .blog .content .entry:nth-child(even) p {
        padding-left: 0;
    }
    .archive .content .entry:nth-child(odd) p,
    .blog .content .entry:nth-child(odd) p {
        padding-right: 0;
    }
    .site-header {
        padding-top: 20px;
    }
    .site-title {
        font-size: 50px;
    }
    .top-info {
        width: 80%;
    }
    .top {
        background-size: auto 550px;
        background-attachment: initial;
    }
    .top-info-h1 {
        font-size: 30px;
    }
    .features {
        background-size: cover !important;
        min-height: 300px;
        margin-bottom: 0;
    }
    .featuredpostinformation {
        width: 80%;
    }
    .featuredpostinformationtitle {
        font-size: 20px;
    }
    #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
        width: 100% !important;
    }
    .front-page-subscribe .wrap {
        max-width: 100%;
    }
    .footerwidgetheader-container .enews-widget input,
    .footerwidgetheader-container .jetpack_subscription_widget input {
        margin: 5px 0;
        width: 100% !important;
    }
    .footerwidgetheader-container .enews-widget input[type="submit"],
    .footerwidgetheader-container .jetpack_subscription_widget input[type="submit"] {
        width: 100% !important;
        font-weight: 400;
    }
    .jetpack_subscription_widget #subscribe-text,
    .enews p {
        width: 100%;
        text-align: center;
    }
    .jetpack_subscription_widget #subscribe-email input,
    .enews input {
        margin: 5px 0;
        width: 100%;
    }
    .widget.jetpack_subscription_widget #subscribe-submit input,
    .jetpack_subscription_widget p#subscribe-submit,
    .enews input#subbutton {
        width: 100%;
        margin: 0 !important;
    }
    .subscribe-text {
        text-align: center;
    }
    .jetpack_subscription_widget p#subscribe-email {
        width: 100%;
    }
    .comment-subscription-form .subscribe-label {
        display: inline !important;
    }
    .footerwidgetheader-container .wrap {
        padding: 0;
    }
    .footerwidgetheader-container .jetpack_subscription_widget #subscribe-text,
    .footerwidgetheader-container .enews p {
        width: 100%;
    }
    .page-template-front-page .entry img {
        width: 100%;
    }
    .page-template-front-page .entry a.alignleft,
    .page-template-front-page .entry a.alignnone,
    .page-template-front-page .entry a.alignright {
        width: 100%;
    }
    .front-page-shop .woocommerce ul.product_list_widget li {
        width: 100%;
    }
    .archive .alignleft,
    .archive .alignnone,
    .archive .alignright,
    .blog .alignleft,
    .blog .alignnone,
    .blog .alignright {
        width: 100%;
    }
    .footer-widgets .widget {
        padding-bottom: 30px;
    }
    .footer-widgets-1 {
        padding: 20px 0;
    }
    .page-template-front-page .woocommerce ul.product_list_widget li {
        width: 100%;
    }
    .related-list li {
        padding: 5px;
        width: 50%;
    }
    .related-list li a {
        font-size: 9px;
    }
    .testimonial_rotator.template-default .has-image .img,
    .testimonial_rotator_single.has-image.template-default .img {
        text-align: center;
        width: 100% !important;
    }
    .testimonial_rotator h1,
    .testimonial_rotator h2,
    .testimonial_rotator_widget_wrap .testimonial_rotator_stars,
    .testimonial_rotator_star,
    .testimonial_rotator.template-default .has-image .text,
    .testimonial_rotator_single.has-image.template-default .text {
        float: none !important;
        text-align: center !important;
    }
    .testimonial_rotator.template-default .has-image .text,
    .testimonial_rotator_single.has-image.template-default .text {
        text-align: center;
        width: 100% !important;
    }
}

@media only screen and (max-width: 340px) {
    .related-list li {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
.header-image .site-title > a {
	background-position: center center !important;
    background-size: contain !important;
    display: block;
	width: 100%;
    height: 250px;
    margin: 0 auto;
}
}

@media only screen and (max-width: 768px) {
.header-image .site-title > a {
	background-position: center center !important;
    background-size: contain !important;
    display: block;
    height: 250px;
	width: 100%;
    margin: 0 auto;
}
}

@media only screen and (max-width: 736px) {
.header-image .site-title > a {
	background-position: center center !important;
    background-size: contain !important;
    display: block;
    height: 250px;
	width: 100%;
    margin: 0 auto;
}
}

@media only screen and (max-width: 414px) {
.header-image .site-title > a {
	background-position: center center !important;
    background-size: contain !important;
    display: block;
    height: 250px;
	width: 100%;
    margin: 0 auto;
}
}

@media only screen and (max-width: 667px) {
.header-image .site-title > a {
	background-position: center center !important;
    background-size: contain !important;
    display: block;
    height: 250px;
	width: 100%;
    margin: 0 auto;
}
}

@media only screen and (max-width: 684px) {
.header-image .site-title > a {
	background-position: center center !important;
    background-size: contain !important;
    display: block;
	width: 100%;
    height: 250px;
    margin: 0 auto;
}
}

@media only screen and (max-width: 412px) {
.header-image .site-title > a {
	background-position: center center !important;
    background-size: contain !important;
    display: block;
    height: 250px;
	width: 100%;
    margin: 0 auto;
}
}

@media only screen and (max-width: 375px) {
.header-image .site-title > a {
	background-position: center center !important;
    background-size: contain !important;
    display: block;
    height: 250px;
	width: 100%;
    margin: 0 auto;
}
}


@media only screen and (max-width: 734px) {
.header-image .site-title > a {
	background-position: center center !important;
    background-size: contain !important;
    display: block;
    height: 250px;
	width: 100%;
    margin: 0 auto;
}
}

/* iOS hack */

textarea,
select,
input,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="search"] {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* # Print Styles
---------------------------------------------------------------------------------------------------- */

@media print {
    *,
    *::before,
    *::after {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]::after {
        content: " (" attr(href) ")";
    }
    abbr[title]::after {
        content: " (" attr(title) ")";
    }
    a[href^="javascript:"]::after,
    a[href^="#"]::after,
    .site-title>a::after {
        content: "";
    }
    thead {
        display: table-header-group;
    }
    img,
    tr {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 2cm 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    .content,
    .content-sidebar {
        width: 100%;
    }
    button,
    input,
    select,
    textarea,
    .breadcrumb,
    .comment-edit-link,
    .comment-form,
    .comment-list .reply a,
    .comment-reply-title,
    .edit-link,
    .entry-comments-link,
    .entry-footer,
    .genesis-box,
    .header-widget-area,
    .hidden-print,
    .home-top,
    .nav-primary,
    .nav-secondary,
    .post-edit-link,
    .sidebar {
        display: none !important;
    }
    .title-area {
        text-align: center;
        width: 100%;
    }
    .site-title>a {
        margin: 0;
        text-decoration: none;
        text-indent: 0;
    }
    .site-inner {
        padding-top: 0;
        position: relative;
        top: -100px;
    }
    .author-box {
        margin-bottom: 0;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        orphans: 3;
        page-break-after: avoid;
        page-break-inside: avoid;
        widows: 3;
    }
    img {
        page-break-after: avoid;
        page-break-inside: avoid;
    }
    blockquote,
    pre,
    table {
        page-break-inside: avoid;
    }
    dl,
    ol,
    ul {
        page-break-before: avoid;
    }
}


		.nav-primary, .menu-toggle, .menu-toggle:hover, .menu-toggle, .menu-toggle:focus, .menu-toggle:hover, .search-div, .footerwidgetheader-container .widget-title, .site-footer
 {
			background: #f7fcff;
		}

		

		.genesis-nav-menu a, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle::before, .menu-toggle {
			color: #626471;
		}

		

		.nav-primary .widget_wpcom_social_media_icons_widget .genericon {
			color: #626471;
		}

		

		.top-info .button:hover {
			color: #000000; 
		}


		

		.about-subtitle {
			color: #f2998b;
		}

		

		.testimonial_rotator_star, .archive a.more-link, .blog a.more-link, .woocommerce ul.products li.product h3:hover, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
			color: #f2998b !important;
		}

		

		a, .sidebar .widget.user-profile p a {
			color: #f2998b;
		}

		
@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

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

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

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

.eds-animate {
	overflow: hidden;	
}

.edsanimate-sis-hidden, .eds-scroll-hidden {
	opacity:0;	
}

.eds-scroll-visible {
	opacity:1;	
}

.animated {
   -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
          -o-animation-duration: 1s;
       	     animation-duration: 1s;
}

/*Delay classes*/
.delay1 {
    -webkit-animation-delay: .5s;
      -moz-animation-delay: .5s;
        -ms-animation-delay: .5s;
          -o-animation-delay: .5s;
             animation-delay: .5s;
}

.delay2 {
    -webkit-animation-delay: 1s;
      -moz-animation-delay: 1s;
        -ms-animation-delay: 1s;
          -o-animation-delay: 1s;
             animation-delay: 1s;
}

.delay3 {
    -webkit-animation-delay: 1.5s;
      -moz-animation-delay: 1.5s;
        -ms-animation-delay: 1.5s;
          -o-animation-delay: 1.5s;
             animation-delay: 1.5s;
}

.delay4 {
    -webkit-animation-delay: 2s;
      -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
          -o-animation-delay: 2s;
             animation-delay: 2s;
}

.delay5 {
    -webkit-animation-delay: 2.5s;
      -moz-animation-delay: 2.5s;
        -ms-animation-delay: 2.5s;
          -o-animation-delay: 2.5s;
             animation-delay: 2.5s;
}

.delay6 {
    -webkit-animation-delay: 3s;
      -moz-animation-delay: 3s;
        -ms-animation-delay: 3s;
          -o-animation-delay: 3s;
             animation-delay: 3s;
}

.delay7 {
    -webkit-animation-delay: 3.5s;
      -moz-animation-delay: 3.5s;
        -ms-animation-delay: 3.5s;
          -o-animation-delay: 3.5s;
             animation-delay: 3.5s;
}

.delay8 {
    -webkit-animation-delay: 4s;
      -moz-animation-delay: 4s;
        -ms-animation-delay: 4s;
          -o-animation-delay: 4s;
             animation-delay: 4s;
}

.delay9 {
    -webkit-animation-delay: 4.5s;
      -moz-animation-delay: 4.5s;
        -ms-animation-delay: 4.5s;
          -o-animation-delay: 4.5s;
             animation-delay: 4.5s;
}

.delay10 {
    -webkit-animation-delay: 5s;
      -moz-animation-delay: 5s;
        -ms-animation-delay: 5s;
          -o-animation-delay: 5s;
             animation-delay: 5s;
}

.delay11 {
    -webkit-animation-delay: 5.5s;
      -moz-animation-delay: 5.5s;
        -ms-animation-delay: 5.5s;
          -o-animation-delay: 5.5s;
             animation-delay: 5.5s;
}

.delay12 {
    -webkit-animation-delay: 6s;
      -moz-animation-delay: 6s;
        -ms-animation-delay: 6s;
          -o-animation-delay: 6s;
             animation-delay: 6s;
}

/*Duration Classes*/
.duration1 {
    -webkit-animation-duration: .5s !important;
      -moz-animation-duration: .5s !important;
        -ms-animation-duration: .5s !important;
          -o-animation-duration: .5s !important;
       	     animation-duration: .5s !important;
}

.duration2 {
    -webkit-animation-duration: 1s !important;
      -moz-animation-duration: 1s !important;
        -ms-animation-duration: 1s !important;
          -o-animation-duration: 1s !important;
       	     animation-duration: 1s !important;
}

.duration3 {
    -webkit-animation-duration: 1.5s !important;
      -moz-animation-duration: 1.5s !important;
        -ms-animation-duration: 1.5s !important;
          -o-animation-duration: 1.5s !important;
       	     animation-duration: 1.5s !important;
}

.duration4 {
    -webkit-animation-duration: 2s !important;
      -moz-animation-duration: 2s !important;
        -ms-animation-duration: 2s !important;
          -o-animation-duration: 2s !important;
       	     animation-duration: 2s !important;
}

.duration5 {
    -webkit-animation-duration: 2.5s !important;
      -moz-animation-duration: 2.5s !important;
        -ms-animation-duration: 2.5s !important;
          -o-animation-duration: 2.5s !important;
       	     animation-duration: 2.5s !important;
}

.duration6 {
    -webkit-animation-duration: 3s !important;
      -moz-animation-duration: 3s !important;
        -ms-animation-duration: 3s !important;
          -o-animation-duration: 3s !important;
       	     animation-duration: 3s !important;
}

.duration7 {
    -webkit-animation-duration: 3.5s !important;
      -moz-animation-duration: 3.5s !important;
        -ms-animation-duration: 3.5s !important;
          -o-animation-duration: 3.5s !important;
       	     animation-duration: 3.5s !important;
}

.duration8 {
    -webkit-animation-duration: 4s !important;
      -moz-animation-duration: 4s !important;
        -ms-animation-duration: 4s !important;
          -o-animation-duration: 4s !important;
       	     animation-duration: 4s !important;
}

.duration9 {
    -webkit-animation-duration: 4.5s !important;
      -moz-animation-duration: 4.5s !important;
        -ms-animation-duration: 4.5s !important;
          -o-animation-duration: 4.5s !important;
       	     animation-duration: 4.5s !important;
}

.duration10 {
    -webkit-animation-duration: 5s !important;
      -moz-animation-duration: 5s !important;
        -ms-animation-duration: 5s !important;
          -o-animation-duration: 5s !important;
       	     animation-duration: 5s !important;
}

.duration11 {
    -webkit-animation-duration: 5.5s !important;
      -moz-animation-duration: 5.5s !important;
        -ms-animation-duration: 5.5s !important;
          -o-animation-duration: 5.5s !important;
       	     animation-duration: 5.5s !important;
}

.duration12 {
    -webkit-animation-duration: 6s !important;
      -moz-animation-duration: 6s !important;
        -ms-animation-duration: 6s !important;
          -o-animation-duration: 6s !important;
       	     animation-duration: 6s !important;
}

.duration13 {
    -webkit-animation-duration: 6.5s !important;
      -moz-animation-duration: 6.5s !important;
        -ms-animation-duration: 6.5s !important;
          -o-animation-duration: 6.5s !important;
       	     animation-duration: 6.5s !important;
}

.duration14 {
    -webkit-animation-duration: 7s !important;
      -moz-animation-duration: 7s !important;
        -ms-animation-duration: 7s !important;
          -o-animation-duration: 7s !important;
       	     animation-duration: 7s !important;
}

.duration15 {
    -webkit-animation-duration: 7.5s !important;
      -moz-animation-duration: 7.5s !important;
        -ms-animation-duration: 7.5s !important;
          -o-animation-duration: 7.5s !important;
       	     animation-duration: 7.5s !important;
}

.duration16 {
    -webkit-animation-duration: 8s !important;
      -moz-animation-duration: 8s !important;
        -ms-animation-duration: 8s !important;
          -o-animation-duration: 8s !important;
       	     animation-duration: 8s !important;
}

.duration17 {
    -webkit-animation-duration: 8.5s !important;
      -moz-animation-duration: 8.5s !important;
        -ms-animation-duration: 8.5s !important;
          -o-animation-duration: 8.5s !important;
       	     animation-duration: 8.5s !important;
}

.duration18 {
    -webkit-animation-duration: 9s !important;
      -moz-animation-duration: 9s !important;
        -ms-animation-duration: 9s !important;
          -o-animation-duration: 9s !important;
       	     animation-duration: 9s !important;
}

.duration19 {
    -webkit-animation-duration: 9.5s !important;
      -moz-animation-duration: 9.5s !important;
        -ms-animation-duration: 9.5s !important;
          -o-animation-duration: 9.5s !important;
       	     animation-duration: 9.5s !important;
}

.duration20 {
    -webkit-animation-duration: 10s !important;
      -moz-animation-duration: 10s !important;
        -ms-animation-duration: 10s !important;
          -o-animation-duration: 10s !important;
       	     animation-duration: 10s !important;
}

.animated {
	/* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

	animation-fill-mode: both;
	transform: translate3d(0, 0, 0);	

	-o-animation-fill-mode: both;
	-o-transform: translate3d(0, 0, 0);	

	-moz-animation-fill-mode: both;
	-moz-transform: translate3d(0, 0, 0);
	
	-webkit-animation-fill-mode: both;
	-webkit-transform: translate3d(0, 0, 0);
}

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

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

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

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

.animated.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.animated.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.animated.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.animated.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -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);
  }

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

@keyframes rubberBand {
  0% {
    -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);
  }

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

.animated.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.animated.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes jello {
  0%, 11.1%, 100% {
    -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 {
  0%, 11.1%, 100% {
    -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);
  }
}

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

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

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.animated.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.animated.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

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

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

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

.animated.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.animated.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animated.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

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

.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

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

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

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

.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

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

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

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

.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

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

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

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

.animated.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

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

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

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

.animated.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(1080px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(1080px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(1080px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(1080px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1080px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-1080px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-1080px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-1080px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animated.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.animated.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

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

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

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

.animated.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

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

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

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

.animated.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.animated.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.animated.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

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

.animated.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.animated.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-1080px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-1080px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-1080px);
	}
}

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

.animated.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(1080px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(1080px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(1080px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(1080px);
	}
}

.animated.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

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

.animated.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.animated.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(1080px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(1080px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(1080px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(1080px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-1080px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-1080px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-1080px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-1080px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.animated.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-1080px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-1080px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-1080px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-1080px);
	}
}

.animated.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(1080px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(1080px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(1080px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(1080px);
	}
}

.animated.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.animated.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.animated.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.animated.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

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

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

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

.animated.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

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

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

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

.animated.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

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

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

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

.animated.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

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

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

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

.animated.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

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

.animated.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

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

.animated.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

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

.animated.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

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

.animated.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

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

.animated.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

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

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    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 {
  0% {
    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);
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    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 {
  0% {
    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);
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    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 {
  0% {
    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);
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    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 {
  0% {
    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);
  }
}

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

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

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

  100% {
    opacity: 0;
  }
}

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

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

  100% {
    opacity: 0;
  }
}

.animated.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);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 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);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 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);
  }
}

.animated.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);
  }

  100% {
    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);
  }

  100% {
    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;
  }
}

.animated.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);
  }

  100% {
    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);
  }

  100% {
    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;
  }
}

.animated.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);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 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);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 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);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.animated.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-3000px) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-3000px) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

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

.animated.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

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

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

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

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

    100% {
		opacity: 0;
		transform: translateX(3000px) rotate(120deg);
	}
}

.animated.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

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

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

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

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

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

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

.animated.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.animated.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}



/*

A couple of additions for the animo.js library

Daniel Raftery <@ThirvingKings>

*/

.animated.fade {
	-webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade;
}

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

@-moz-keyframes fade {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@-o-keyframes fade {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes fade {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

.animated.appear {
	-webkit-animation-name: appear;
  -moz-animation-name: appear;
  -o-animation-name: appear;
  animation-name: appear;
}

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

@-moz-keyframes appear {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@-o-keyframes appear {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes appear {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.animated.spinner {
	-webkit-animation-name: spinner;
  -moz-animation-name: spinner;
  -o-animation-name: spinner;
  animation-name: spinner;
}

@-webkit-keyframes spinner {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spinner {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}

@-o-keyframes spinner {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}

@keyframes spinner {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.animated.twirlIn {
  -webkit-animation-name: twirlIn;
  -moz-animation-name: twirlIn;
  -o-animation-name: twirlIn;
  animation-name: twirlIn;
}

@-webkit-keyframes twirlIn {
  0% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
  100% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
}

@-moz-keyframes twirlIn {
  0% { -moz-transform: rotate3d( 80,70,10,180deg ); }
  100% { -moz-transform: rotate3d( 0,0,0,0deg ); }
}

@-o-keyframes twirlIn {
  0% { -o-transform: rotate3d( 80,70,10,180deg ); }
  100% { -o-transform: rotate3d( 0,0,0,0deg ); }
}

@keyframes twirlIn {
  0% { transform: rotate3d( 0,0,0,0deg ); }
  100% { transform: rotate3d( 80,70,10,180deg ); }
}

.animated.twirlOut {
  -webkit-animation-name: twirlOut;
  -moz-animation-name: twirlOut;
  -o-animation-name: twirlOut;
  animation-name: twirlOut;
}

@-webkit-keyframes twirlOut {
  0% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
  100% { -webkit-transform: rotate3d( 80,-70,10,180deg );  }
}

@-moz-keyframes twirlOut {
  0% { -moz-transform: rotate3d( 0,0,0,0deg ); }
  100% { -moz-transform: rotate3d( 80,70,10,180deg ); }
}

@-o-keyframes twirlOut { 
  0% { -o-transform: rotate3d( 0,0,0,0deg ); }
  100% { -o-transform: rotate3d( 80,70,10,180deg ); }
}

@keyframes twirlOut { 
  0% { transform: rotate3d( 0,0,0,0deg ); }
  100% { transform: rotate3d( 80,70,10,180deg ); }
}

.eds-animation-paused {
 -webkit-animation-play-state: paused; 
   animation-play-state: paused;
}

/* originally authored by Ian Lunn - https://github.com/IanLunn */

/* Grow */
@-webkit-keyframes grow {
  100% { -webkit-transform: scale(1.1);  }
}

@-moz-keyframes grow {
  100% { -moz-transform: scale(1.1);  }
}

@-o-keyframes grow { 
  100% { -o-transform: scale(1.1);  }
}

@keyframes grow { 
  100% { transform: scale(1.1);  }
}

.animated.grow {
  -webkit-animation-name: grow;
  -moz-animation-name: grow;
  -o-animation-name: grow;
  animation-name: grow;
}

/* Shrink */
@-webkit-keyframes shrink {
  100% { -webkit-transform: scale(0.9);  }
}

@-moz-keyframes shrink {
  100% { -moz-transform: scale(0.9);  }
}

@-o-keyframes shrink { 
  100% { -o-transform: scale(0.9);  }
}

@keyframes shrink { 
  100% { transform: scale(0.9);  }
}

.animated.shrink {
  -webkit-animation-name: shrink;
  -moz-animation-name: shrink;
  -o-animation-name: shrink;
  animation-name: shrink;
}

/* Pulse Grow */
@-webkit-keyframes pulseGrow {
  0% { -webkit-transform: scale(1.1); }
}

@-moz-keyframes pulseGrow {
  0% { -moz-transform: scale(1.1); }
}

@-o-keyframes pulseGrow {
  0% { -o-transform: scale(1.1); }
}

@keyframes pulseGrow {
  0% { transform: scale(1.1); }
}

.animated.pulseGrow {
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-name: pulseGrow;
  -moz-animation-name: pulseGrow;
  -o-animation-name: pulseGrow;
  animation-name: pulseGrow;
}

/* Pulse Shrink */
@-webkit-keyframes pulseShrink {
  0% { -webkit-transform: scale(0.9); }
}

@-moz-keyframes pulseShrink {
  0% { -moz-transform: scale(0.9); }
}

@-o-keyframes pulseShrink {
  0% { -o-transform: scale(0.9); }
}

@keyframes pulseShrink {
  0% { transform: scale(0.9); }
}

.animated.pulseShrink {
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-name: pulseShrink;
  -moz-animation-name: pulseShrink;
  -o-animation-name: pulseShrink;
  animation-name: pulseShrink;
}

/* Push */
@-webkit-keyframes push {
  50% { -webkit-transform: scale(0.8); }
  100% { -webkit-transform: scale(1); }
}

@-moz-keyframes push {
  50% { -moz-transform: scale(0.8); }
  100% { -moz-transform: scale(1); }
}

@-o-keyframes push {
  50% { -o-transform: scale(0.8); }
  100% { -o-transform: scale(1); }
}

@keyframes push {
  50% { transform: scale(0.8); }
  100% { transform: scale(1); }
}

.animated.push {
  -webkit-animation-name: push;
  -moz-animation-name: push;
  -o-animation-name: push;
  animation-name: push;
}

/* Pop */
@-webkit-keyframes pop {
  50% { -webkit-transform: scale(1.2); }
}

@-moz-keyframes pop {
  50% { -moz-transform: scale(1.2); }
}

@-o-keyframes pop {
  50% { -o-transform: scale(1.2); }
}

@keyframes pop {
  50% { transform: scale(1.2); }
}

.animated.pop {
  -webkit-animation-name: pop;
  -moz-animation-name: pop;
  -o-animation-name: pop;
  animation-name: pop;
}

/* Rotate */
@-webkit-keyframes rotate {
  100% { -webkit-transform: rotate(60deg);  }
}

@-moz-keyframes rotate {
  100% { -moz-transform: rotate(60deg);  }
}

@-o-keyframes rotate { 
  100% { -o-transform: rotate(60deg);  }
}

@keyframes rotate { 
  100% { transform: rotate(60deg);  }
}

.animated.rotate {
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
}

/* Grow Rotate */
@-webkit-keyframes growRotate {
  100% { -webkit-transform: scale(1.1) rotate(60deg);  }
}

@-moz-keyframes growRotate {
  100% { -moz-transform: scale(1.1) rotate(60deg);  }
}

@-o-keyframes growRotate { 
  100% { -o-transform: scale(1.1) rotate(60deg);  }
}

@keyframes growRotate { 
  100% { transform: scale(1.1) rotate(60deg);  }
}

.animated.growRotate {
  -webkit-animation-name: growRotate;
  -moz-animation-name: growRotate;
  -o-animation-name: growRotate;
  animation-name: growRotate;
}

/* Float */
@-webkit-keyframes float {
  100% { -webkit-transform: translateY(-8px);  }
}

@-moz-keyframes float {
  100% { -moz-transform: translateY(-8px);  }
}

@-o-keyframes float { 
  100% { -o-transform: translateY(-8px);  }
}

@keyframes float { 
  100% { transform: translateY(-8px);  }
}

.animated.float {
  -webkit-animation-name: float;
  -moz-animation-name: float;
  -o-animation-name: float;
  animation-name: float;
}

/* Sink */
@-webkit-keyframes sink {
  100% { -webkit-transform: translateY(8px);  }
}

@-moz-keyframes sink {
  100% { -moz-transform: translateY(8px);  }
}

@-o-keyframes sink { 
  100% { -o-transform: translateY(8px);  }
}

@keyframes sink { 
  100% { transform: translateY(8px);  }
}

.animated.sink {
  -webkit-animation-name: sink;
  -moz-animation-name: sink;
  -o-animation-name: sink;
  animation-name: sink;
}

/* Skew */
@-webkit-keyframes skew {
  100% { -webkit-transform: skew(-10deg);  }
}

@-moz-keyframes skew {
  100% { -moz-transform: skew(-10deg);  }
}

@-o-keyframes skew { 
  100% { -o-transform: skew(-10deg);  }
}

@keyframes skew { 
  100% { transform: skew(-10deg);  }
}

.animated.skew {
  -webkit-animation-name: skew;
  -moz-animation-name: skew;
  -o-animation-name: skew;
  animation-name: skew;
}

/* Skew Forward */
@-webkit-keyframes skewForward {
  100% { -webkit-transform: skew(-10deg);  }
}

@-moz-keyframes skewForward {
  100% { -moz-transform: skew(-10deg);  }
}

@-o-keyframes skewForward { 
  100% { -o-transform: skew(-10deg);  }
}

@keyframes skewForward { 
  100% { transform: skew(-10deg);  }
}

.animated.skewForward {
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-animation-name: skewForward;
  -moz-animation-name: skewForward;
  -o-animation-name: skewForward;
  animation-name: skewForward;
}

/* Skew Backward */
@-webkit-keyframes skewBackward {
  100% { -webkit-transform: skew(10deg);  }
}

@-moz-keyframes skewBackward {
  100% { -moz-transform: skew(10deg);  }
}

@-o-keyframes skewBackward { 
  100% { -o-transform: skew(10deg);  }
}

@keyframes skewBackward { 
  100% { transform: skew(10deg);  }
}

.animated.skewBackward {
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-animation-name: skewBackward;
  -moz-animation-name: skewBackward;
  -o-animation-name: skewBackward;
  animation-name: skewBackward;
}

/* Wobble Vertical */
@-webkit-keyframes wobbleVertical {
  16.65% { -webkit-transform: translateY(8px); }
  33.3% { -webkit-transform: translateY(-6px); }
  49.95% { -webkit-transform: translateY(4px); }
  66.6% { -webkit-transform: translateY(-2px); }
  83.25% { -webkit-transform: translateY(1px); }
  100% { -webkit-transform: translateY(0); }
}

@-moz-keyframes wobbleVertical {
  16.65% { -moz-transform: translateY(8px); }
  33.3% { -moz-transform: translateY(-6px); }
  49.95% { -moz-transform: translateY(4px); }
  66.6% { -moz-transform: translateY(-2px); }
  83.25% { -moz-transform: translateY(1px); }
  100% { -moz-transform: translateY(0); }
}

@-o-keyframes wobbleVertical {
  16.65% { -o-transform: translateY(8px); }
  33.3% { -o-transform: translateY(-6px); }
  49.95% { -o-transform: translateY(4px); }
  66.6% { -o-transform: translateY(-2px); }
  83.25% { -o-transform: translateY(1px); }
  100% { -o-transform: translateY(0); }
}

@keyframes wobbleVertical {
  16.65% { transform: translateY(8px); }
  33.3% { transform: translateY(-6px); }
  49.95% { transform: translateY(4px); }
  66.6% { transform: translateY(-2px); }
  83.25% { transform: translateY(1px); }
  100% { transform: translateY(0); }
}

.animated.wobbleVertical {
  -webkit-animation-name: wobbleVertical;
  -moz-animation-name: wobbleVertical;
  -o-animation-name: wobbleVertical;
  animation-name: wobbleVertical;
}

/* Wobble Horizontal */
@-webkit-keyframes wobbleHorizontal {
  16.65% { -webkit-transform: translateX(8px); }
  33.3% { -webkit-transform: translateX(-6px); }
  49.95% { -webkit-transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes wobbleHorizontal {
  16.65% { -moz-transform: translateX(8px); }
  33.3% { -moz-transform: translateX(-6px); }
  49.95% { -moz-transform: translateX(4px); }
  66.6% { -moz-transform: translateX(-2px); }
  83.25% { -moz-transform: translateX(1px); }
  100% { -moz-transform: translateX(0); }
}

@-o-keyframes wobbleHorizontal {
  16.65% { -o-transform: translateX(8px); }
  33.3% { -o-transform: translateX(-6px); }
  49.95% { -o-transform: translateX(4px); }
  66.6% { -o-transform: translateX(-2px); }
  83.25% { -o-transform: translateX(1px); }
  100% { -o-transform: translateX(0); }
}

@keyframes wobbleHorizontal {
  16.65% { transform: translateX(8px); }
  33.3% { transform: translateX(-6px); }
  49.95% { transform: translateX(4px); }
  66.6% { transform: translateX(-2px); }
  83.25% { transform: translateX(1px); }
  100% { transform: translateX(0); }
}

.animated.wobbleHorizontal {
  -webkit-animation-name: wobbleHorizontal;
  -moz-animation-name: wobbleHorizontal;
  -o-animation-name: wobbleHorizontal;
  animation-name: wobbleHorizontal;
}

/* Wobble To Bottom Right */
@-webkit-keyframes wobbleToBottomRight {
  16.65% { -webkit-transform: translate(8px, 8px); }
  33.3% { -webkit-transform: translate(-6px, -6px); }
  49.95% { -webkit-transform: translate(4px, 4px); }
  66.6% { -webkit-transform: translate(-2px, -2px); }
  83.25% { -webkit-transform: translate(1px, 1px); }
  100% { -webkit-transform: translate(0, 0); }
}

@-moz-keyframes wobbleToBottomRight {
  16.65% { -moz-transform: translate(8px, 8px); }
  33.3% { -moz-transform: translate(-6px, -6px); }
  49.95% { -moz-transform: translate(4px, 4px); }
  66.6% { -moz-transform: translate(-2px, -2px); }
  83.25% { -moz-transform: translate(1px, 1px); }
  100% { -moz-transform: translate(0, 0); }
}

@-o-keyframes wobbleToBottomRight {
  16.65% { -o-transform: translate(8px, 8px); }
  33.3% { -o-transform: translate(-6px, -6px); }
  49.95% { -o-transform: translate(4px, 4px); }
  66.6% { -o-transform: translate(-2px, -2px); }
  83.25% { -o-transform: translate(1px, 1px); }
  100% { -o-transform: translate(0, 0); }
}

@keyframes wobbleToBottomRight {
  16.65% { transform: translate(8px, 8px); }
  33.3% { transform: translate(-6px, -6px); }
  49.95% { transform: translate(4px, 4px); }
  66.6% { transform: translate(-2px, -2px); }
  83.25% { transform: translate(1px, 1px); }
  100% { transform: translate(0, 0); }
}

.animated.wobbleToBottomRight {
  -webkit-animation-name: wobbleToBottomRight;
  -moz-animation-name: wobbleToBottomRight;
  -o-animation-name: wobbleToBottomRight;
  animation-name: wobbleToBottomRight;
}

/* Wobble To Top Right */
@-webkit-keyframes wobbleToTopRight {
  16.65% { -webkit-transform: translate(8px, -8px); }
  33.3% { -webkit-transform: translate(-6px, 6px); }
  49.95% { -webkit-transform: translate(4px, -4px); }
  66.6% { -webkit-transform: translate(-2px, 2px); }
  83.25% { -webkit-transform: translate(1px, -1px); }
  100% { -webkit-transform: translate(0, 0); }
}

@-moz-keyframes wobbleToTopRight {
  16.65% { -moz-transform: translate(8px, -8px); }
  33.3% { -moz-transform: translate(-6px, 6px); }
  49.95% { -moz-transform: translate(4px, -4px); }
  66.6% { -moz-transform: translate(-2px, 2px); }
  83.25% { -moz-transform: translate(1px, -1px); }
  100% { -moz-transform: translate(0, 0); }
}

@-o-keyframes wobbleToTopRight {
  16.65% { -o-transform: translate(8px, -8px); }
  33.3% { -o-transform: translate(-6px, 6px); }
  49.95% { -o-transform: translate(4px, -4px); }
  66.6% { -o-transform: translate(-2px, 2px); }
  83.25% { -o-transform: translate(1px, -1px); }
  100% { -o-transform: translate(0, 0); }
}

@keyframes wobbleToTopRight {
  16.65% { transform: translate(8px, -8px); }
  33.3% { transform: translate(-6px, 6px); }
  49.95% { transform: translate(4px, -4px); }
  66.6% { transform: translate(-2px, 2px); }
  83.25% { transform: translate(1px, -1px); }
  100% { transform: translate(0, 0); }
}

.animated.wobbleToTopRight {
  -webkit-animation-name: wobbleToTopRight;
  -moz-animation-name: wobbleToTopRight;
  -o-animation-name: wobbleToTopRight;
  animation-name: wobbleToTopRight;
}

/* Wobble Top */
@-webkit-keyframes wobbleTop {
  16.65% { -webkit-transform: skew(-12deg); }
  33.3% { -webkit-transform: skew(10deg); }
  49.95% { -webkit-transform: skew(-6deg); }
  66.6% { -webkit-transform: skew(4deg); }
  83.25% { -webkit-transform: skew(-2deg); }
  100% { -webkit-transform: skew(0); }
}

@-moz-keyframes wobbleTop {
  16.65% { -moz-transform: skew(-12deg); }
  33.3% { -moz-transform: skew(10deg); }
  49.95% { -moz-transform: skew(-6deg); }
  66.6% { -moz-transform: skew(4deg); }
  83.25% { -moz-transform: skew(-2deg); }
  100% { -moz-transform: skew(0); }
}

@-o-keyframes wobbleTop {
  16.65% { -o-transform: skew(-12deg); }
  33.3% { -o-transform: skew(10deg); }
  49.95% { -o-transform: skew(-6deg); }
  66.6% { -o-transform: skew(4deg); }
  83.25% { -o-transform: skew(-2deg); }
  100% { -o-transform: skew(0); }
}

@keyframes wobbleTop {
  16.65% { transform: skew(-12deg); }
  33.3% { transform: skew(10deg); }
  49.95% { transform: skew(-6deg); }
  66.6% { transform: skew(4deg); }
  83.25% { transform: skew(-2deg); }
  100% { transform: skew(0); }
}

.animated.wobbleTop {
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-animation-name: wobbleTop;
  -moz-animation-name: wobbleTop;
  -o-animation-name: wobbleTop;
  animation-name: wobbleTop;
}

/* Wobble Bottom */
@-webkit-keyframes wobbleBottom {
  16.65% { -webkit-transform: skew(-12deg); }
  33.3% { -webkit-transform: skew(10deg); }
  49.95% { -webkit-transform: skew(-6deg); }
  66.6% { -webkit-transform: skew(4deg); }
  83.25% { -webkit-transform: skew(-2deg); }
  100% { -webkit-transform: skew(0); }
}

@-moz-keyframes wobbleBottom {
  16.65% { -moz-transform: skew(-12deg); }
  33.3% { -moz-transform: skew(10deg); }
  49.95% { -moz-transform: skew(-6deg); }
  66.6% { -moz-transform: skew(4deg); }
  83.25% { -moz-transform: skew(-2deg); }
  100% { -moz-transform: skew(0); }
}

@-o-keyframes wobbleBottom {
  16.65% { -o-transform: skew(-12deg); }
  33.3% { -o-transform: skew(10deg); }
  49.95% { -o-transform: skew(-6deg); }
  66.6% { -o-transform: skew(4deg); }
  83.25% { -o-transform: skew(-2deg); }
  100% { -o-transform: skew(0); }
}

@keyframes wobbleBottom {
  16.65% { transform: skew(-12deg); }
  33.3% { transform: skew(10deg); }
  49.95% { transform: skew(-6deg); }
  66.6% { transform: skew(4deg); }
  83.25% { transform: skew(-2deg); }
  100% { transform: skew(0); }
}

.animated.wobbleBottom {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-animation-name: wobbleBottom;
  -moz-animation-name: wobbleBottom;
  -o-animation-name: wobbleBottom;
  animation-name: wobbleBottom;
}

/* Wobble Skew */
@-webkit-keyframes wobbleSkew {
  16.65% { -webkit-transform: skew(-12deg); }
  33.3% { -webkit-transform: skew(10deg); }
  49.95% { -webkit-transform: skew(-6deg); }
  66.6% { -webkit-transform: skew(4deg); }
  83.25% { -webkit-transform: skew(-2deg); }
  100% { -webkit-transform: skew(0); }
}

@-moz-keyframes wobbleSkew {
  16.65% { -moz-transform: skew(-12deg); }
  33.3% { -moz-transform: skew(10deg); }
  49.95% { -moz-transform: skew(-6deg); }
  66.6% { -moz-transform: skew(4deg); }
  83.25% { -moz-transform: skew(-2deg); }
  100% { -moz-transform: skew(0); }
}

@-o-keyframes wobbleSkew {
  16.65% { -o-transform: skew(-12deg); }
  33.3% { -o-transform: skew(10deg); }
  49.95% { -o-transform: skew(-6deg); }
  66.6% { -o-transform: skew(4deg); }
  83.25% { -o-transform: skew(-2deg); }
  100% { -o-transform: skew(0); }
}

@keyframes wobbleSkew {
  16.65% { transform: skew(-12deg); }
  33.3% { transform: skew(10deg); }
  49.95% { transform: skew(-6deg); }
  66.6% { transform: skew(4deg); }
  83.25% { transform: skew(-2deg); }
  100% { transform: skew(0); }
}

.animated.wobbleSkew {
  -webkit-animation-name: wobbleSkew;
  -moz-animation-name: wobbleSkew;
  -o-animation-name: wobbleSkew;
  animation-name: wobbleSkew;
}

/* Buzz */
@-webkit-keyframes buzz {
  50% { -webkit-transform: translateX(3px) rotate(2deg); }
  100% { -webkit-transform: translateX(-3px) rotate(-2deg); }
}

@-moz-keyframes buzz {
  50% { -moz-transform: translateX(3px) rotate(2deg); }
  100% { -moz-transform: translateX(-3px) rotate(-2deg); }
}

@-o-keyframes buzz {
  50% { -o-transform: translateX(3px) rotate(2deg); }
  100% { -o-transform: translateX(-3px) rotate(-2deg); }
}

@keyframes buzz {
  50% { transform: translateX(3px) rotate(2deg); }
  100% { transform: translateX(-3px) rotate(-2deg); }
}

.animated.buzz {
  -webkit-animation-name: buzz;
  -moz-animation-name: buzz;
  -o-animation-name: buzz;
  animation-name: buzz;
}

/* Buzz Out */
@-webkit-keyframes buzzOut {
  10% { -webkit-transform: translateX(3px) rotate(2deg); }
  20% { -webkit-transform: translateX(-3px) rotate(-2deg); }
  30% { -webkit-transform: translateX(3px) rotate(2deg); }
  40% { -webkit-transform: translateX(-3px) rotate(-2deg); }
  50% { -webkit-transform: translateX(2px) rotate(1deg); }
  60% { -webkit-transform: translateX(-2px) rotate(-1deg); }
  70% { -webkit-transform: translateX(2px) rotate(1deg); }
  80% { -webkit-transform: translateX(-2px) rotate(-1deg); }
  90% { -webkit-transform: translateX(1px) rotate(0); }
  100% { -webkit-transform: translateX(-1px) rotate(0); }
}

@-moz-keyframes buzzOut {
  10% { -moz-transform: translateX(3px) rotate(2deg); }
  20% { -moz-transform: translateX(-3px) rotate(-2deg); }
  30% { -moz-transform: translateX(3px) rotate(2deg); }
  40% { -moz-transform: translateX(-3px) rotate(-2deg); }
  50% { -moz-transform: translateX(2px) rotate(1deg); }
  60% { -moz-transform: translateX(-2px) rotate(-1deg); }
  70% { -moz-transform: translateX(2px) rotate(1deg); }
  80% { -moz-transform: translateX(-2px) rotate(-1deg); }
  90% { -moz-transform: translateX(1px) rotate(0); }
  100% { -moz-transform: translateX(-1px) rotate(0); }
}

@-o-keyframes buzzOut {
  10% { -o-transform: translateX(3px) rotate(2deg); }
  20% { -o-transform: translateX(-3px) rotate(-2deg); }
  30% { -o-transform: translateX(3px) rotate(2deg); }
  40% { -o-transform: translateX(-3px) rotate(-2deg); }
  50% { -o-transform: translateX(2px) rotate(1deg); }
  60% { -o-transform: translateX(-2px) rotate(-1deg); }
  70% { -o-transform: translateX(2px) rotate(1deg); }
  80% { -o-transform: translateX(-2px) rotate(-1deg); }
  90% { -o-transform: translateX(1px) rotate(0); }
  100% { -o-transform: translateX(-1px) rotate(0); }
}

@keyframes buzzOut {
  10% { transform: translateX(3px) rotate(2deg); }
  20% { transform: translateX(-3px) rotate(-2deg); }
  30% { transform: translateX(3px) rotate(2deg); }
  40% { transform: translateX(-3px) rotate(-2deg); }
  50% { transform: translateX(2px) rotate(1deg); }
  60% { transform: translateX(-2px) rotate(-1deg); }
  70% { transform: translateX(2px) rotate(1deg); }
  80% { transform: translateX(-2px) rotate(-1deg); }
  90% { transform: translateX(1px) rotate(0); }
  100% { transform: translateX(-1px) rotate(0); }
}

.animated.buzzOut {
  -webkit-animation-name: buzzOut;
  -moz-animation-name: buzzOut;
  -o-animation-name: buzzOut;
  animation-name: buzzOut;
}

/* Forward */
@-webkit-keyframes forward {
  100% { -webkit-transform: translateX(8px);  }
}

@-moz-keyframes forward {
  100% { -moz-transform: translateX(8px);  }
}

@-o-keyframes forward { 
  100% { -o-transform: translateX(8px);  }
}

@keyframes forward { 
  100% { transform: translateX(8px);  }
}

.animated.forward {
  -webkit-animation-name: forward;
  -moz-animation-name: forward;
  -o-animation-name: forward;
  animation-name: forward;
}

/* Backward */
@-webkit-keyframes backward {
  100% { -webkit-transform: translateX(-8px);  }
}

@-moz-keyframes backward {
  100% { -moz-transform: translateX(-8px);  }
}

@-o-keyframes backward { 
  100% { -o-transform: translateX(-8px);  }
}

@keyframes backward { 
  100% { transform: translateX(-8px);  }
}

.animated.backward {
  -webkit-animation-name: backward;
  -moz-animation-name: backward;
  -o-animation-name: backward;
  animation-name: backward;
}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #ff0000;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 .ajax-loader {
	visibility: hidden;
	display: inline-block;
	background-image: url(../plugins/contact-form-7/images/ajax-loader.gif);
	width: 16px;
	height: 16px;
	border: none;
	padding: 0;
	margin: 0 0 0 4px;
	vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
	visibility: visible;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
	margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
	cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

@font-face {
  font-family: 'csscfont';
  src: url(https://sohohana.com/wp-content/plugins/cresta-social-share-counter/font/csscfont.eot?44942080);
  src: url(https://sohohana.com/wp-content/plugins/cresta-social-share-counter/font/csscfont.eot?44942080#iefix) format('embedded-opentype'),
       url(https://sohohana.com/wp-content/plugins/cresta-social-share-counter/font/csscfont.woff2?44942080) format('woff2'),
       url(https://sohohana.com/wp-content/plugins/cresta-social-share-counter/font/csscfont.woff?44942080) format('woff'),
       url(https://sohohana.com/wp-content/plugins/cresta-social-share-counter/font/csscfont.ttf?44942080) format('truetype'),
       url(https://sohohana.com/wp-content/plugins/cresta-social-share-counter/font/csscfont.svg?44942080#csscfont) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="c-icon-cresta-"]:before, [class*=" c-icon-cresta-"]:before {
	font-family: 'csscfont' !important;
	font-style: normal !important;
	font-weight: normal !important;
	speak: none !important;
	display: inline-block !important;
	text-decoration: inherit !important;
	text-align: center !important;
	line-height: 1em !important;
}
.cs {
	display: inline-block !important;
	font: normal normal normal 14px/1 csscfont !important;
	font-size: inherit !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}
.c-icon-cresta-mail:before { content: '\e800'; } /* '' */
.c-icon-cresta-plus:before { content: '\e801'; } /* '' */
.c-icon-cresta-minus:before { content: '\e802'; } /* '' */
.c-icon-cresta-whatsapp:before { content: '\e803'; } /* '' */
.c-icon-cresta-vkontakte:before { content: '\e804'; } /* '' */
.c-icon-cresta-stumbleupon:before { content: '\e805'; } /* '' */
.c-icon-cresta-pinterest:before { content: '\e806'; } /* '' */
.c-icon-cresta-facebook:before { content: '\e807'; } /* '' */
.c-icon-cresta-twitter:before { content: '\e808'; } /* '' */
.c-icon-cresta-linkedin:before { content: '\e809'; } /* '' */
.c-icon-cresta-reddit:before { content: '\e80a'; } /* '' */
.c-icon-cresta-buffer:before { content: '\e80b'; } /* '' */
.c-icon-cresta-print:before { content: '\e80d'; } /* '' */
.c-icon-cresta-xing:before { content: '\e80e'; } /* '' */
.c-icon-cresta-spinner:before { content: '\e80f'; } /* '' */
.c-icon-cresta-gplus:before { content: '\f0d5'; } /* '' */
.c-icon-cresta-ok:before { content: '\f263'; } /* '' */
.c-icon-cresta-telegram:before { content: '\f2c6'; } /* '' */
.c-icon-cresta-tumblr:before { content: '\f173'; } /* '' */
/*
   Animation for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* Share button in Content */
/* Cresta Social Share Counter Version 2.7.7 */
#crestashareiconincontent {
	margin: 0;
	font-size: 15px;
	line-height: 1;
	text-rendering: optimizeLegibility;
}
#crestashareiconincontent .sbutton {
	float:left;
	margin: 10px 5px;
}
.cresta-share-icon a {
	text-decoration: none !important;
	border: 0!important;
	outline: none !important;
	box-shadow: none !important;
}
/* Share button in Float */
#crestashareicon {
	line-height: 1;
	font-size: 15px;
	text-rendering: optimizeLegibility;
}
.cresta-share-icon .sbutton {
	position: relative;
	margin: 8px 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.5px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 1;
}
.cresta-share-icon .sbutton.crestaShadow a i {
	border-bottom: 2px solid rgba(0,0,0,.1);
	border-right: 2px solid rgba(0,0,0,.1);
}
.cresta-share-icon .sbutton.crestaShadow a i:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: -20px;
	left: 39%;
	right: -6px;
	background: rgba(0,0,0,.1);
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	-o-transition: background .8s linear;
	-moz-transition: background .8s linear;
	-webkit-transition: background .8s linear;
	transition: background .8s linear;
}
.cresta-share-icon .sbutton.crestaShadow:hover a i:after {
	background: rgba(0,0,0,0);
	-o-transition: background .0s linear;
	-moz-transition: background .0s linear;
	-webkit-transition: background .0s linear;
	transition: background .0s linear;
}
.cresta-share-icon i.c-icon-cresta-facebook {
	background: #3b5998;
}
.cresta-share-icon i.c-icon-cresta-facebook:hover {
	border: 2px solid #3b5998 !important;
	color: #3b5998;
}
.cresta-share-icon i.c-icon-cresta-twitter {
	background: #4099FF;
}
.cresta-share-icon i.c-icon-cresta-twitter:hover {
	border: 2px solid #4099FF !important;
	color: #4099FF;
}
.cresta-share-icon i.c-icon-cresta-gplus {
	background: #D34836;
}
.cresta-share-icon i.c-icon-cresta-gplus:hover {
	border: 2px solid #D34836 !important;
	color: #D34836;
}
.cresta-share-icon i.c-icon-cresta-linkedin {
	background: #007bb6;
}
.cresta-share-icon i.c-icon-cresta-linkedin:hover {
	border: 2px solid #007bb6 !important;
	color: #007bb6;
}
.cresta-share-icon i.c-icon-cresta-pinterest {
	background: #cb2027;
}
.cresta-share-icon i.c-icon-cresta-pinterest:hover {
	border: 2px solid #cb2027 !important;
	color: #cb2027;
}
.cresta-share-icon i.c-icon-cresta-print {
	background: #36c1c8;
}
.cresta-share-icon i.c-icon-cresta-print:hover {
	border: 2px solid #36c1c8 !important;
	color: #36c1c8;
}
.cresta-share-icon i.c-icon-cresta-facebook, .cresta-share-icon i.c-icon-cresta-twitter, .cresta-share-icon i.c-icon-cresta-gplus, .cresta-share-icon i.c-icon-cresta-linkedin, .cresta-share-icon i.c-icon-cresta-pinterest, .cresta-share-icon i.c-icon-cresta-print {
	color: #ffffff;
	width: 40px !important;
	height: 40px !important;
	text-align: center !important;
	padding: 11px 0;
	border: 2px solid transparent;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	-o-transition: border .6s linear , background .6s linear , color .6s linear;
	-moz-transition: border .6s linear , background .6s linear , color .6s linear;
	-webkit-transition: border .6s linear , background .6s linear , color .6s linear;
	transition: border .6s linear , background .6s linear , color .6s linear;
}
.cresta-share-icon i.c-icon-cresta-facebook:hover, .cresta-share-icon i.c-icon-cresta-twitter:hover, .cresta-share-icon i.c-icon-cresta-gplus:hover, .cresta-share-icon i.c-icon-cresta-linkedin:hover, .cresta-share-icon i.c-icon-cresta-pinterest:hover, .cresta-share-icon i.c-icon-cresta-print:hover {
	background: #ffffff;
	-o-transition: border .2s linear , background .2s linear , color .2s linear;
	-moz-transition: border .2s linear , background .2s linear , color .2s linear;
	-webkit-transition: border .2s linear, background .2s linear , color .2s linear;
	transition: border .2s linear ,background .2s linear , color .2s linear;
}
.cresta-share-icon .cresta-the-total-count, .cresta-share-icon .cresta-the-total-text {
	display: block;
	text-align: center;
	color: #000000;
	line-height:1em;
}
.cresta-share-icon .cresta-the-total-text {
	font-size: 11px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
.cresta-share-icon .cresta-the-total-count {
	font-size: 25px;
	font-weight: 700;
}
.cresta-share-icon.sameColors .facebook-cresta-share .cresta-the-count {
	background:#3b5998;
}
.cresta-share-icon.sameColors .twitter-cresta-share .cresta-the-count {
	background:#4099FF;
}
.cresta-share-icon.sameColors .googleplus-cresta-share .cresta-the-count {
	background:#D34836;
}
.cresta-share-icon.sameColors .linkedin-cresta-share .cresta-the-count {
	background:#007bb6;
}
.cresta-share-icon.sameColors .pinterest-cresta-share .cresta-the-count {
	background:#cb2027;
}
/* First Style */
.cresta-share-icon.first_style .cresta-the-count {
	background: #D60000;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 23px;
	height: 23px;
	text-align: center;
	position: absolute;
	left: 28px;
	top: -10px;
	font-size: 10px;
	line-height: 1;
	padding: 6px 0;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Second Style */
.cresta-share-icon.second_style i {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.cresta-share-icon.second_style .cresta-the-count {
	background: #D60000;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 23px;
	height: 23px;
	text-align: center;
	position: absolute;
	left: 28px;
	top: -10px;
	font-size: 10px;
	line-height: 1;
	padding: 6px 0;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Third Style */
.cresta-share-icon.third_style .cresta-the-count {
	background: #D60000;
	color: #ffffff;
	display: inline-block;
	height: 40px;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	padding: 14px 5px;
	overflow: hidden;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Fourth Style */
.cresta-share-icon.fourth_style i {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.cresta-share-icon.fourth_style .cresta-the-count {
	background: #D60000;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 23px;
	height: 23px;
	text-align: center;
	position: absolute;
	left: 28px;
	top: -10px;
	font-size: 10px;
	line-height: 1;
	padding: 6px 0;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Fifth Style */
.cresta-share-icon.fifth_style i {
	padding: 5px 0;
}
.cresta-share-icon.fifth_style .cresta-the-count {
	background: #D60000;
	color: #ffffff;
	border: 2px solid;
	border-radius: 50%;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	position: absolute;
	left: 8px;
	bottom: -10px;
	font-size: 10px;
	line-height: 1;
	padding: 5px 0;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* New Style (from 1.5 version) */
/* Eleventh Style */
.cresta-share-icon.eleventh_style i {
	padding: 5px 0;
	border-radius: 3px;
}
.cresta-share-icon.eleventh_style .cresta-the-count, .cresta-share-icon.eleventh_style .cresta-the-count-content {
	background: #D60000;
	color: #ffffff;
	display: inline-block;
	position: absolute;
	width: 48px;
	bottom: 0;
	left: -4px;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	padding: 1px 0px;
	vertical-align: bottom;
	font-weight: bold;
	overflow: hidden;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Twelft Style */
.cresta-share-icon.twelfth_style i {
	padding: 5px 0;
	-webkit-border-top-left-radius: 50%;
	-webkit-border-top-right-radius: 50%;
	-moz-border-radius-topleft: 50%;
	-moz-border-radius-topright: 50%;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
}
.cresta-share-icon.twelfth_style .cresta-the-count, .cresta-share-icon.twelfth_style .cresta-the-count-content {
	background: #D60000;
	color: #ffffff;
	display: inline-block;
	position: absolute;
	width: 48px;
	bottom: 0px;
	left: -4px;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	padding: 1px 0px;
	vertical-align: bottom;
	font-weight: bold;
	overflow: hidden;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Fourteenth Style */
.cresta-share-icon.fourteenth_style i {
	text-align: left !important;
	padding: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
.cresta-share-icon.fourteenth_style .cresta-the-count, .cresta-share-icon.fourteenth_style .cresta-the-count-content {
	background: #D60000;
	color: #ffffff;
	display: inline-block;
	height: 17px;
	position: absolute;
	right: 0;
	bottom: 2px;
	font-size: 10px;
	line-height: 1;
	padding: 4px;
	font-weight: bold;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
/* Seventeenth Style */
.cresta-share-icon.seventeenth_style i {
	padding: 5px 0 0 0;
}
.cresta-share-icon.seventeenth_style .cresta-the-count, .cresta-share-icon.seventeenth_style .cresta-the-count-content {
	background: #D60000;
	color: #ffffff;
	display: inline-block;
	height: 13px;
	text-align: center;
	position: absolute;
	left: 3px;
	right: 3px;
	bottom: 5px;
	font-size: 10px;
	line-height: 1;
	padding: 1px;
	font-weight: 300;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cresta-the-button {
	text-align: center;
	width: 40px;
	cursor: pointer;
	margin-bottom: 5px;
}
/* Credit */
.crestaCredit {
	width: 40px;
	margin: 0 !important;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cresta-share-icon i.c-icon-cresta-spinner {
	padding: 0 !important;
}
@media all and (max-width: 768px) {
	#crestashareicon {
		bottom: 0 !important;
		top: inherit !important;
		left: 0 !important;
		right: inherit !important;
		float: none !important;
		width: 100%;
		margin: 0 !important;
		background: #ffffff;
		text-align: center;
	}
	#crestashareicon .sbutton {
		clear: none !important;
		float: none !important;
		display: inline-block !important;
	}
	#crestashareicon .sbutton span:not(.cresta-the-total-count):not(.cresta-the-total-text), .cresta-the-button {
		display: none !important;
	}
	.cresta-share-icon .cresta-the-total-count {
		font-size: 16px;
	}
	#crestashareicon.cresta-share-icon .sbutton i {
		width: 30px!important;
		height: 30px !important;
		padding: 0 !important;
		line-height: 30px !important;
	}
	#crestashareicon.cresta-share-icon .sbutton, #crestashareicon.cresta-share-icon .sbutton-total {
		margin: 3px 1px !important;
	}
}
/*--------------------------------------------------------------
Print Style
--------------------------------------------------------------*/
@media print {
	.cresta-share-icon {
		display: none !important;
	}
}