/* Start:/local/assets/css/content.css?1608887722702*/
.csc-space-after-20 { margin-bottom: 20px !important; }
.csc-space-before-20 { margin-top: 20px !important; }
.csc-space-before-50 { margin-top: 50px !important; }
.csc-space-before-10 { margin-top: 10px !important; }
.csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 10004px; }
.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 10004px; }
.csc-space-after-15 { margin-bottom: 15px !important; }
.csc-space-after-40 { margin-bottom: 40px !important; }
.csc-space-before-40 { margin-top: 40px !important; }
.csc-space-after-30 {margin-bottom: 30px !important; }
.csc-space-after-60 { margin-bottom: 60px !important; }
.csc-space-before-60 { margin-top: 60px !important; }
/* End */


/* Start:/local/components/eco/eco.feedback/templates/.default/style.min.css?1608887730251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/local/assets/css/main.new.css?1621575323601274*/
@charset "UTF-8";
/* moved by compressor */
/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
    clear: both;
}

.news .nav ul {
    float: left;
    display: inline;
    margin: 0;
}

.news .nav li {
    float: left;
}

.news .nav a {
    float: left;
    display: block;
}

.news .nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.news .article {
    padding-bottom: 15px;
    margin-bottom: 60px;
}


.news .article.detaillist {
    padding-bottom: 15px;
    margin-bottom: 0;
}

.news .article.home {
    padding-bottom: 5px;
    margin-bottom: 0;
}

.news .article.home:first-child {
    padding-bottom: 5px;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

.news .article:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.news .article:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.news .article .news-img-wrap {
    float: left;
    margin: 3px 12px 5px 0;
    background: #fff;
}

.news .article .news-img-wrap a {
    display: block;
    float: left;
}

.news .article .news-img-wrap img {
    float: left;
    height: auto;
    width: auto;
}

.news .article .teaser-text {
    margin: 0 0 10px 0;
}

.news .article h3 {
    margin-bottom: 0;
}

.news .home {
    position: relative;
    padding: 10px 0px 0px 25px;
    border-bottom: 1px solid #303030;
}

.news .home .news-img-wrap {
    background: none;
    float: left;
    margin: 0;
    width: 128px;
}

.news .home .more-icon {
    padding-top: 5.5%;
    position: absolute;
    top: 0;
    left: 0px;
    width: 10px;
    height: 100%;
}

.news .home .more-icon a {
    width: 10px;
    height: 10px;
}

.news .home .more-image {
    position: absolute;
    left: 0;
    top: 16px;
    width: 10px;
    height: 10px;
    background: url('/local/assets/img/news_pre.png') left 0px no-repeat;
}

.news .home:first-child .more-image {
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    background: url('/local/assets/img/news_pre.png') left 0px no-repeat;
}

.news .home:hover .more-image {
    background-position: 0 -20px;
}

.news .home:hover h4 a {
    color: #ffffff;
}

.news .article.home .teaser-text {
    margin: 0px;
}

.news .article.home p {
    padding: 0px;
}

.news .footer {
    clear: both;
    padding: 10px 0 0 0;
    margin-top: 15px;
    color: #919191;
}

.news .footer p {
    line-height: 1em;
}

.news .footer span {
    display: inline-block;
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.news .footer span:last-child:after {
    border-right: 0;
    content: "";
}

.news .footer .news-category a {
    text-transform: uppercase;
}

.news .detaillist .footer {
    clear: both;
    padding: 0;
    border-top: none;
    border-bottom: 1px solid #d5d5d5;
    margin-top: 0;
    color: #919191;
}

.news .detaillist .footer p {
    line-height: 1em;
    padding-bottom: 5px;
}

.news .detaillist .footer span {
    display: inline-block;
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.news .detaillist .footer span:after {
    /*content:"//";*/
}

.news .detaillist .footer span:last-child:after {
    border-right: 0;
    content: "";
}

.news .detaillist .footer span:last-child {
    border-right: 0;
}

.news .footer .news-category a {
    text-transform: uppercase;
}


.news .home .footer {
    border-bottom: none;
    clear: both;
    margin-top: 0;
    padding: 5px 0 8px 0;
}

.news .no-news-found {
    color: #ffffff;
    font-style: italic;
}

.news .page-navigation p {
    float: left;
}

.news .page-navigation ul {
    float: right;
}

.news .page-navigation ul li {
    float: left;
    display: block;
    padding: 0 1px;
    background: none;
}

.news .page-navigation ul li a {
    display: block;
    padding: 1px 2px;
}

/* category menu view */
.news-category-view ul li {
    padding: 5px 8px;
}

.news-category-view ul li li {
    padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
    background: #f9f9f9;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #ddd;
}

/* single view */

.news-single .footer {
    margin-bottom: 0;
    margin-top: 5px;
    padding: 18px 0 0 0;
}

.news-single .footer p {
    padding-bottom: 18px;
}

.news-single .article .news-img-wrap {
    float: left;
    margin: 0 0 15px 0;
    background: none;
}

.news-single .article .news-img-wrap img {
    float: none;
}

.news-single .teaser-text {

}

.news-text-wrap {
    margin-bottom: 10px;
}

.news-img-caption {
    color: #888;
}

/* related news + files */
.news-related-wrap {
    display: table;
    margin-top: 20px;
    width: 100%;
}

.news-related {
    width: 50%;
    padding: 15px;
    border: 1px solid #eee;
    display: table-cell;
}

.news-related ul li {
    line-height: 1em;
    margin-bottom: 12px;
}

.news-related ul li span {
    border-right: 1px solid #DDDDDD;
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
    color: #888;
}

.news-related ul li span:last-child {
    border-right: 0;
    padding-right: 0;
}

.news-related h4 {
    margin-bottom: 10px;
}

.news-related-files ul li {
    margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
    background-position: 0 0;
}

.news-clear {
    clear: both;
}


.news-list-view .article.normal {
    border-bottom: 1px solid #d5d5d5;
}

/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center {
    text-align: center;
}

.csc-header-alignment-right {
    text-align: right;
}

.csc-header-alignment-left {
    text-align: left;
}

div.csc-textpic-responsive, div.csc-textpic-responsive * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Clear floats after csc-textpic and after csc-textpic-imagerow */
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: hidden;
}

/* Set padding for tables */
div.csc-textpic .csc-textpic-imagewrap table {
    border-collapse: collapse;
    border-spacing: 0;
}

div.csc-textpic .csc-textpic-imagewrap table tr td {
    padding: 0;
    vertical-align: top;
}

/* Settings for figure and figcaption (HTML5) */
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
    margin: 0;
    display: table;
}

/* Captions */
figcaption.csc-textpic-caption {
    display: table-caption;
}

.csc-textpic-caption {
    text-align: left;
    caption-side: bottom;
}

div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c {
    text-align: center;
}

div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r {
    text-align: right;
}

div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l {
    text-align: left;
}

/* Float the columns */
div.csc-textpic div.csc-textpic-imagecolumn {
    float: left;
}

/* Border just around the image */
div.csc-textpic-border li.csc-textpic-imgwrap img {
    border: 2px solid black;
    padding: 0px 0px;
}

div.csc-textpic .csc-textpic-imagewrap img {
    border: none;
    display: block;
}

/* Space below each image (also in-between rows) */
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
    margin-bottom: 0;
}

/* colSpace around image columns, except for last column */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 0px;
}

div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
    margin-right: 0;
}

/* Add margin from image-block to text (in case of "Text & Images") */
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 5px;
}

div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 5px;
}

/* Positioning of images: */

/* Center (above or below) */
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
    overflow: hidden;
}

div.csc-textpic-center .csc-textpic-center-outer {
    position: relative;
    float: right;
    right: 50%;
}

div.csc-textpic-center .csc-textpic-center-inner {
    position: relative;
    float: right;
    right: -50%;
}

/* Right (above or below) */
div.csc-textpic-right .csc-textpic-imagewrap {
    float: right;
}

div.csc-textpic-right div.csc-textpic-text {
    clear: right;
}

/* Left (above or below) */
div.csc-textpic-left .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic-left div.csc-textpic-text {
    clear: left;
}

/* Left (in text) */
div.csc-textpic-intext-left .csc-textpic-imagewrap {
    float: left;
}

/* Right (in text) */
div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: right;
}

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last {
    margin-bottom: 0;
}

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
    padding-left: 40px;
    overflow: auto;
}

/* File Links */
ul.csc-uploads {
    padding: 0;
}

ul.csc-uploads li {
    list-style: none outside none;
    margin: 1em 0;
}

ul.csc-uploads img {
    float: left;
    margin-right: 1em;
    vertical-align: top;
}

ul.csc-uploads span {
    display: block;
}

ul.csc-uploads span.csc-uploads-fileName {
    text-decoration: underline;
}

/* Table background colors: */

table.contenttable-color-1 {
    background-color: #EDEBF1;
}

table.contenttable-color-2 {
    background-color: #F5FFAA;
}

table.contenttable-color-240 {
    background-color: black;
}

table.contenttable-color-241 {
    background-color: white;
}

table.contenttable-color-242 {
    background-color: #333333;
}

table.contenttable-color-243 {
    background-color: gray;
}

table.contenttable-color-244 {
    background-color: silver;
}

/* default styles for extension "tx_dffoundation5" */
.csc-textpic-border .csc-textpic-image img {
    border: solid black 2px;
}

ul.csc-textpic-imgblock li.csc-textpic-imgwrap {
    padding: 0 0px 0px;
}

ul.csc-textpic-imgblock {
    padding: 0 5px;
}

/* default styles for extension "tx_felogin_pi1" */
.tx-felogin-pi1 label {
    display: block;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
    font-family: sans-serif; /* 1 */
    line-height: 1.15; /* 2 */
    -ms-text-size-adjust: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

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

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
    display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}


/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
   * Remove default margin.
   */
body {
    margin: 0;
}

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
    display: none;
}

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
    background-color: transparent;
}

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
    font-weight: bold;
}

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
    font-style: italic;
}

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
   * Address styling not present in IE 8/9.
   */
mark {
    background: #ff0;
    color: #000;
}

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
    font-size: 80%;
}

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
    border: 0;
}

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
    margin: 1em 40px;
}

/**
   * Address differences between Firefox and other browsers.
   */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
   * Contain overflow in all browsers.
   */
pre {
    overflow: auto;
}

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
    overflow: visible;
}

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
    text-transform: none;
}

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
    cursor: not-allowed;
}

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
    line-height: normal;
}

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
    overflow: auto;
}

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
    font-weight: bold;
}

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
    font-size: 100%;
    box-sizing: border-box;
}

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

body {
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    background: #fefefe;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0;
}

select {
    width: 100%;
    border-radius: 0;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
}

[data-whatinput='mouse'] button {
    outline: 0;
}

.is-visible {
    display: block !important;
}

.is-hidden {
    display: none !important;
}

.row {
    max-width: 67.5rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: row wrap;
}

.row .row {
    max-width: none;
    margin-left: -0.5625rem;
    margin-right: -0.5625rem;
}

@media screen and (min-width: 40em) {
    .row .row {
        margin-left: -1.125rem;
        margin-right: -1.125rem;
    }
}

.row.expanded {
    max-width: none;
}

.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

.column, .columns {
    flex: 1 1 0px;
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
    min-width: initial;
}

@media screen and (min-width: 40em) {
    .column, .columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
}

.column.row.row, .row.row.columns {
    float: none;
    display: block;
}

.row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.small-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.small-offset-0 {
    margin-left: 0%;
}

.small-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.small-offset-1 {
    margin-left: 8.33333%;
}

.small-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.small-offset-2 {
    margin-left: 16.66667%;
}

.small-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.small-offset-3 {
    margin-left: 25%;
}

.small-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.small-offset-4 {
    margin-left: 33.33333%;
}

.small-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.small-offset-5 {
    margin-left: 41.66667%;
}

.small-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.small-offset-6 {
    margin-left: 50%;
}

.small-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.small-offset-7 {
    margin-left: 58.33333%;
}

.small-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.small-offset-8 {
    margin-left: 66.66667%;
}

.small-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.small-offset-9 {
    margin-left: 75%;
}

.small-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.small-offset-10 {
    margin-left: 83.33333%;
}

.small-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.small-offset-11 {
    margin-left: 91.66667%;
}

.small-order-1 {
    order: 1;
}

.small-order-2 {
    order: 2;
}

.small-order-3 {
    order: 3;
}

.small-order-4 {
    order: 4;
}

.small-order-5 {
    order: 5;
}

.small-order-6 {
    order: 6;
}

.small-up-1 {
    flex-wrap: wrap;
}

.small-up-1 > .column, .small-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
}

.small-up-2 {
    flex-wrap: wrap;
}

.small-up-2 > .column, .small-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
}

.small-up-3 {
    flex-wrap: wrap;
}

.small-up-3 > .column, .small-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.small-up-4 {
    flex-wrap: wrap;
}

.small-up-4 > .column, .small-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
}

.small-up-5 {
    flex-wrap: wrap;
}

.small-up-5 > .column, .small-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
}

.small-up-6 {
    flex-wrap: wrap;
}

.small-up-6 > .column, .small-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.small-up-7 {
    flex-wrap: wrap;
}

.small-up-7 > .column, .small-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
}

.small-up-8 {
    flex-wrap: wrap;
}

.small-up-8 > .column, .small-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.small-up-9 {
    flex-wrap: wrap;
}

.small-up-9 > .column, .small-up-9 > .columns {
    flex: 0 0 11.11111%;
    max-width: 11.11111%;
}

.small-up-10 {
    flex-wrap: wrap;
}

.small-up-10 > .column, .small-up-10 > .columns {
    flex: 0 0 10%;
    max-width: 10%;
}

.small-up-11 {
    flex-wrap: wrap;
}

.small-up-11 > .column, .small-up-11 > .columns {
    flex: 0 0 9.09091%;
    max-width: 9.09091%;
}

.small-up-12 {
    flex-wrap: wrap;
}

.small-up-12 > .column, .small-up-12 > .columns {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.small-collapse > .column, .small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
}

@media screen and (min-width: 40em) {
    .medium-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .medium-offset-0 {
        margin-left: 0%;
    }

    .medium-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .medium-offset-1 {
        margin-left: 8.33333%;
    }

    .medium-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .medium-offset-2 {
        margin-left: 16.66667%;
    }

    .medium-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .medium-offset-3 {
        margin-left: 25%;
    }

    .medium-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .medium-offset-4 {
        margin-left: 33.33333%;
    }

    .medium-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .medium-offset-5 {
        margin-left: 41.66667%;
    }

    .medium-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .medium-offset-6 {
        margin-left: 50%;
    }

    .medium-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .medium-offset-7 {
        margin-left: 58.33333%;
    }

    .medium-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .medium-offset-8 {
        margin-left: 66.66667%;
    }

    .medium-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .medium-offset-9 {
        margin-left: 75%;
    }

    .medium-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .medium-offset-10 {
        margin-left: 83.33333%;
    }

    .medium-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .medium-offset-11 {
        margin-left: 91.66667%;
    }

    .medium-order-1 {
        order: 1;
    }

    .medium-order-2 {
        order: 2;
    }

    .medium-order-3 {
        order: 3;
    }

    .medium-order-4 {
        order: 4;
    }

    .medium-order-5 {
        order: 5;
    }

    .medium-order-6 {
        order: 6;
    }

    .medium-up-1 {
        flex-wrap: wrap;
    }

    .medium-up-1 > .column, .medium-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .medium-up-2 {
        flex-wrap: wrap;
    }

    .medium-up-2 > .column, .medium-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .medium-up-3 {
        flex-wrap: wrap;
    }

    .medium-up-3 > .column, .medium-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .medium-up-4 {
        flex-wrap: wrap;
    }

    .medium-up-4 > .column, .medium-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .medium-up-5 {
        flex-wrap: wrap;
    }

    .medium-up-5 > .column, .medium-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .medium-up-6 {
        flex-wrap: wrap;
    }

    .medium-up-6 > .column, .medium-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .medium-up-7 {
        flex-wrap: wrap;
    }

    .medium-up-7 > .column, .medium-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

    .medium-up-8 {
        flex-wrap: wrap;
    }

    .medium-up-8 > .column, .medium-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .medium-up-9 {
        flex-wrap: wrap;
    }

    .medium-up-9 > .column, .medium-up-9 > .columns {
        flex: 0 0 11.11111%;
        max-width: 11.11111%;
    }

    .medium-up-10 {
        flex-wrap: wrap;
    }

    .medium-up-10 > .column, .medium-up-10 > .columns {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .medium-up-11 {
        flex-wrap: wrap;
    }

    .medium-up-11 > .column, .medium-up-11 > .columns {
        flex: 0 0 9.09091%;
        max-width: 9.09091%;
    }

    .medium-up-12 {
        flex-wrap: wrap;
    }

    .medium-up-12 > .column, .medium-up-12 > .columns {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
}

@media screen and (min-width: 40em) and (min-width: 40em) {
    .medium-expand {
        flex: 1 1 0px;
    }
}

.row.medium-unstack > .column, .row.medium-unstack > .columns {
    flex: 0 0 100%;
}

@media screen and (min-width: 40em) {
    .row.medium-unstack > .column, .row.medium-unstack > .columns {
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 40em) {
    .medium-collapse > .column, .medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
}

@media screen and (min-width: 64em) {
    .large-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .large-offset-0 {
        margin-left: 0%;
    }

    .large-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .large-offset-1 {
        margin-left: 8.33333%;
    }

    .large-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .large-offset-2 {
        margin-left: 16.66667%;
    }

    .large-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .large-offset-3 {
        margin-left: 25%;
    }

    .large-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .large-offset-4 {
        margin-left: 33.33333%;
    }

    .large-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .large-offset-5 {
        margin-left: 41.66667%;
    }

    .large-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .large-offset-6 {
        margin-left: 50%;
    }

    .large-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .large-offset-7 {
        margin-left: 58.33333%;
    }

    .large-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .large-offset-8 {
        margin-left: 66.66667%;
    }

    .large-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .large-offset-9 {
        margin-left: 75%;
    }

    .large-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .large-offset-10 {
        margin-left: 83.33333%;
    }

    .large-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .large-offset-11 {
        margin-left: 91.66667%;
    }

    .large-order-1 {
        order: 1;
    }

    .large-order-2 {
        order: 2;
    }

    .large-order-3 {
        order: 3;
    }

    .large-order-4 {
        order: 4;
    }

    .large-order-5 {
        order: 5;
    }

    .large-order-6 {
        order: 6;
    }

    .large-up-1 {
        flex-wrap: wrap;
    }

    .large-up-1 > .column, .large-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .large-up-2 {
        flex-wrap: wrap;
    }

    .large-up-2 > .column, .large-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .large-up-3 {
        flex-wrap: wrap;
    }

    .large-up-3 > .column, .large-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .large-up-4 {
        flex-wrap: wrap;
    }

    .large-up-4 > .column, .large-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .large-up-5 {
        flex-wrap: wrap;
    }

    .large-up-5 > .column, .large-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .large-up-6 {
        flex-wrap: wrap;
    }

    .large-up-6 > .column, .large-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .large-up-7 {
        flex-wrap: wrap;
    }

    .large-up-7 > .column, .large-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

    .large-up-8 {
        flex-wrap: wrap;
    }

    .large-up-8 > .column, .large-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .large-up-9 {
        flex-wrap: wrap;
    }

    .large-up-9 > .column, .large-up-9 > .columns {
        flex: 0 0 11.11111%;
        max-width: 11.11111%;
    }

    .large-up-10 {
        flex-wrap: wrap;
    }

    .large-up-10 > .column, .large-up-10 > .columns {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .large-up-11 {
        flex-wrap: wrap;
    }

    .large-up-11 > .column, .large-up-11 > .columns {
        flex: 0 0 9.09091%;
        max-width: 9.09091%;
    }

    .large-up-12 {
        flex-wrap: wrap;
    }

    .large-up-12 > .column, .large-up-12 > .columns {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
}

@media screen and (min-width: 64em) and (min-width: 64em) {
    .large-expand {
        flex: 1 1 0px;
    }
}

.row.large-unstack > .column, .row.large-unstack > .columns {
    flex: 0 0 100%;
}

@media screen and (min-width: 64em) {
    .row.large-unstack > .column, .row.large-unstack > .columns {
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 64em) {
    .large-collapse > .column, .large-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
}

@media screen and (min-width: 75em) {
    .xlarge-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .xlarge-offset-0 {
        margin-left: 0%;
    }

    .xlarge-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%;
    }

    .xlarge-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%;
    }

    .xlarge-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .xlarge-offset-3 {
        margin-left: 25%;
    }

    .xlarge-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%;
    }

    .xlarge-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%;
    }

    .xlarge-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .xlarge-offset-6 {
        margin-left: 50%;
    }

    .xlarge-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%;
    }

    .xlarge-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%;
    }

    .xlarge-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .xlarge-offset-9 {
        margin-left: 75%;
    }

    .xlarge-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%;
    }

    .xlarge-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%;
    }

    .xlarge-order-1 {
        order: 1;
    }

    .xlarge-order-2 {
        order: 2;
    }

    .xlarge-order-3 {
        order: 3;
    }

    .xlarge-order-4 {
        order: 4;
    }

    .xlarge-order-5 {
        order: 5;
    }

    .xlarge-order-6 {
        order: 6;
    }

    .xlarge-up-1 {
        flex-wrap: wrap;
    }

    .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xlarge-up-2 {
        flex-wrap: wrap;
    }

    .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xlarge-up-3 {
        flex-wrap: wrap;
    }

    .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .xlarge-up-4 {
        flex-wrap: wrap;
    }

    .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xlarge-up-5 {
        flex-wrap: wrap;
    }

    .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .xlarge-up-6 {
        flex-wrap: wrap;
    }

    .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .xlarge-up-7 {
        flex-wrap: wrap;
    }

    .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

    .xlarge-up-8 {
        flex-wrap: wrap;
    }

    .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .xlarge-up-9 {
        flex-wrap: wrap;
    }

    .xlarge-up-9 > .column, .xlarge-up-9 > .columns {
        flex: 0 0 11.11111%;
        max-width: 11.11111%;
    }

    .xlarge-up-10 {
        flex-wrap: wrap;
    }

    .xlarge-up-10 > .column, .xlarge-up-10 > .columns {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .xlarge-up-11 {
        flex-wrap: wrap;
    }

    .xlarge-up-11 > .column, .xlarge-up-11 > .columns {
        flex: 0 0 9.09091%;
        max-width: 9.09091%;
    }

    .xlarge-up-12 {
        flex-wrap: wrap;
    }

    .xlarge-up-12 > .column, .xlarge-up-12 > .columns {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
}

@media screen and (min-width: 75em) and (min-width: 75em) {
    .xlarge-expand {
        flex: 1 1 0px;
    }
}

.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
    flex: 0 0 100%;
}

@media screen and (min-width: 75em) {
    .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 75em) {
    .xlarge-collapse > .column, .xlarge-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .xxlarge-offset-0 {
        margin-left: 0%;
    }

    .xxlarge-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .xxlarge-offset-1 {
        margin-left: 8.33333%;
    }

    .xxlarge-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xxlarge-offset-2 {
        margin-left: 16.66667%;
    }

    .xxlarge-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .xxlarge-offset-3 {
        margin-left: 25%;
    }

    .xxlarge-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .xxlarge-offset-4 {
        margin-left: 33.33333%;
    }

    .xxlarge-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xxlarge-offset-5 {
        margin-left: 41.66667%;
    }

    .xxlarge-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .xxlarge-offset-6 {
        margin-left: 50%;
    }

    .xxlarge-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .xxlarge-offset-7 {
        margin-left: 58.33333%;
    }

    .xxlarge-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .xxlarge-offset-8 {
        margin-left: 66.66667%;
    }

    .xxlarge-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .xxlarge-offset-9 {
        margin-left: 75%;
    }

    .xxlarge-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .xxlarge-offset-10 {
        margin-left: 83.33333%;
    }

    .xxlarge-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xxlarge-offset-11 {
        margin-left: 91.66667%;
    }

    .xxlarge-order-1 {
        order: 1;
    }

    .xxlarge-order-2 {
        order: 2;
    }

    .xxlarge-order-3 {
        order: 3;
    }

    .xxlarge-order-4 {
        order: 4;
    }

    .xxlarge-order-5 {
        order: 5;
    }

    .xxlarge-order-6 {
        order: 6;
    }

    .xxlarge-up-1 {
        flex-wrap: wrap;
    }

    .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xxlarge-up-2 {
        flex-wrap: wrap;
    }

    .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xxlarge-up-3 {
        flex-wrap: wrap;
    }

    .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .xxlarge-up-4 {
        flex-wrap: wrap;
    }

    .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xxlarge-up-5 {
        flex-wrap: wrap;
    }

    .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .xxlarge-up-6 {
        flex-wrap: wrap;
    }

    .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .xxlarge-up-7 {
        flex-wrap: wrap;
    }

    .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }

    .xxlarge-up-8 {
        flex-wrap: wrap;
    }

    .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .xxlarge-up-9 {
        flex-wrap: wrap;
    }

    .xxlarge-up-9 > .column, .xxlarge-up-9 > .columns {
        flex: 0 0 11.11111%;
        max-width: 11.11111%;
    }

    .xxlarge-up-10 {
        flex-wrap: wrap;
    }

    .xxlarge-up-10 > .column, .xxlarge-up-10 > .columns {
        flex: 0 0 10%;
        max-width: 10%;
    }

    .xxlarge-up-11 {
        flex-wrap: wrap;
    }

    .xxlarge-up-11 > .column, .xxlarge-up-11 > .columns {
        flex: 0 0 9.09091%;
        max-width: 9.09091%;
    }

    .xxlarge-up-12 {
        flex-wrap: wrap;
    }

    .xxlarge-up-12 > .column, .xxlarge-up-12 > .columns {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
}

@media screen and (min-width: 90em) and (min-width: 90em) {
    .xxlarge-expand {
        flex: 1 1 0px;
    }
}

.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
    flex: 0 0 100%;
}

@media screen and (min-width: 90em) {
    .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
        flex: 1 1 0px;
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
}

.shrink {
    flex: 0 0 auto;
    max-width: 100%;
}

.column.align-top, .align-top.columns {
    align-self: flex-start;
}

.column.align-bottom, .align-bottom.columns {
    align-self: flex-end;
}

.column.align-middle, .align-middle.columns {
    align-self: center;
}

.column.align-stretch, .align-stretch.columns {
    align-self: stretch;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility;
}

em,
i {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 80%;
    line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #cacaca;
    line-height: 0;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.25rem;
}

h3 {
    font-size: 1.1875rem;
}

h4 {
    font-size: 1.125rem;
}

h5 {
    font-size: 1.0625rem;
}

h6 {
    font-size: 1rem;
}

@media screen and (min-width: 40em) {
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 1.875rem;
    }

    h3 {
        font-size: 1.9375rem;
    }

    h4 {
        font-size: 1.5625rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 1rem;
    }
}

a {
    color: #2199e8;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

a:hover, a:focus {
    color: #1585cf;
}

a img {
    border: 0;
}

hr {
    max-width: 67.5rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both;
}

ul,
ol,
dl {
    line-height: 1.6;
    margin-bottom: 1rem;
    list-style-position: outside;
}

li {
    font-size: inherit;
}

ul {
    list-style-type: disc;
    margin-left: 1.25rem;
}

ol {
    margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
}

dl {
    margin-bottom: 1rem;
}

dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
}

blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca;
}

blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a;
}

cite {
    display: block;
    font-size: 0.8125rem;
    color: #8a8a8a;
}

cite:before {
    content: '\2014 \0020';
}

abbr {
    color: #0a0a0a;
    cursor: help;
    border-bottom: 1px dotted #0a0a0a;
}

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #0a0a0a;
    background-color: #e6e6e6;
    border: 1px solid #cacaca;
    padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
    padding: 0.125rem 0.25rem 0;
    margin: 0;
    background-color: #e6e6e6;
    color: #0a0a0a;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
}

.subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #8a8a8a;
}

.lead {
    font-size: 125%;
    line-height: 1.6;
}

.stat {
    font-size: 2.5rem;
    line-height: 1;
}

p + .stat {
    margin-top: -1rem;
}

.no-bullet {
    margin-left: 0;
    list-style: none;
}

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

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

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

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

@media screen and (min-width: 40em) {
    .medium-text-left {
        text-align: left;
    }

    .medium-text-right {
        text-align: right;
    }

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

    .medium-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 64em) {
    .large-text-left {
        text-align: left;
    }

    .large-text-right {
        text-align: right;
    }

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

    .large-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 75em) {
    .xlarge-text-left {
        text-align: left;
    }

    .xlarge-text-right {
        text-align: right;
    }

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

    .xlarge-text-justify {
        text-align: justify;
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-text-left {
        text-align: left;
    }

    .xxlarge-text-right {
        text-align: right;
    }

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

    .xxlarge-text-justify {
        text-align: justify;
    }
}

.show-for-print {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .show-for-print {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    .ir a:after,
    a[href^='javascript:']:after,
    a[href^='#']:after {
        content: '';
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    pre,
    blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    border-radius: 0;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    outline: none;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
    max-width: 100%;
}

textarea[rows] {
    height: auto;
}

input::placeholder,
textarea::placeholder {
    color: #cacaca;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed;
}

[type='submit'],
[type='button'] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type='search'] {
    box-sizing: border-box;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
    margin: 0 0 1rem;
}

[type='checkbox'] + label,
[type='radio'] + label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline;
}

[type='checkbox'] + label[for],
[type='radio'] + label[for] {
    cursor: pointer;
}

label > [type='checkbox'],
label > [type='radio'] {
    margin-right: 0.5rem;
}

[type='file'] {
    width: 100%;
}

label {
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a;
}

label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0;
}

.help-text {
    margin-top: -0.5rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #0a0a0a;
}

.input-group {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: stretch;
}

.input-group > :first-child {
    border-radius: 0 0 0 0;
}

.input-group > :last-child > * {
    border-radius: 0 0 0 0;
}

.input-group-label, .input-group-field, .input-group-button {
    margin: 0;
    white-space: nowrap;
}

.input-group-label {
    text-align: center;
    padding: 0 1rem;
    background: #e6e6e6;
    color: #0a0a0a;
    border: 1px solid #cacaca;
    white-space: nowrap;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.input-group-label:first-child {
    border-right: 0;
}

.input-group-label:last-child {
    border-left: 0;
}

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    width: auto;
    height: auto;
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    flex: 0 0 auto;
}

.input-group-button a,
.input-group-button input,
.input-group-button button {
    margin: 0;
}

.input-group .input-group-button {
    display: table-cell;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

legend {
    margin-bottom: 0.5rem;
    max-width: 100%;
}

.fieldset {
    border: 1px solid #cacaca;
    padding: 1.25rem;
    margin: 1.125rem 0;
}

.fieldset legend {
    background: #fefefe;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem;
}

select {
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 1.5rem;
}

@media screen and (min-width: 0\0
) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
    }
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed;
}

select::-ms-expand {
    display: none;
}

select[multiple] {
    height: auto;
    background-image: none;
}

.is-invalid-input:not(:focus) {
    background-color: rgba(236, 88, 64, 0.1);
    border-color: #ec5840;
}

.is-invalid-label {
    color: #ec5840;
}

.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ec5840;
}

.form-error.is-visible {
    display: block;
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #2199e8;
    color: #fefefe;
}

[data-whatinput='mouse'] .button {
    outline: 0;
}

.button:hover, .button:focus {
    background-color: #1583cc;
    color: #fefefe;
}

.button.tiny {
    font-size: 0.6rem;
}

.button.small {
    font-size: 0.75rem;
}

.button.large {
    font-size: 1.25rem;
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.button.primary {
    background-color: #2199e8;
    color: #fefefe;
}

.button.primary:hover, .button.primary:focus {
    background-color: #147cc0;
    color: #fefefe;
}

.button.secondary {
    background-color: #777;
    color: #fefefe;
}

.button.secondary:hover, .button.secondary:focus {
    background-color: #5f5f5f;
    color: #fefefe;
}

.button.success {
    background-color: #3adb76;
    color: #fefefe;
}

.button.success:hover, .button.success:focus {
    background-color: #22bb5b;
    color: #fefefe;
}

.button.warning {
    background-color: #ffae00;
    color: #fefefe;
}

.button.warning:hover, .button.warning:focus {
    background-color: #cc8b00;
    color: #fefefe;
}

.button.alert {
    background-color: #ec5840;
    color: #fefefe;
}

.button.alert:hover, .button.alert:focus {
    background-color: #da3116;
    color: #fefefe;
}

.button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8;
}

.button.hollow, .button.hollow:hover, .button.hollow:focus {
    background-color: transparent;
}

.button.hollow:hover, .button.hollow:focus {
    border-color: #0c4d78;
    color: #0c4d78;
}

.button.hollow.primary {
    border: 1px solid #2199e8;
    color: #2199e8;
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
    border-color: #0c4d78;
    color: #0c4d78;
}

.button.hollow.secondary {
    border: 1px solid #777;
    color: #777;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
    border-color: #3c3c3c;
    color: #3c3c3c;
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76;
}

.button.hollow.success:hover, .button.hollow.success:focus {
    border-color: #157539;
    color: #157539;
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00;
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
    border-color: #805700;
    color: #805700;
}

.button.hollow.alert {
    border: 1px solid #ec5840;
    color: #ec5840;
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
    border-color: #881f0e;
    color: #881f0e;
}

.button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #2199e8;
    color: #fefefe;
}

.button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 1em;
    display: inline-block;
}

.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -0.1em;
}

.accordion {
    list-style-type: none;
    background: #fefefe;
    margin-left: 0;
}

.accordion-item:first-child > :first-child {
    border-radius: 0 0 0 0;
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0;
}

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: 0.75rem;
    color: #2199e8;
    position: relative;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

:last-child:not(.is-active) > .accordion-title {
    border-radius: 0 0 0 0;
    border-bottom: 1px solid #e6e6e6;
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6;
}

.accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem;
}

.is-active > .accordion-title::before {
    content: '–';
}

.accordion-content {
    padding: 1rem;
    display: none;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a;
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.is-accordion-submenu-parent > a {
    position: relative;
}

.is-accordion-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem;
}

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    transform-origin: 50% 50%;
    transform: scaleY(-1);
}

.badge {
    display: inline-block;
    padding: 0.3em;
    min-width: 2.1em;
    font-size: 0.6rem;
    text-align: center;
    border-radius: 50%;
    background: #2199e8;
    color: #fefefe;
}

.badge.secondary {
    background: #777;
    color: #fefefe;
}

.badge.success {
    background: #3adb76;
    color: #fefefe;
}

.badge.warning {
    background: #ffae00;
    color: #fefefe;
}

.badge.alert {
    background: #ec5840;
    color: #fefefe;
}

.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem 0;
}

.breadcrumbs::before, .breadcrumbs::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
}

.breadcrumbs::after {
    clear: both;
}

.breadcrumbs li {
    float: left;
    color: #0a0a0a;
    font-size: 0.6875rem;
    cursor: default;
    text-transform: uppercase;
}

.breadcrumbs li:not(:last-child)::after {
    color: #cacaca;
    content: "/";
    margin: 0 0.75rem;
    position: relative;
    top: 1px;
    opacity: 1;
}

.breadcrumbs a {
    color: #2199e8;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed;
}

.button-group {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.button-group::before, .button-group::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
}

.button-group::after {
    clear: both;
}

.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 0.9rem;
    flex: 0 0 auto;
}

.button-group .button:last-child {
    margin-right: 0;
}

.button-group.tiny .button {
    font-size: 0.6rem;
}

.button-group.small .button {
    font-size: 0.75rem;
}

.button-group.large .button {
    font-size: 1.25rem;
}

.button-group.expanded .button {
    flex: 1 1 0px;
}

.button-group.primary .button {
    background-color: #2199e8;
    color: #fefefe;
}

.button-group.primary .button:hover, .button-group.primary .button:focus {
    background-color: #147cc0;
    color: #fefefe;
}

.button-group.secondary .button {
    background-color: #777;
    color: #fefefe;
}

.button-group.secondary .button:hover, .button-group.secondary .button:focus {
    background-color: #5f5f5f;
    color: #fefefe;
}

.button-group.success .button {
    background-color: #3adb76;
    color: #fefefe;
}

.button-group.success .button:hover, .button-group.success .button:focus {
    background-color: #22bb5b;
    color: #fefefe;
}

.button-group.warning .button {
    background-color: #ffae00;
    color: #fefefe;
}

.button-group.warning .button:hover, .button-group.warning .button:focus {
    background-color: #cc8b00;
    color: #fefefe;
}

.button-group.alert .button {
    background-color: #ec5840;
    color: #fefefe;
}

.button-group.alert .button:hover, .button-group.alert .button:focus {
    background-color: #da3116;
    color: #fefefe;
}

.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
    flex-wrap: wrap;
}

.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
    flex: 0 0 100%;
}

.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        flex: 1 1 0px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        flex: 1 1 0px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block;
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0;
    }
}

.callout {
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    position: relative;
    color: #0a0a0a;
    background-color: white;
}

.callout > :first-child {
    margin-top: 0;
}

.callout > :last-child {
    margin-bottom: 0;
}

.callout.primary {
    background-color: #def0fc;
}

.callout.secondary {
    background-color: #ebebeb;
}

.callout.success {
    background-color: #e1faea;
}

.callout.warning {
    background-color: #fff3d9;
}

.callout.alert {
    background-color: #fce6e2;
}

.callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
}

.callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
}

.close-button {
    position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
}

[data-whatinput='mouse'] .close-button {
    outline: 0;
}

.close-button:hover, .close-button:focus {
    color: #0a0a0a;
}

.menu {
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-wrap: nowrap;
}

.menu > li {
    flex: 0 0 auto;
}

[data-whatinput='mouse'] .menu > li {
    outline: 0;
}

.menu > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1;
}

.menu input,
.menu a,
.menu button {
    margin-bottom: 0;
}

.menu > li > a {
    display: flex;
}

.menu > li > a {
    flex-flow: row nowrap;
}

.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
    margin-right: 0.25rem;
}

.menu > li {
    flex: 0 0 auto;
}

.menu.vertical {
    flex-wrap: wrap;
}

.menu.vertical > li {
    flex: 0 0 100%;
    max-width: 100%;
}

.menu.vertical > li > a {
    align-items: flex-start;
    justify-content: flex-start;
}

@media screen and (min-width: 40em) {
    .menu.medium-horizontal {
        flex-wrap: nowrap;
    }

    .menu.medium-horizontal > li {
        flex: 0 0 auto;
    }

    .menu.medium-vertical {
        flex-wrap: wrap;
    }

    .menu.medium-vertical > li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .menu.medium-vertical > li > a {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal {
        flex-wrap: nowrap;
    }

    .menu.large-horizontal > li {
        flex: 0 0 auto;
    }

    .menu.large-vertical {
        flex-wrap: wrap;
    }

    .menu.large-vertical > li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .menu.large-vertical > li > a {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 75em) {
    .menu.xlarge-horizontal {
        flex-wrap: nowrap;
    }

    .menu.xlarge-horizontal > li {
        flex: 0 0 auto;
    }

    .menu.xlarge-vertical {
        flex-wrap: wrap;
    }

    .menu.xlarge-vertical > li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .menu.xlarge-vertical > li > a {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 90em) {
    .menu.xxlarge-horizontal {
        flex-wrap: nowrap;
    }

    .menu.xxlarge-horizontal > li {
        flex: 0 0 auto;
    }

    .menu.xxlarge-vertical {
        flex-wrap: wrap;
    }

    .menu.xxlarge-vertical > li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .menu.xxlarge-vertical > li > a {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem;
}

.menu.simple a {
    padding: 0;
}

.menu.align-right {
    justify-content: flex-end;
}

.menu.expanded > li {
    flex: 1 1 0px;
}

.menu.expanded > li:first-child:last-child {
    width: 100%;
}

.menu.icon-top > li > a {
    flex-flow: column nowrap;
}

.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
    align-self: stretch;
    text-align: center;
    margin-bottom: 0.25rem;
}

.menu.nested {
    margin-left: 1rem;
}

.menu .active > a {
    color: #fefefe;
    background: #2199e8;
}

.menu-text {
    font-weight: bold;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: 0.7rem 1rem;
}

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

.menu-centered > .menu {
    display: inline-block;
}

.no-js [data-responsive-menu] ul {
    display: none;
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px;
}

.menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}

.menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px;
}

.menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.is-drilldown {
    position: relative;
    overflow: hidden;
}

.is-drilldown li {
    display: block !important;
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #fefefe;
    transition: transform 0.15s linear;
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%);
}

.is-drilldown-submenu.is-closing {
    transform: translateX(100%);
}

.is-drilldown-submenu-parent > a {
    position: relative;
}

.is-drilldown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
}

.js-drilldown-back > a::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
}

.dropdown-pane {
    background-color: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 0;
    display: block;
    font-size: 1rem;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 10;
}

.dropdown-pane.is-open {
    visibility: visible;
}

.dropdown-pane.tiny {
    width: 100px;
}

.dropdown-pane.small {
    width: 200px;
}

.dropdown-pane.large {
    width: 400px;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
}

[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0;
}

.no-js .dropdown.menu ul {
    display: none;
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0;
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%;
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
}

.dropdown.menu.vertical > li > a::after {
    right: 14px;
    margin-top: -3px;
}

.dropdown.menu.vertical > li.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
}

.dropdown.menu.vertical > li.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
}

@media screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px;
    }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.medium-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px;
    }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.large-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 75em) {
    .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px;
    }

    .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.xlarge-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

@media screen and (min-width: 90em) {
    .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%;
    }

    .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%;
    }

    .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative;
    }

    .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px;
    }

    .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

    .dropdown.menu.xxlarge-vertical > li > a::after {
        right: 14px;
        margin-top: -3px;
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0;
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0;
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    left: auto;
    right: 0;
}

.is-dropdown-menu.vertical {
    width: 100px;
}

.is-dropdown-menu.vertical.align-right {
    float: right;
}

.is-dropdown-submenu-parent {
    position: relative;
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px;
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto;
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%;
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
}

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #fefefe;
    border: 1px solid #cacaca;
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px;
    margin-top: -3px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px;
}

.is-dropdown-submenu > li {
    width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
    display: block;
}

.flex-video {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flex-video.widescreen {
    padding-bottom: 56.25%;
}

.flex-video.vimeo {
    padding-top: 0;
}

.label {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 0;
    background: #2199e8;
    color: #fefefe;
}

.label.secondary {
    background: #777;
    color: #fefefe;
}

.label.success {
    background: #3adb76;
    color: #fefefe;
}

.label.warning {
    background: #ffae00;
    color: #fefefe;
}

.label.alert {
    background: #ec5840;
    color: #fefefe;
}

.media-object {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: nowrap;
}

.media-object img {
    max-width: none;
}

@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        flex-basis: 100%;
        max-width: 100%;
    }

    .media-object.stack-for-small .media-object-section img {
        width: 100%;
    }
}

.media-object-section {
    flex: 0 1 auto;
}

.media-object-section:first-child {
    padding-right: 1rem;
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem;
}

.media-object-section > :last-child {
    margin-bottom: 0;
}

.media-object-section.main-section {
    flex: 1 1 0px;
}

html,
body {
    height: 100%;
}

.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto;
}

.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    transition: transform 0.5s ease;
}

.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
}

.off-canvas-wrapper-inner::after {
    clear: both;
}

.off-canvas-content,
.off-canvas-content {
    min-height: 100%;
    background: #fefefe;
    transition: transform 0.5s ease;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: 0.1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 254, 254, 0.25);
    cursor: pointer;
    transition: background 0.5s ease;
}

.off-canvas {
    position: absolute;
    background: #e6e6e6;
    z-index: -1;
    max-height: 100%;
    overflow-y: auto;
    transform: translateX(0);
}

[data-whatinput='mouse'] .off-canvas {
    outline: 0;
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px;
}

.is-open-left {
    transform: translateX(250px);
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px;
}

.is-open-right {
    transform: translateX(-250px);
}

@media screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        left: 0;
        z-index: auto;
        position: fixed;
    }

    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px;
    }

    .position-right.reveal-for-medium {
        right: 0;
        z-index: auto;
        position: fixed;
    }

    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px;
    }
}

@media screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        left: 0;
        z-index: auto;
        position: fixed;
    }

    .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px;
    }

    .position-right.reveal-for-large {
        right: 0;
        z-index: auto;
        position: fixed;
    }

    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px;
    }
}

@media screen and (min-width: 75em) {
    .position-left.reveal-for-xlarge {
        left: 0;
        z-index: auto;
        position: fixed;
    }

    .position-left.reveal-for-xlarge ~ .off-canvas-content {
        margin-left: 250px;
    }

    .position-right.reveal-for-xlarge {
        right: 0;
        z-index: auto;
        position: fixed;
    }

    .position-right.reveal-for-xlarge ~ .off-canvas-content {
        margin-right: 250px;
    }
}

@media screen and (min-width: 90em) {
    .position-left.reveal-for-xxlarge {
        left: 0;
        z-index: auto;
        position: fixed;
    }

    .position-left.reveal-for-xxlarge ~ .off-canvas-content {
        margin-left: 250px;
    }

    .position-right.reveal-for-xxlarge {
        right: 0;
        z-index: auto;
        position: fixed;
    }

    .position-right.reveal-for-xxlarge ~ .off-canvas-content {
        margin-right: 250px;
    }
}

.orbit {
    position: relative;
}

.orbit-container {
    position: relative;
    margin: 0;
    overflow: hidden;
    list-style: none;
}

.orbit-slide {
    width: 100%;
    max-height: 100%;
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0;
}

.orbit-figure {
    margin: 0;
}

.orbit-image {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    margin-bottom: 0;
    color: #fefefe;
    background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous, .orbit-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #fefefe;
}

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0;
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
    left: 0;
}

.orbit-next {
    left: auto;
    right: 0;
}

.orbit-bullets {
    position: relative;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    text-align: center;
}

[data-whatinput='mouse'] .orbit-bullets {
    outline: 0;
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    background-color: #cacaca;
    border-radius: 50%;
}

.orbit-bullets button:hover {
    background-color: #8a8a8a;
}

.orbit-bullets button.is-active {
    background-color: #8a8a8a;
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem;
}

.pagination::before, .pagination::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
}

.pagination::after {
    clear: both;
}

.pagination li {
    font-size: 0.875rem;
    margin-right: 0.0625rem;
    border-radius: 0;
    display: none;
}

.pagination li:last-child, .pagination li:first-child {
    display: inline-block;
}

@media screen and (min-width: 40em) {
    .pagination li {
        display: inline-block;
    }
}

.pagination a,
.pagination button {
    color: #0a0a0a;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6;
}

.pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #2199e8;
    color: #fefefe;
    cursor: default;
}

.pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: not-allowed;
}

.pagination .disabled:hover {
    background: transparent;
}

.pagination .ellipsis::after {
    content: '\2026';
    padding: 0.1875rem 0.625rem;
    color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    content: '\00ab';
    display: inline-block;
    margin-right: 0.5rem;
}

.pagination-next a::after,
.pagination-next.disabled::after {
    content: '\00bb';
    display: inline-block;
    margin-left: 0.5rem;
}

.progress {
    background-color: #cacaca;
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
}

.progress.primary .progress-meter {
    background-color: #2199e8;
}

.progress.secondary .progress-meter {
    background-color: #777;
}

.progress.success .progress-meter {
    background-color: #3adb76;
}

.progress.warning .progress-meter {
    background-color: #ffae00;
}

.progress.alert .progress-meter {
    background-color: #ec5840;
}

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #2199e8;
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fefefe;
    white-space: nowrap;
}

.slider {
    position: relative;
    height: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    user-select: none;
    touch-action: none;
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: 0.5rem;
    background-color: #cacaca;
    transition: all 0.2s ease-in-out;
}

.slider-fill.is-dragging {
    transition: all 0s linear;
}

.slider-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #2199e8;
    transition: all 0.2s ease-in-out;
    touch-action: manipulation;
    border-radius: 0;
}

[data-whatinput='mouse'] .slider-handle {
    outline: 0;
}

.slider-handle:hover {
    background-color: #1583cc;
}

.slider-handle.is-dragging {
    transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

.slider.vertical {
    display: inline-block;
    width: 0.5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    transform: scale(1, -1);
}

.slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%;
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateX(-50%);
}

.sticky-container {
    position: relative;
}

.sticky {
    position: absolute;
    z-index: 0;
    transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
}

.sticky.is-stuck.is-at-top {
    top: 0;
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0;
}

.sticky.is-anchored {
    position: absolute;
    left: auto;
    right: auto;
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0;
}

body.is-reveal-open {
    overflow: hidden;
}

html.is-reveal-open,
html.is-reveal-open body {
    height: 100%;
    overflow: hidden;
    user-select: none;
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    background-color: rgba(10, 10, 10, 0.45);
    overflow-y: scroll;
}

.reveal {
    display: none;
    z-index: 1006;
    padding: 1rem;
    border: 1px solid #cacaca;
    background-color: #fefefe;
    border-radius: 0;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
}

[data-whatinput='mouse'] .reveal {
    outline: 0;
}

@media screen and (min-width: 40em) {
    .reveal {
        min-height: 0;
    }
}

.reveal .column, .reveal .columns,
.reveal .columns {
    min-width: 0;
}

.reveal > :last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 40em) {
    .reveal {
        width: 600px;
        max-width: 67.5rem;
    }
}

@media screen and (min-width: 40em) {
    .reveal .reveal {
        left: auto;
        right: auto;
        margin: 0 auto;
    }
}

.reveal.collapse {
    padding: 0;
}

@media screen and (min-width: 40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 67.5rem;
    }
}

@media screen and (min-width: 40em) {
    .reveal.small {
        width: 50%;
        max-width: 67.5rem;
    }
}

@media screen and (min-width: 40em) {
    .reveal.large {
        width: 90%;
        max-width: 67.5rem;
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0;
}

@media screen and (max-width: 39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        max-width: none;
        margin-left: 0;
        border: 0;
        border-radius: 0;
    }
}

.reveal.without-overlay {
    position: fixed;
}

.switch {
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    user-select: none;
    color: #fefefe;
    font-weight: bold;
    font-size: 0.875rem;
}

.switch-input {
    opacity: 0;
    position: absolute;
}

.switch-paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    transition: all 0.25s ease-out;
    border-radius: 0;
    color: inherit;
    font-weight: inherit;
}

input + .switch-paddle {
    margin: 0;
}

.switch-paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    transition: all 0.25s ease-out;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
}

input:checked ~ .switch-paddle {
    background: #2199e8;
}

input:checked ~ .switch-paddle::after {
    left: 2.25rem;
}

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0;
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.switch-active {
    left: 8%;
    display: none;
}

input:checked + label > .switch-active {
    display: block;
}

.switch-inactive {
    right: 15%;
}

input:checked + label > .switch-inactive {
    display: none;
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: 0.625rem;
}

.switch.tiny .switch-paddle::after {
    width: 1rem;
    height: 1rem;
}

.switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem;
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: 0.75rem;
}

.switch.small .switch-paddle::after {
    width: 1.25rem;
    height: 1.25rem;
}

.switch.small input:checked ~ .switch-paddle::after {
    left: 2rem;
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem;
}

.switch.large .switch-paddle::after {
    width: 2rem;
    height: 2rem;
}

.switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem;
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}

table thead,
table tbody,
table tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}

table caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem;
}

table thead,
table tfoot {
    background: #f8f8f8;
    color: #0a0a0a;
}

table thead tr,
table tfoot tr {
    background: transparent;
}

table thead th,
table thead td,
table tfoot th,
table tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
    text-align: left;
}

table tbody tr:nth-child(even) {
    background-color: #f1f1f1;
}

table tbody th,
table tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 63.9375em) {
    table.stack thead {
        display: none;
    }

    table.stack tfoot {
        display: none;
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }

    table.stack td {
        border-top: 0;
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
}

table.hover tr:hover {
    background-color: #f9f9f9;
}

table.hover tr:nth-of-type(even):hover {
    background-color: #ececec;
}

.table-scroll {
    overflow-x: auto;
}

.table-scroll table {
    width: auto;
}

.tabs {
    margin: 0;
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6;
}

.tabs::before, .tabs::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
}

.tabs::after {
    clear: both;
}

.tabs.vertical > li {
    width: auto;
    float: none;
    display: block;
}

.tabs.simple > li > a {
    padding: 0;
}

.tabs.simple > li > a:hover {
    background: transparent;
}

.tabs.primary {
    background: #2199e8;
}

.tabs.primary > li > a {
    color: #fefefe;
}

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
    background: #1893e4;
}

.tabs-title {
    float: left;
}

.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 0.75rem;
}

.tabs-title > a:hover {
    background: #fefefe;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #e6e6e6;
}

.tabs-content {
    background: #fefefe;
    transition: all 0.5s ease;
    border: 1px solid #e6e6e6;
    border-top: 0;
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0;
}

.tabs-panel {
    display: none;
    padding: 1rem;
}

.tabs-panel.is-active {
    display: block;
}

.thumbnail {
    border: solid 4px #fefefe;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow 200ms ease-out;
    border-radius: 0;
    margin-bottom: 1rem;
}

.thumbnail:hover, .thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);
}

.title-bar {
    background: #0a0a0a;
    color: #fefefe;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
    flex: 1 1 0px;
}

.title-bar-right {
    text-align: right;
}

.title-bar-title {
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px;
}

.menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
}

.menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.has-tip {
    border-bottom: dotted 1px #8a8a8a;
    font-weight: bold;
    position: relative;
    display: inline-block;
    cursor: help;
}

.tooltip {
    background-color: #0a0a0a;
    color: #fefefe;
    font-size: 80%;
    padding: 0.75rem;
    position: absolute;
    z-index: 10;
    top: calc(100% + 0.6495rem);
    max-width: 10rem !important;
    border-radius: 0;
}

.tooltip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent #0a0a0a;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.tooltip.top::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto;
}

.tooltip.left::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    border-right-width: 0;
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.tooltip.right::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0.5rem;
    flex-wrap: wrap;
}

.top-bar,
.top-bar ul {
    background-color: #e6e6e6;
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem;
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0;
}

.top-bar input.button {
    width: auto;
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
}

@media screen and (min-width: 40em) {
    .top-bar {
        flex-wrap: nowrap;
    }

    .top-bar .top-bar-left,
    .top-bar .top-bar-right {
        flex: 1 1 0px;
    }
}

@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium {
        flex-wrap: wrap;
    }

    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large {
        flex-wrap: wrap;
    }

    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 89.9375em) {
    .top-bar.stacked-for-xlarge {
        flex-wrap: wrap;
    }

    .top-bar.stacked-for-xlarge .top-bar-left,
    .top-bar.stacked-for-xlarge .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.top-bar.stacked-for-xxlarge {
    flex-wrap: wrap;
}

.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
}

.top-bar-title {
    flex: 0 0 auto;
    margin-right: 1rem;
}

.top-bar-left,
.top-bar-right {
    flex: 0 0 auto;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
    .show-for-small-only {
        display: none !important;
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display: none !important;
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display: none !important;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .hide-for-medium-only {
        display: none !important;
    }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important;
    }
}

@media screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important;
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none !important;
    }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .hide-for-large-only {
        display: none !important;
    }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important;
    }
}

@media screen and (min-width: 75em) {
    .hide-for-xlarge {
        display: none !important;
    }
}

@media screen and (max-width: 74.9375em) {
    .show-for-xlarge {
        display: none !important;
    }
}

@media screen and (min-width: 75em) and (max-width: 89.9375em) {
    .hide-for-xlarge-only {
        display: none !important;
    }
}

@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
    .show-for-xlarge-only {
        display: none !important;
    }
}

@media screen and (min-width: 90em) {
    .hide-for-xxlarge {
        display: none !important;
    }
}

@media screen and (max-width: 89.9375em) {
    .show-for-xxlarge {
        display: none !important;
    }
}

@media screen and (min-width: 90em) {
    .hide-for-xxlarge-only {
        display: none !important;
    }
}

@media screen and (max-width: 89.9375em) {
    .show-for-xxlarge-only {
        display: none !important;
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
    display: block !important;
}

@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: block !important;
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
        display: none !important;
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.clearfix::before, .clearfix::after {
    content: ' ';
    display: table;
    flex-basis: 0;
    order: 1;
}

.clearfix::after {
    clear: both;
}

.align-right {
    justify-content: flex-end;
}

.align-center {
    justify-content: center;
}

.align-justify {
    justify-content: space-between;
}

.align-spaced {
    justify-content: space-around;
}

.align-top {
    align-items: flex-start;
}

.align-self-top {
    align-self: flex-start;
}

.align-bottom {
    align-items: flex-end;
}

.align-self-bottom {
    align-self: flex-end;
}

.align-middle {
    align-items: center;
}

.align-self-middle {
    align-self: center;
}

.align-stretch {
    align-items: stretch;
}

.align-self-stretch {
    align-self: stretch;
}

.small-order-1 {
    order: 1;
}

.small-order-2 {
    order: 2;
}

.small-order-3 {
    order: 3;
}

.small-order-4 {
    order: 4;
}

.small-order-5 {
    order: 5;
}

.small-order-6 {
    order: 6;
}

@media screen and (min-width: 40em) {
    .medium-order-1 {
        order: 1;
    }

    .medium-order-2 {
        order: 2;
    }

    .medium-order-3 {
        order: 3;
    }

    .medium-order-4 {
        order: 4;
    }

    .medium-order-5 {
        order: 5;
    }

    .medium-order-6 {
        order: 6;
    }
}

@media screen and (min-width: 64em) {
    .large-order-1 {
        order: 1;
    }

    .large-order-2 {
        order: 2;
    }

    .large-order-3 {
        order: 3;
    }

    .large-order-4 {
        order: 4;
    }

    .large-order-5 {
        order: 5;
    }

    .large-order-6 {
        order: 6;
    }
}

@media screen and (min-width: 75em) {
    .xlarge-order-1 {
        order: 1;
    }

    .xlarge-order-2 {
        order: 2;
    }

    .xlarge-order-3 {
        order: 3;
    }

    .xlarge-order-4 {
        order: 4;
    }

    .xlarge-order-5 {
        order: 5;
    }

    .xlarge-order-6 {
        order: 6;
    }
}

@media screen and (min-width: 90em) {
    .xxlarge-order-1 {
        order: 1;
    }

    .xxlarge-order-2 {
        order: 2;
    }

    .xxlarge-order-3 {
        order: 3;
    }

    .xxlarge-order-4 {
        order: 4;
    }

    .xxlarge-order-5 {
        order: 5;
    }

    .xxlarge-order-6 {
        order: 6;
    }
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url('/local/assets/img/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/assets/fonts/slick.eot');
    src: url('/local/assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/assets/fonts/slick.woff') format('woff'), url('/local/assets/fonts/slick.ttf') format('truetype'), url('/local/assets/fonts/slick.svg#slick') format('svg');
    font-display: swap;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('/local/assets/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('/local/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/local/assets/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/local/assets/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/local/assets/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/local/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-sticky-note-o:before {
    content: "\f24a";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-hourglass-o:before {
    content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256";
}

.fa-hand-scissors-o:before {
    content: "\f257";
}

.fa-hand-lizard-o:before {
    content: "\f258";
}

.fa-hand-spock-o:before {
    content: "\f259";
}

.fa-hand-pointer-o:before {
    content: "\f25a";
}

.fa-hand-peace-o:before {
    content: "\f25b";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-safari:before {
    content: "\f267";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
    content: "\f26c";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-500px:before {
    content: "\f26e";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-calendar-plus-o:before {
    content: "\f271";
}

.fa-calendar-minus-o:before {
    content: "\f272";
}

.fa-calendar-times-o:before {
    content: "\f273";
}

.fa-calendar-check-o:before {
    content: "\f274";
}

.fa-industry:before {
    content: "\f275";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-map-o:before {
    content: "\f278";
}

.fa-map:before {
    content: "\f279";
}

.fa-commenting:before {
    content: "\f27a";
}

.fa-commenting-o:before {
    content: "\f27b";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-vimeo:before {
    content: "\f27d";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-edge:before {
    content: "\f282";
}

.fa-credit-card-alt:before {
    content: "\f283";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-modx:before {
    content: "\f285";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-usb:before {
    content: "\f287";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-pause-circle-o:before {
    content: "\f28c";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stop-circle-o:before {
    content: "\f28e";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-percent:before {
    content: "\f295";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-envira:before {
    content: "\f299";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-wheelchair-alt:before {
    content: "\f29b";
}

.fa-question-circle-o:before {
    content: "\f29c";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-volume-control-phone:before {
    content: "\f2a0";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "\f2a4";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
    content: "\f2a7";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-handshake-o:before {
    content: "\f2b5";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-o:before {
    content: "\f2b7";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-book-o:before {
    content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
    content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "\f2bc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-circle-o:before {
    content: "\f2be";
}

.fa-user-o:before {
    content: "\f2c0";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: "\f2cd";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-eercast:before {
    content: "\f2da";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-snowflake-o:before {
    content: "\f2dc";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-meetup:before {
    content: "\f2e0";
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

ul.ecora-list {
}

ul.arrow-list {
    list-style: disc;

}

ul.arrow-list li {
    padding: 0 0 16px 0;
    line-height: 1.143em;
}

ul.arrow-list li {
    /* Text color */
    list-style-type: none;
}

ul.arrow-list li:before {
    /* Unicode bullet symbol */
    content: '\2022 ';
    /* Bullet color */
    color: #922636;
    padding-right: 0.5em;
}

a.scrolldown-link {
}

a.footerbutton {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    display: block;
    line-height: 3em;
    padding-left: 37px;
    font-size: 1.1em;
    text-decoration: none;
    color: rgb(86, 92, 98);
}

a.footerbutton:hover {
    color: #922636;
}

a.more-link-grey {
    padding: 6px 0 6px 19px;
    display: block;
}

a.pdf-download {
    padding: 6px 0 6px 31px;
    display: block;
}

table.table-fachbegriffe td {
    padding: 5px;
}


h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
p.align-center {
    text-align: center;
}

li.haltbarkeit {
    float: left;
    height: 160px;
    position: relative;
    text-indent: -9999px;
    width: 85px;
}

li.belastung {
    float: left;
    height: 160px;
    position: relative;
    text-indent: -9999px;
    width: 85px;
}

li.umweltvertraeglich {
    float: left;
    height: 160px;
    position: relative;
    text-indent: -9999px;
    width: 85px;
}

li.madeingermany {
    float: left;
    height: 160px;
    position: relative;
    text-indent: -9999px;
    width: 85px;
}

p.zitat {
    font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
    text-transform: uppercase;
    font-size: 1.1429em;
    line-height: 2em;
    padding-left: 16px;
    padding-bottom: 0;
    margin-bottom: 2.134em;
    color: #919191;
    border-left: 3px solid #922636;
}

ul.sociallinks {
}

ul.sociallinks li {
    float: left;
    margin-right: 13px;
}

a.facebook {
    height: 30px;
    position: relative;
    text-indent: -9999px;
    width: 30px;
    display: block;
}

a.twitter {
    height: 30px;
    position: relative;
    text-indent: -9999px;
    width: 30px;
    display: block;
}

a.google {
    height: 30px;
    position: relative;
    text-indent: -9999px;
    width: 30px;
    display: block;
}

a.youtube {
    height: 30px;
    position: relative;
    text-indent: -9999px;
    width: 30px;
    display: block;
}

a.button {
}

span.sliderheadline {
}

span.slidersubline {
}

p.hide-for-small-only {
}

span.hide-for-small-only {
}


/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
    width: 600px;
    height: 400px;
    position: relative;
    direction: ltr;
}

.royalSlider > * {
    float: left;
}

.rsWebkit3d .rsSlide {
    -webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}

.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0;

}

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer;
}

.rsThumb {
    float: left;
    position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}


.rsGCaption {
    width: 100%;
    float: left;
    text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
    position: fixed !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2147483647 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: none;
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;

    height: 100%;
    width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto;
}

.rsContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.rsPreloader {
    position: absolute;
    z-index: 0;
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    user-select: none;
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22;
}

.rsTabs {
    float: left;
    background: none !important;
}

.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.rsVideoContainer {
    /*left: 0;
	top: 0;
	position: absolute;*/
    /*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
    width: auto;
    height: auto;
    line-height: 0;
    position: relative;
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
    opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px;
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15;

}

img.rsImg {
    max-width: none;
}

.grab-cursor {
    cursor: url('/local/assets/img/royalslider/grab.png') 8 8, move;
}

.grabbing-cursor {
    cursor: url('/local/assets/img/royalslider/grabbing.png') 8 8, move;
}

.rsNoDrag {
    cursor: auto;
}

.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url('/local/assets/img/royalslider/blank.gif');
}

/******************************
*
*  RoyalSlider White Controls Skin
*
*    1. Arrows
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*
*  Sprite: 'rs-minimal-white.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
*
******************************/


/* Background */
.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
    background: transparent;
    color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsMinW .rsArrow {
    height: 52px;
    width: 52px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;

}

.rsMinW .rsArrowLeft {
    left: 7px;
    bottom: 45%;
}

.rsMinW .rsArrowRight {
    right: 7px;
    bottom: 45%;
}

.rsMinW .rsArrowIcn {
    width: 50px;
    height: 50px;
    margin-top: 3px;
    margin-left: 3px;
    position: absolute;
    cursor: pointer;
    background: url('/local/assets/img/royalslider/rs-minimal-white.png') transparent;
    opacity: 0.5;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    border-radius: 2px;
}

.rsMinW .rsArrowIcn:hover {
    opacity: 0.85;
}


.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -135px -71px;
}

.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -135px -136px;
}

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -100px -36px;
}

.rsMinW.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -100px -68px;
}

.rsMinW .rsArrowDisabled .rsArrowIcn {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    *display: none;
}


/***************
*
*  2. Bullets
*
****************/

.rsMinW .rsBullets {
    position: absolute;
    bottom: 15px;
    right: 73px;
    z-index: 35;
    padding-top: 4px;
    height: auto;

    text-align: center;
    line-height: 6px;
    overflow: hidden;
}

.rsMinW .rsBullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 5px 6px 4px;
}

.rsMinW .rsBullet span {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #CCC;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}

.rsMinW .rsBullet.rsNavSelected span {
    background: #FFF;
}


/***************
*
*  3. Thumbnails
*
****************/

.rsMinW .rsThumbsHor {
    width: 100%;
    height: 72px;
}

.rsMinW .rsThumbsVer {
    width: 96px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.rsMinW.rsWithThumbsHor .rsThumbsContainer {
    position: relative;
    height: 100%;
}

.rsMinW.rsWithThumbsVer .rsThumbsContainer {
    position: relative;
    width: 100%;
}

.rsMinW .rsThumb {
    float: left;
    overflow: hidden;
    width: 96px;
    height: 72px;
}

.rsMinW .rsThumb img {
    width: 100%;
    height: 100%;
}

.rsMinW .rsThumb.rsNavSelected {
    background: #333;
}

.rsMinW .rsThumb.rsNavSelected img {
    filter: alpha(opacity=40);
    opacity: 0.7;
}

.rsMinW .rsThumb.rsNavSelected span.thumbIco {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 2px solid #FFF;
    border: 2px solid rgba(255, 255, 255, 0.9);
    -webkit-backface-visibility: hidden;
}

.rsMinW .rsTmb {
    display: block;
}


/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow {
    height: 100%;
    width: 20px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrow {
    width: 100%;
    height: 20px;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft {
    top: 0;
    left: 0;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight {
    bottom: 0;
    left: 0;
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft {
    left: 0;
    top: 0;
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight {
    right: 0;
    top: 0;
}

.rsMinW .rsThumbsArrowIcn {
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    cursor: pointer;
    background: url('/local/assets/img/royalslider/rs-minimal-white.png');
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -128px -32px;
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -128px -48px;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -144px -32px;
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -144px -48px;
}

.rsMinW .rsThumbsArrowDisabled {
    display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
    .rsMinW .rsThumb {
        width: 59px;
        height: 44px;
    }

    .rsMinW .rsThumbsHor {
        height: 44px;
    }

    .rsMinW .rsThumbsVer {
        width: 59px;
    }
}


/***************
*
*  4. Tabs
*
****************/

.rsMinW .rsTabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 12px;
    position: relative;
}

.rsMinW .rsTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: auto;
    width: auto;
    color: #333;
    padding: 5px 13px 6px;
    min-width: 72px;
    border: 1px solid #D9D9DD;
    border-right: 1px solid #f5f5f5;
    text-decoration: none;

    background-color: #000;
    background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
    background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);

    *display: inline;
    *zoom: 1;
}

.rsMinW .rsTab:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rsMinW .rsTab:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;

    border-right: 1px solid #cfcfcf;
}

.rsMinW .rsTab:active {
    border: 1px solid #D9D9DD;
    background-color: #f4f4f4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.rsMinW .rsTab.rsNavSelected {
    color: #000;
    border: 1px solid #999;
    text-shadow: 1px 1px #838383;
    box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
    background: #ACACAC;
    background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
    background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
    background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}


/***************
*
*  5. Fullscreen button
*
****************/

.rsMinW .rsFullscreenBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer;

}

.rsMinW .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;

    background: url('/local/assets/img/royalslider/rs-minimal-white.png') 0 0 transparent;
}

.rsMinW .rsFullscreenIcn:hover {
    opacity: 0.8;
}

.rsMinW.rsFullscreen .rsFullscreenIcn {
    background-position: -32px 0;
}


/***************
*
*  6. Play/close video button
*
****************/

.rsMinW .rsPlayBtn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer;
}

.rsMinW .rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;

    background: url('/local/assets/img/royalslider/rs-minimal-white.png') no-repeat 0 -32px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    *background-color: #000;
}

.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
    background-color: rgba(0, 0, 0, 0.9);
}

.rsMinW .rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
}

.rsMinW .rsCloseVideoBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 500;
    position: absolute;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);

}

.rsMinW .rsCloseVideoBtn.rsiOSBtn {
    top: -38px;
    right: -6px;
}

.rsMinW .rsCloseVideoIcn {
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url('/local/assets/img/royalslider/rs-minimal-white.png') -64px 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    *background-color: #000;
}

.rsMinW .rsCloseVideoIcn:hover {
    background-color: rgba(0, 0, 0, 0.9);
}


/***************
*
*  7. Preloader
*
****************/

.rsMinW .rsPreloader {
    width: 20px;
    height: 20px;

    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
}


/***************
*
*  8. Global caption
*
****************/
.rsMinW .rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;

    background: #000;
    background: rgba(0, 0, 0, 0.75);

    color: #FFF;
    padding: 2px 8px;
    width: auto;
    font-size: 12px;
    border-radius: 2px;
}

/*! #######################################################################

MeanMenu 2.0.6
--------

To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a.mainmenuActive,
.mean-container .mean-nav ul li li a:hover,
.mean-container .mean-nav ul li li a.submenuActive {
    color: #c47774;
}

a.meanmenu-reveal {
    display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: fixed;
    background: none;
    padding: 38px 0;
    min-height: 42px;
    z-index: 999999;
}

.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: 20px;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 3px;
    margin-top: 3px;
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #922636;
    margin-top: 44px;
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%;
}

.mean-container .mean-nav ul li a {
    display: block;
    float: left;
    width: 90%;
    padding: 0.7em 5%;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 1px solid #b64f59;
    text-decoration: none;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    font-size: 1.07142857142857em;
}

.mean-container .mean-nav ul li li a {
    width: 80%;
    padding: 0.5em 10%;
    border-top: none;
    text-shadow: none !important;
    visibility: visible;
    font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
    font-size: 1em;
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
    width: 70%;
    padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
    width: 60%;
    padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
    width: 50%;
    padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {

}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    width: 26px;
    height: 25px;
    padding: 12px !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.1);
    border: none !important;
    border-left: 1px solid #b64f59 !important;
    border-bottom: 1px solid #b64f59 !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: rgba(146, 38, 54, 0.9);
}

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.mean-remove {
    display: none !important;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu li {
    position: relative;
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.sf-menu > li {
    float: left;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu ul ul {
    top: 0;
    left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 1em;
}

.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}

.sf-menu a, .sf-menu span {

    padding: .78em 1em;
    text-decoration: none;
    zoom: 1; /* IE7 */
}

.sf-menu a {
    color: #808080;
}

.sf-menu ul li a {
    color: #ffffff;
}


.sf-menu li {
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
}

.sf-menu ul li {
    background: #91969c;
}

.sf-menu ul ul li {
    background: #9AAEDB;
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
    background: #57A639;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;

}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(255, 255, 255, .5);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: white; /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(255, 255, 255, .5);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: white;
}

/*
skins available:
  - opportune
  - majestic
  - generous
*/

/* the container */
.ken_img {
    position: relative !important;
    /*left: 0 !important;
  top: 0 !important;*/
    display: block;
    max-width: none !important;
    min-width: none !important;
    max-height: none !important;
    min-height: none !important;
    /*width: auto !important;
  height: auto !important;*/
    margin: 0 !important;
    border: none !important;
    padding: 0 !important;
}

.setAsBg {
    position: fixed;
    z-index: 0;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    overflow: hidden;
}

/*
.lbg_inner_div {
  padding:0px 4px 0px 4px;
}

.lbg_inner_div img {
  padding:0px 0px 0px 0px;
}*/


/*********************************Text Styles***************************************************/

.bannerscollection_zoominout_texts {
    position: absolute;
    z-index: 2;
    display: none;
    width: 100%;
}

.bannerscollection_zoominout_text_line {
    position: absolute;
    width: 100%;
}

/****/


.hideElement {
    display: none;
}

/*
.noTransition {
  -moz-transition:none;
  -webkit-transition:none;
  -o-transition:color 0 ease-in;
  transition:none;
  -webkit-transform:none;
  -moz-transform:none;
  -o-transform:none;
  transform:none;
}*/


/******************   CSS3 ANIMATIONS CLASSES  *****************************/


/*
==============================================
alreadyRotate
==============================================
*/
.alreadyRotate {
    width: auto;
    height: auto;
    padding: 0.22em 0.1em 0.8em 0.1em;
    border-radius: 0.15em;
    -moz-border-radius: 0.15em;
    -webkit-border-radius: 0.15em;
    -ms-border-radius: 0.15em;
    -o-border-radius: 0.15em;

    -webkit-animation-name: alreadyRotate;
    animation-name: alreadyRotate;

    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes alreadyRotate {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@keyframes alreadyRotate {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}


/*
==============================================
alreadyRotate_90
==============================================
*/
.alreadyRotate_90 {
    width: auto;
    height: auto;

    -webkit-animation-name: alreadyRotate_90;
    animation-name: alreadyRotate_90;

    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

@-webkit-keyframes alreadyRotate_90 {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@keyframes alreadyRotate_90 {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}


/* originally authored By Yoann HELIN */
/*
============================
awesome
============================
*/
.awesome {
    float: left;
    overflow: hidden;
    height: 1.1em;
}


.awesome ul {
    margin-top: 0;
    padding: 0px !important;
    text-align: left;
    list-style: none;
    animation: 8s linear 0s normal none infinite change;
    -webkit-animation: 8s linear 0s normal none infinite change;
    -moz-animation: 8s linear 0s normal none infinite change;
    -o-animation: 8s linear 0s normal none infinite change;
    -ms-animation: 8s linear 0s normal none infinite change;
    color: #FFF000 !important;
}

.awesome ul li {
    line-height: 1em;
    padding: 0px !important;
    margin: 0;
}

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

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

@-ms-keyframes opacity {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes change {
    0% {
        -webkit-transform: translateY(0px);
    }
    8% {
        -webkit-transform: translateY(0%);
    }
    16% {
        -webkit-transform: translateY(-25%);
    }
    24% {
        -webkit-transform: translateY(-25%);
    }
    32% {
        -webkit-transform: translateY(-50%);
    }
    40% {
        -webkit-transform: translateY(-50%);
    }
    48% {
        -webkit-transform: translateY(-75%);
    }
    56% {
        -webkit-transform: translateY(-75%);
    }
    64% {
        -webkit-transform: translateY(-50%);
    }
    72% {
        -webkit-transform: translateY(-50%);
    }
    80% {
        -webkit-transform: translateY(-25%);
    }
    88% {
        -webkit-transform: translateY(-25%);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}

@keyframes change {
    0% {
        transform: translateY(0px);
    }
    8% {
        transform: translateY(0%);
    }
    16% {
        transform: translateY(-25%);
    }
    24% {
        transform: translateY(-25%);
    }
    32% {
        transform: translateY(-50%);
    }
    40% {
        transform: translateY(-50%);
    }
    48% {
        transform: translateY(-75%);
    }
    56% {
        transform: translateY(-75%);
    }
    64% {
        transform: translateY(-50%);
    }
    72% {
        transform: translateY(-50%);
    }
    80% {
        transform: translateY(-25%);
    }
    88% {
        transform: translateY(-25%);
    }
    100% {
        transform: translateY(0px);
    }
}

@-ms-keyframes change {
    0% {
        -ms-transform: translateY(0px);
    }
    8% {
        -ms-transform: translateY(-0.001%);
    }
    16% {
        -ms-transform: translateY(-25%);
    }
    24% {
        -ms-transform: translateY(-25%);
    }
    32% {
        -ms-transform: translateY(-50%);
    }
    40% {
        -ms-transform: translateY(-50%);
    }
    48% {
        -ms-transform: translateY(-75%);
    }
    56% {
        -ms-transform: translateY(-75%);
    }
    64% {
        -ms-transform: translateY(-50%);
    }
    72% {
        -ms-transform: translateY(-50%);
    }
    80% {
        -ms-transform: translateY(-25%);
    }
    88% {
        -ms-transform: translateY(-25%);
    }
    99% {
        -ms-transform: translateY(-0.001%);
    }
    100% {
        -ms-transform: translateY(0px);
    }
}


/*
=============================================================
bigEntrance Made by Justin Aguilar CSS3 ANIMATION CHEAT SHEET
=============================================================
*/
.bigEntrance {
    animation-name: bigEntrance;
    -webkit-animation-name: bigEntrance;
    -ms-animation-name: bigEntrance;

    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    -ms-animation-duration: 1.6s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -ms-animation-timing-function: ease-out;

    visibility: visible !important;
}

@keyframes bigEntrance {
    0% {
        transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2;
    }
    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1;
    }
    45% {
        transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    75% {
        transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    100% {
        transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes bigEntrance {
    0% {
        -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2;
    }
    30% {
        -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    75% {
        -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    90% {
        -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
        opacity: 1;
    }
}


@-ms-keyframes bigEntrance {
    0% {
        -ms-transform: scale(0.3) rotate(6deg) translateX(-30rem) translateY(30rem);
        opacity: 0.2;
    }
    30% {
        -ms-transform: scale(1.03) rotate(-2deg) translateX(2rem) translateY(-2rem);
        opacity: 1;
    }
    45% {
        -ms-transform: scale(0.98) rotate(1deg) translateX(0rem) translateY(0rem);
        opacity: 1;
    }
    60% {
        -ms-transform: scale(1.01) rotate(-1deg) translateX(0rem) translateY(0rem);
        opacity: 1;
    }
    75% {
        -ms-transform: scale(0.99) rotate(1deg) translateX(0rem) translateY(0rem);
        opacity: 1;
    }
    90% {
        -ms-transform: scale(1.01) rotate(0deg) translateX(0rem) translateY(0rem);
        opacity: 1;
    }
    100% {
        -ms-transform: scale(1) rotate(0deg) translateX(0rem) translateY(0rem);
        opacity: 1;
    }
}


/*
==============================================
boingInUp              Made by Christian Pucci
==============================================
*/
.boingInUp {
    -webkit-animation-name: boingInUp;
    animation-name: boingInUp;

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

@-webkit-keyframes boingInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(-90deg);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        -webkit-transform: perspective(800px) rotateX(50deg);
    }

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

@keyframes boingInUp {
    0% {
        opacity: 0;
        transform-origin: 50% 0%;
        transform: perspective(800px) rotateX(-90deg);
    }

    50% {
        opacity: 1;
        transform-origin: 50% 0%;
        transform: perspective(800px) rotateX(50deg);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 0%;
        transform: perspective(800px) rotateX(0deg);
    }
}


/*
==============================================
boingOutDown           Made by Christian Pucci
==============================================
*/
.boingOutDown {
    -webkit-animation-name: boingOutDown;
    animation-name: boingOutDown;

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

@-webkit-keyframes boingOutDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    }

    20% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(10deg);
    }

    30% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    }

    40% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        -webkit-transform: perspective(800px) rotateX(10deg) rotateY(10deg);
    }

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

@keyframes boingOutDown {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    }

    20% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: perspective(800px) rotateX(0deg) rotateY(10deg);
    }

    30% {
        opacity: 1;
        transform-origin: 0% 100%;
        transform: perspective(800px) rotateX(0deg) rotateY(0deg);
    }

    40% {
        opacity: 1;
        transform-origin: 0% 100%;
        transform: perspective(800px) rotateX(10deg) rotateY(10deg);
    }

    100% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: perspective(800px) rotateX(90deg) rotateY(0deg);
    }
}


/*
==============================================
bombLeftOut            Made by Christian Pucci
==============================================
*/
.bombLeftOut {
    -webkit-animation-name: bombLeftOut;
    animation-name: bombLeftOut;

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

@-webkit-keyframes bombLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        -webkit-filter: blur(0px);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: -100% 50%;
        -webkit-transform: rotate(-160deg);
        -webkit-filter: blur(20px);
    }
}

@keyframes bombLeftOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0deg);
        -webkit-filter: blur(0px);
    }

    50% {
        opacity: 1;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        -webkit-filter: blur(0px);
    }

    100% {
        opacity: 0;
        transform-origin: -100% 50%;
        transform: rotate(-160deg);
        -webkit-filter: blur(20px);
    }
}


/*
==============================================
bombRightOut           Made by Christian Pucci
==============================================
*/
.bombRightOut {
    -webkit-animation-name: bombRightOut;
    animation-name: bombRightOut;

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

@-webkit-keyframes bombRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        -webkit-filter: blur(0px);
    }

    50% {
        opacity: 1;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 50%;
        -webkit-transform: rotate(160deg);
        -webkit-filter: blur(20px);
    }
}

@keyframes bombRightOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: rotate(0deg);
        -webkit-filter: blur(0px);
    }

    50% {
        opacity: 1;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        -webkit-filter: blur(0px);
    }

    100% {
        opacity: 0;
        transform-origin: 200% 50%;
        transform: rotate(160deg);
        -webkit-filter: blur(20px);
    }
}


/*
===========================================================
bounce   Made by Justin Aguilar  CSS3 ANIMATION CHEAT SHEET
===========================================================
*/

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

    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

@keyframes bounce {
    0% {
        transform: translateY(0%) scaleY(0.6);
    }
    60% {
        transform: translateY(-100%) scaleY(1.1);
    }
    70% {
        transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    }
    80% {
        transform: translateY(0%) scaleY(1.05) scaleX(1);
    }
    90% {
        transform: translateY(0%) scaleY(0.95) scaleX(1);
    }
    100% {
        transform: translateY(0%) scaleY(1) scaleX(1);
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0%) scaleY(0.6);
    }
    60% {
        -webkit-transform: translateY(-100%) scaleY(1.1);
    }
    70% {
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
    }
    80% {
        -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
    }
    90% {
        -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
    }
    100% {
        -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
    }
}


/*
==============================================
bounceIn                   Made by Daniel Eden
==============================================
*/
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;

    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*
==============================================
bounceOut                  Made by Daniel Eden
==============================================
*/
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;

    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

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

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

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


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

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

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


/*
=============================================================
changeColorToRed
=============================================================
*/
.changeColorToRed {
    animation-name: changeColorToRed;
    -webkit-animation-name: changeColorToRed;

    animation-duration: .8s;
    -webkit-animation-duration: .8s;

    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes changeColorToRed {
    0% {
        transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #fc2f3c;
    }
}

@-webkit-keyframes changeColorToRed {
    0% {
        -webkit-transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #fc2f3c;
    }
}


/*
=============================================================
changeColorToBlack
=============================================================
*/
.changeColorToBlack {
    animation-name: changeColorToBlack;
    -webkit-animation-name: changeColorToBlack;

    animation-duration: .8s;
    -webkit-animation-duration: .8s;

    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes changeColorToBlack {
    0% {
        transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #000000;
    }
}

@-webkit-keyframes changeColorToBlack {
    0% {
        -webkit-transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #000000;
    }
}


/*
=============================================================
changeColorToWhite
=============================================================
*/
.changeColorToWhite {
    animation-name: changeColorToWhite;
    -webkit-animation-name: changeColorToWhite;

    animation-duration: .8s;
    -webkit-animation-duration: .8s;

    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes changeColorToWhite {
    0% {
        transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #FFFFFF;
    }
}

@-webkit-keyframes changeColorToWhite {
    0% {
        -webkit-transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #FFFFFF;
    }
}


/*
=============================================================
changeColorToOrange
=============================================================
*/
.changeColorToOrange {
    animation-name: changeColorToOrange;
    -webkit-animation-name: changeColorToOrange;

    animation-duration: .8s;
    -webkit-animation-duration: .8s;

    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes changeColorToOrange {
    0% {
        transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #ff831d;
    }
}

@-webkit-keyframes changeColorToOrange {
    0% {
        -webkit-transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #ff831d;
    }
}


/*
=============================================================
changeColorToPink
=============================================================
*/
.changeColorToPink {
    animation-name: changeColorToPink;
    -webkit-animation-name: changeColorToPink;

    animation-duration: .8s;
    -webkit-animation-duration: .8s;

    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes changeColorToPink {
    0% {
        transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #ff9df0;
    }
}

@-webkit-keyframes changeColorToPink {
    0% {
        -webkit-transition: transform 0.5s, color 0.5s;
    }
    100% {
        color: #ff9df0;
    }
}


/*
==============================================
CoolBaloonFixed               Made by Lambert Group
==============================================
*/
.CoolBaloonFixed {
    opacity: 1;

    -webkit-animation: CoolBaloonFixed 155s linear 1;
    -moz-animation: CoolBaloonFixed 155s linear 1;
    animation: CoolBaloonFixed 155s linear;

    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);

}

@-webkit-keyframes CoolBaloonFixed {
    from {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

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

    to {
        -webkit-transform: translateX(1930px);
        opacity: 0;
    }
}

@-moz-keyframes CoolBaloonFixed {
    from {
        opacity: 1;
        -moz-transform: translateX(0px);
    }

    50% {
        -moz-transform: translateX(1930px);
        opacity: 1;
    }

    to {
        -moz-transform: translateX(1930px);
        opacity: 0;
    }
}


@keyframes CoolBaloonFixed {
    from {
        opacity: 1;
        transform: translateX(0px);
    }

    50% {
        transform: translateX(1930px);
        opacity: 1;
    }

    to {
        transform: translateX(1930px);
        opacity: 0;
    }
}


/*
==============================================
CoolBaloonFullWidth      Made by Lambert Group
==============================================
*/
.CoolBaloonFullWidth {
    opacity: 1;

    -webkit-animation: CoolBaloonFullWidth 155s linear 1;
    -moz-animation: CoolBaloonFullWidth 155s linear 1;
    animation: CoolBaloonFullWidth 155s linear;

    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;

    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);

}

@-webkit-keyframes CoolBaloonFullWidth {
    from {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

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

    to {
        -webkit-transform: translateX(2900px);
        opacity: 0;
    }
}

@-moz-keyframes CoolBaloonFullWidth {
    from {
        opacity: 1;
        -moz-transform: translateX(0px);
    }

    50% {
        -moz-transform: translateX(2900px);
        opacity: 1;
    }

    to {
        -moz-transform: translateX(2900px);
        opacity: 0;
    }
}


@keyframes CoolBaloonFullWidth {
    from {
        opacity: 1;
        transform: translateX(0px);
    }

    50% {
        transform: translateX(2900px);
        opacity: 1;
    }

    to {
        transform: translateX(2900px);
        opacity: 0;
    }
}


/*
==============================================
CoolCloud1               Made by Lambert Group
==============================================
*/
.CoolCloud1 {
    opacity: 0;

    -webkit-animation: CoolCloud1 85s linear infinite;
    -moz-animation: CoolCloud1 85s linear infinite;
    animation: CoolCloud1 85s linear infinite;

    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0)
}

@-webkit-keyframes CoolCloud1 {
    from {
        opacity: 1;
        -webkit-transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(450%);
        opacity: 1;
    }
}

@-moz-keyframes CoolCloud1 {
    from {
        opacity: 1;
        -moz-transform: translateX(-100%);
    }

    to {
        -moz-transform: translateX(450%);
        opacity: 1;
    }
}


@keyframes CoolCloud1 {
    from {
        opacity: 1;
        transform: translateX(-100%);
    }

    to {
        transform: translateX(450%);
        opacity: 1;
    }
}


/*
==============================================
CoolCloud2               Made by Lambert Group
==============================================
*/
.CoolCloud2 {
    opacity: 0;
    -webkit-animation: CoolCloud2 80s linear infinite;
    -moz-animation: CoolCloud2 80s linear infinite;
    animation: CoolCloud2 80s linear infinite;

    -webkit-animation-delay: 2s;
    animation-delay: 2s;

    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0)
}

@-webkit-keyframes CoolCloud2 {
    from {
        opacity: 1;
        -webkit-transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(450%);
        opacity: 1;
    }
}

@-moz-keyframes CoolCloud2 {
    from {
        opacity: 1;
        -moz-transform: translateX(-100%);
    }

    to {
        -moz-transform: translateX(450%);
        opacity: 1;
    }
}


@keyframes CoolCloud2 {
    from {
        opacity: 1;
        transform: translateX(-100%);
    }

    to {
        transform: translateX(450%);
        opacity: 1;
    }
}


/*
==============================================
CoolCloud3               Made by Lambert Group
==============================================
*/
.CoolCloud3 {
    opacity: 0;
    -webkit-animation: CoolCloud3 120s linear infinite;
    -moz-animation: CoolCloud3 120s linear infinite;
    animation: CoolCloud3 120s linear infinite;

    -webkit-animation-delay: 20s;
    animation-delay: 20s;

    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0)
}

@-webkit-keyframes CoolCloud3 {
    from {
        opacity: 1;
        -webkit-transform: translateX(-100%);
    }

    to {
        -webkit-transform: translateX(400%);
        opacity: 1;
    }
}

@-moz-keyframes CoolCloud3 {
    from {
        opacity: 1;
        -moz-transform: translateX(-100%);
    }

    to {
        -moz-transform: translateX(400%);
        opacity: 1;
    }
}


@keyframes CoolCloud3 {
    from {
        opacity: 1;
        transform: translateX(-100%);
    }

    to {
        transform: translateX(400%);
        opacity: 1;
    }
}


/*
==============================================
coolBarBottom             Made by Lambert Group
==============================================
*/
.coolBarBottom {
    width: 2px;
    overflow: hidden;
    height: 11em;
    -webkit-animation: coolBarBottom 2s 1 forwards;
    -moz-animation: coolBarBottom 2s 1 forwards;
    -ms-animation: coolBarBottom 2s 1 forwards;
    animation: coolBarBottom 2s 1 forwards;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}


@-webkit-keyframes coolBarBottom {
    0% {
        transform: scaleY(0);
    }

    50% {
        transform: scaleY(1.5);
    }


    100% {
        transform: scaleY(1);
    }
}

@-moz-keyframes coolBarBottom {
    0% {
        transform: scaleY(0);
    }

    50% {
        transform: scaleY(1.5);
    }


    100% {
        transform: scaleY(1);
    }
}

@-ms-keyframes coolBarBottom {
    0% {
        transform: scaleY(0);
    }

    50% {
        transform: scaleY(1.5);
    }


    100% {
        transform: scaleY(1);
    }
}

@keyframes coolBarBottom {
    0% {
        transform: scaleY(0);
    }

    50% {
        transform: scaleY(1.5);
    }


    100% {
        transform: scaleY(1);
    }
}


/*
==============================================
coolBarCenter            Made by Lambert Group
==============================================
*/
.coolBarCenter {
    overflow: hidden;
    width: 18em;
    height: 2px;
    -webkit-animation: coolBarCenter 2s 1 forwards;
    -moz-animation: coolBarCenter 2s 1 forwards;
    -ms-animation: coolBarCenter 2s 1 forwards;
    animation: coolBarCenter 2s 1 forwards;

    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
}


@-webkit-keyframes coolBarCenter {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.3);
    }


    100% {
        transform: scaleX(1);
    }
}

@-moz-keyframes coolBarCenter {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.3);
    }


    100% {
        transform: scaleX(1);
    }
}

@-ms-keyframes coolBarCenter {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.3);
    }


    100% {
        transform: scaleX(1);
    }
}

@keyframes coolBarCenter {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.3);
    }


    100% {
        transform: scaleX(1);
    }
}


/*
==============================================
coolBarCenterFixed      Made by Lambert Group
==============================================
*/
.coolBarCenterFixed {
    overflow: hidden;
    width: 10em;
    height: 2px;
    -webkit-animation: coolBarCenterFixed 2s 1 forwards;
    -moz-animation: coolBarCenterFixed 2s 1 forwards;
    -ms-animation: coolBarCenterFixed 2s 1 forwards;
    animation: coolBarCenterFixed 2s 1 forwards;

    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
}


@-webkit-keyframes coolBarCenterFixed {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.3);
    }


    100% {
        transform: scaleX(1);
    }
}

@-moz-keyframes coolBarCenterFixed {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.3);
    }


    100% {
        transform: scaleX(1);
    }
}

@-ms-keyframes coolBarCenterFixed {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.3);
    }


    100% {
        transform: scaleX(1);
    }
}

@keyframes coolBarCenterFixed {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.3);
    }


    100% {
        transform: scaleX(1);
    }
}


/*
==============================================
coolBarRight             Made by Lambert Group
==============================================
*/
.coolBarRight {
    overflow: hidden;
    width: 18em;
    height: 2px;
    -webkit-animation: coolBarRight 2s 1 forwards;
    -moz-animation: coolBarRight 2s 1 forwards;
    -ms-animation: coolBarRight 2s 1 forwards;
    animation: coolBarRight 2s 1 forwards;

    transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
}


@-webkit-keyframes coolBarRight {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-moz-keyframes coolBarRight {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-ms-keyframes coolBarRight {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@keyframes coolBarRight {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}


/*
==============================================
coolBarLeft             Made by Lambert Group
==============================================
*/
.coolBarLeft {
    overflow: hidden;
    width: 18em;
    height: 2px;
    -webkit-animation: coolBarLeft 2s 1 forwards;
    -moz-animation: coolBarLeft 2s 1 forwards;
    -ms-animation: coolBarLeft 2s 1 forwards;
    animation: coolBarLeft 2s 1 forwards;

    transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
}


@-webkit-keyframes coolBarLeft {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-moz-keyframes coolBarLeft {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-ms-keyframes coolBarLeft {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@keyframes coolBarLeft {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}


/*
==============================================
coolBarRightMin         Made by Lambert Group
==============================================
*/
.coolBarRightMin {

    overflow: hidden;
    width: 5em;
    height: 2px;
    -webkit-animation: coolBarRightMin 1s 1 forwards;
    -moz-animation: coolBarRightMin 1s 1 forwards;
    -ms-animation: coolBarRightMin 1s 1 forwards;
    animation: coolBarRightMin 1s 1 forwards;

    transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
}


@-webkit-keyframes coolBarRightMin {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-moz-keyframes coolBarRightMin {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-ms-keyframes coolBarRightMin {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@keyframes coolBarRightMin {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}


/*
==============================================
coolBarLeftMin          Made by Lambert Group
==============================================
*/
.coolBarLeftMin {
    overflow: hidden;
    width: 5em;
    height: 2px;
    -webkit-animation: coolBarLeftMin 1s 1 forwards;
    -moz-animation: coolBarLeftMin 1s 1 forwards;
    -ms-animation: coolBarLeftMin 1s 1 forwards;
    animation: coolBarLeftMin 1s 1 forwards;

    transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
}


@-webkit-keyframes coolBarLeftMin {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-moz-keyframes coolBarLeftMin {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-ms-keyframes coolBarLeftMin {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@keyframes coolBarLeftMin {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}


/*
==============================================
coolBarRightMinRegular   Made by Lambert Group
==============================================
*/
.coolBarRightMinRegular {
    overflow: hidden;
    width: 3.1em;
    height: 2px;
    -webkit-animation: coolBarRightMinRegular 1s 1 forwards;
    -moz-animation: coolBarRightMinRegular 1s 1 forwards;
    -ms-animation: coolBarRightMinRegular 1s 1 forwards;
    animation: coolBarRightMinRegular 1s 1 forwards;

    transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
}


@-webkit-keyframes coolBarRightMinRegular {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-moz-keyframes coolBarRightMinRegular {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-ms-keyframes coolBarRightMinRegular {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@keyframes coolBarRightMinRegular {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}


/*
==============================================
coolBarLeftMinRegular   Made by Lambert Group
==============================================
*/
.coolBarLeftMinRegular {
    overflow: hidden;
    width: 3.1em;
    height: 2px;
    -webkit-animation: coolBarLeftMinRegular 1s 1 forwards;
    -moz-animation: coolBarLeftMinRegular 1s 1 forwards;
    -ms-animation: coolBarLeftMinRegular 1s 1 forwards;
    animation: coolBarLeftMinRegular 1s 1 forwards;

    transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
}


@-webkit-keyframes coolBarLeftMinRegular {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-moz-keyframes coolBarLeftMinRegular {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@-ms-keyframes coolBarLeftMinRegular {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}

@keyframes coolBarLeftMinRegular {
    0% {
        transform: scaleX(0);
    }

    50% {
        transform: scaleX(1.5);
    }


    100% {
        transform: scaleX(1);
    }
}


/*
======================================================================
dance                                                   by Clóvis Neto
======================================================================
*/
.dance {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: dance 1 2s linear;
    -moz-animation: dance 1 2s linear;
    -ms-animation: dance 1 2s linear;
    -o-animation: dance 1 2s linear;
    animation: dance 1 2s linear;
}

@-webkit-keyframes dance {
    0%, 10%, 20% {
        -webkit-transform: rotateZ(10deg);
    }
    5%, 15%, 25% {
        -webkit-transform: rotateZ(-10deg);
    }
    35%, 60%, 100% {
        -webkit-transform: scale(1) rotateZ(0deg);
        box-shadow: inset 0 0 0 0 transparent;
    }
    40% {
        -webkit-transform: scale(1.3);
        box-shadow: inset 0 0 0 0;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    }
}

@-moz-keyframes dance {
    0%, 10%, 20% {
        -moz-transform: rotateZ(10deg);
    }
    5%, 15%, 25% {
        -moz-transform: rotateZ(-10deg);
    }
    35%, 60%, 100% {
        -moz-transform: scale(1) rotateZ(0deg);
        box-shadow: inset 0 0 0 0 transparent;
    }
    40% {
        -moz-transform: scale(1.3);
        box-shadow: inset 0 0 0 0;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    }
}

@-ms-keyframes dance {
    0%, 10%, 20% {
        -ms-transform: rotateZ(10deg);
    }
    5%, 15%, 25% {
        -ms-transform: rotateZ(-10deg);
    }
    35%, 60%, 100% {
        -ms-transform: scale(1) rotateZ(0deg);
        box-shadow: inset 0 0 0 0 transparent;
    }
    40% {
        -ms-transform: scale(1.3);
        box-shadow: inset 0 0 0 0;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    }
}

@-o-keyframes dance {
    0%, 10%, 20% {
        -o-transform: rotateZ(10deg);
    }
    5%, 15%, 25% {
        -o-transform: rotateZ(-10deg);
    }
    35%, 60%, 100% {
        -o-transform: scale(1) rotateZ(0deg);
        box-shadow: inset 0 0 0 0 transparent;
    }
    40% {
        -o-transform: scale(1.3);
        box-shadow: inset 0 0 0 0;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    }
}

@-moz-keyframes dance {
    0%, 10%, 20% {
        transform: rotateZ(10deg);
    }
    5%, 15%, 25% {
        transform: rotateZ(-10deg);
    }
    35%, 60%, 100% {
        transform: scale(1) rotateZ(0deg);
        box-shadow: inset 0 0 0 0 transparent;
    }
    40% {
        transform: scale(1.3);
        box-shadow: inset 0 0 0 0;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    }
}

@-webkit-keyframes dance {
    0%, 10%, 20% {
        transform: rotateZ(10deg);
    }
    5%, 15%, 25% {
        transform: rotateZ(-10deg);
    }
    35%, 60%, 100% {
        transform: scale(1) rotateZ(0deg);
        box-shadow: inset 0 0 0 0 transparent;
    }
    40% {
        transform: scale(1.3);
        box-shadow: inset 0 0 0 0;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    }
}

@-o-keyframes dance {
    0%, 10%, 20% {
        transform: rotateZ(10deg);
    }
    5%, 15%, 25% {
        transform: rotateZ(-10deg);
    }
    35%, 60%, 100% {
        transform: scale(1) rotateZ(0deg);
        box-shadow: inset 0 0 0 0 transparent;
    }
    40% {
        transform: scale(1.3);
        box-shadow: inset 0 0 0 0;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    }
}

@keyframes dance {
    0%, 10%, 20% {
        transform: rotateZ(10deg);
    }
    5%, 15%, 25% {
        transform: rotateZ(-10deg);
    }
    35%, 60%, 100% {
        transform: scale(1) rotateZ(0deg);
        box-shadow: inset 0 0 0 0 transparent;
    }
    40% {
        transform: scale(1.3);
        box-shadow: inset 0 0 0 0;
        box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    }
}


/*
========================================================================
expandOpen           Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
========================================================================
*/
.expandOpen {
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;

    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    visibility: visible !important;
}

@keyframes expandOpen {
    0% {
        transform: scale(1.8);
    }
    50% {
        transform: scale(0.95);
    }
    80% {
        transform: scale(1.05);
    }
    90% {
        transform: scale(0.98);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(1.8);
    }
    50% {
        -webkit-transform: scale(0.95);
    }
    80% {
        -webkit-transform: scale(1.05);
    }
    90% {
        -webkit-transform: scale(0.98);
    }
    100% {
        -webkit-transform: scale(1);
    }

}


/*
========================================================================
expandUp             Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
========================================================================
*/
.expandUp {
    animation-name: expandUp;
    -webkit-animation-name: expandUp;

    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60% {
        transform: translateY(-7%) scaleY(1.12);
    }
    75% {
        transform: translateY(3%);
    }
    100% {
        transform: translateY(0%) scale(1) scaleY(1);
    }
}

@-webkit-keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60% {
        -webkit-transform: translateY(-7%) scaleY(1.12);
    }
    75% {
        -webkit-transform: translateY(3%);
    }
    100% {
        -webkit-transform: translateY(0%) scale(1) scaleY(1);
    }
}


/*
========================================================================
fadeIn              Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
========================================================================
*/
.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    60% {
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    60% {
        -webkit-transform: scale(1.1);
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}


/*
==============================================
flash                      Made by Daniel Eden
==============================================
*/

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

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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


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

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


/*
================================================================
flashBang                                         by Clóvis Neto
================================================================
*/
.flashBang {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: flashBang 1 2s linear;
    -moz-animation: flashBang 1 2s linear;
    -ms-animation: flashBang 1 2s linear;
    -o-animation: flashBang 1 2s linear;
    animation: flashBang 1 2s linear;
}

@-webkit-keyframes flashBang {
    0%, 20% {
        opacity: 0;
    }
    10%, 30%, 100% {
        opacity: 1;
    }
}

@-moz-keyframes flashBang {
    0%, 20% {
        opacity: 0;
    }
    10%, 30%, 100% {
        opacity: 1;
    }
}

@-ms-keyframes flashBang {
    0%, 20% {
        opacity: 0;
    }
    10%, 30%, 100% {
        opacity: 1;
    }
}

@-o-keyframes flashBang {
    0%, 20% {
        opacity: 0;
    }
    10%, 30%, 100% {
        opacity: 1;
    }
}

@-moz-keyframes flashBang {
    0%, 20% {
        opacity: 0;
    }
    10%, 30%, 100% {
        opacity: 1;
    }
}

@-webkit-keyframes flashBang {
    0%, 20% {
        opacity: 0;
    }
    10%, 30%, 100% {
        opacity: 1;
    }
}

@-o-keyframes flashBang {
    0%, 20% {
        opacity: 0;
    }
    10%, 30%, 100% {
        opacity: 1;
    }
}

@keyframes flashBang {
    0%, 20% {
        opacity: 0;
    }
    10%, 30%, 100% {
        opacity: 1;
    }
}


/*
==============================================================
flip                                       Made by Daniel Eden
==============================================================
*/
.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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

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

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

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

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

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

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

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

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


/*
==============================================
flipBookCenter_Cover1        Made by Lambert Group
==============================================
*/

.flipBookCenter_Cover1 {

    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipBookCenter_Cover1 1.5s;
    animation: flipBookCenter_Cover1 1.5s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: center;
    -webkit-transform-origin: center;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;

}


@keyframes flipBookCenter_Cover1 {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
    }

    100% {
        transform: perspective(2400px) rotateY(-180deg) translateX(0%) translateZ(0px);
    }
}


@-webkit-keyframes flipBookCenter_Cover1 {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(-180deg) translateX(0%) translateZ(0px);
    }
}


/*
==============================================
flipBookCenter_Cover2        Made by Lambert Group
==============================================
*/

.flipBookCenter_Cover2 {

    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;

    transform: rotateY(180deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipBookCenter_Cover2 1.5s;
    animation: flipBookCenter_Cover2 1.5s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: center;
    -webkit-transform-origin: center;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;

}


@keyframes flipBookCenter_Cover2 {
    0% {
        transform: perspective(2400px) rotateY(180deg) translateX(0%) translateZ(0px);
    }

    100% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
    }
}


@-webkit-keyframes flipBookCenter_Cover2 {
    0% {
        -webkit-transform: perspective(2400px) rotateY(180deg) translateX(0%) translateZ(0px);

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
    }
}


/*
==============================================
flipBookLeft_Cover1        Made by Lambert Group
==============================================
*/

.flipBookLeft_Cover1 {

    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipBookLeft_Cover1 1.5s;
    animation: flipBookLeft_Cover1 1.5s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: left;
    -webkit-transform-origin: left;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;

}


@keyframes flipBookLeft_Cover1 {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
    }

    100% {
        transform: perspective(2400px) rotateY(-180deg) translateX(0%) translateZ(0px);
    }
}


@-webkit-keyframes flipBookLeft_Cover1 {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(-180deg) translateX(0%) translateZ(0px);
    }
}


/*
==============================================
flipBookLeft_Cover2        Made by Lambert Group
==============================================
*/

.flipBookLeft_Cover2 {

    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;

    transform: rotateY(180deg) translateX(-100%) translateZ(0px);

    -webkit-animation: flipBookLeft_Cover2 1.5s;
    animation: flipBookLeft_Cover2 1.5s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: left;
    -webkit-transform-origin: left;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;

}


@keyframes flipBookLeft_Cover2 {
    0% {
        transform: perspective(2400px) rotateY(180deg) translateX(-100%) translateZ(0px);
    }

    100% {
        transform: perspective(2400px) rotateY(0deg) translateX(-100%) translateZ(0px);
    }
}


@-webkit-keyframes flipBookLeft_Cover2 {
    0% {
        -webkit-transform: perspective(2400px) rotateY(180deg) translateX(-100%) translateZ(0px);

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(-100%) translateZ(0px);
    }
}


/*
==============================================
flipBookRight_Cover3     Made by Lambert Group
==============================================
*/

.flipBookRight_Cover3 {

    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;

    transform: rotateY(180deg) translateX(100%) translateZ(0px);

    -webkit-animation: flipBookRight_Cover3 1.5s;
    animation: flipBookRight_Cover3 1.5s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: right;
    -webkit-transform-origin: right;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
    animation-delay: 4s;

}


@keyframes flipBookRight_Cover3 {
    0% {
        transform: perspective(2400px) rotateY(180deg) translateX(100%) translateZ(0px);
    }

    100% {
        transform: perspective(2400px) rotateY(360deg) translateX(100%) translateZ(0px);
    }
}


@-webkit-keyframes flipBookRight_Cover3 {
    0% {
        -webkit-transform: perspective(2400px) rotateY(180deg) translateX(100%) translateZ(0px);

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(360deg) translateX(100%) translateZ(0px);
    }
}


/*
==============================================
flipBookRight_Cover4     Made by Lambert Group
==============================================
*/

.flipBookRight_Cover4 {

    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);


    -webkit-animation: flipBookRight_Cover4 1.5s;
    animation: flipBookRight_Cover4 1.5s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: right;
    -webkit-transform-origin: right;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
    animation-delay: 4s;

}


@keyframes flipBookRight_Cover4 {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
    }

    100% {
        transform: perspective(2400px) rotateY(180deg) translateX(0%) translateZ(0px);
    }
}


@-webkit-keyframes flipBookRight_Cover4 {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(180deg) translateX(0%) translateZ(0px);
    }
}


/*
==============================================
flipInX                    Made by Daniel Eden
==============================================
*/
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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

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

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

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


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

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

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

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

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


/*
==============================================
flipInY                    Made by Daniel Eden
==============================================
*/
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}


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

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

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

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

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

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

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

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

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

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


/*
==============================================
flipOutX                   Made by Daniel Eden
==============================================
*/
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;

    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

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

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

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


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

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

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


/*
==============================================
flipOutY                   Made by Daniel Eden
==============================================
*/
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;

    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

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

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

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

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

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

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


/*
==============================================
flipXFast3d
==============================================
*/
.flipXFast3d {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipXFast3d;
    animation-name: flipXFast3d;

    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-direction: normal; /* Chrome, Safari, Opera */
    animation-direction: normal;

    -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */
    animation-iteration-count: 1;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-delay: 1.8s; /* Chrome, Safari, Opera */
    animation-delay: 1.8s;
}


@keyframes flipXFast3d {
    from {
        -webkit-transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
        transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
        transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
    }
}

@-webkit-keyframes flipXFast3d {
    from {
        -webkit-transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
        transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
        transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
    }
}


/*
==============================================
flipX3dPerpetuum
==============================================
*/
.flipX3dPerpetuum {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipX3dPerpetuum;
    animation-name: flipX3dPerpetuum;

    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-direction: normal; /* Chrome, Safari, Opera */
    animation-direction: normal;

    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}


@keyframes flipX3dPerpetuum {
    from {
        -webkit-transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
        transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
        transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
    }
}

@-webkit-keyframes flipX3dPerpetuum {
    from {
        -webkit-transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
        transform: perspective(300px) rotate3d(1, 0, 0, 0deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
        transform: perspective(300px) rotate3d(1, 0, 0, 360deg);
    }
}


/*
========================================================
flipY3dPerpetuum      Made by Lambert Group
========================================================
*/

.flipY3dPerpetuum {

    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipY3dPerpetuum 7s;
    animation: flipY3dPerpetuum 7s;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-iteration-count: infinite;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: center;
    -webkit-transform-origin: center;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}


@keyframes flipY3dPerpetuum {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
    }

    100% {
        transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px);
    }
}


@-webkit-keyframes flipY3dPerpetuum {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px);
    }
}


/*
==============================================
flipYFastRight3d         Made by Lambert Group
==============================================
*/

.flipYFastRight3d {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipYFastRight3d 1.0s;
    animation: flipYFastRight3d 1.0s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: center;
    -webkit-transform-origin: center;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;
}


@keyframes flipYFastRight3d {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
    }

    100% {
        transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px);
    }
}


@-webkit-keyframes flipYFastRight3d {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px);
    }
}


/*
==============================================
flipYFastLeft3d         Made by Lambert Group
==============================================
*/

.flipYFastLeft3d {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipYFastLeft3d 1.0s;
    animation: flipYFastLeft3d 1.0s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: center;
    -webkit-transform-origin: center;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;

}


@keyframes flipYFastLeft3d {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
    }

    100% {
        transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
    }
}


@-webkit-keyframes flipYFastLeft3d {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
    }
}


/*
========================================================
flipYFastRight3dChangeColor      Made by Lambert Group
========================================================
*/

.flipYFastRight3dChangeColor {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipYFastRight3dChangeColor 1.0s;
    animation: flipYFastRight3dChangeColor 1.0s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: center;
    -webkit-transform-origin: center;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;
}


@keyframes flipYFastRight3dChangeColor {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
        transition: transform 0.5s, color 0.5s;
    }

    100% {
        transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px);
        color: #ed0a1e;
    }
}


@-webkit-keyframes flipYFastRight3dChangeColor {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
        -webkit-transition: -webkit-transform 0.5s, color 0.5s;

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(360deg) translateX(0%) translateZ(0px);
        color: #ed0a1e;
    }
}


/*
========================================================
flipYFastLeft3dChangeColor      Made by Lambert Group
========================================================
*/

.flipYFastLeft3dChangeColor {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipYFastLeft3dChangeColor 1.0s;
    animation: flipYFastLeft3dChangeColor 1.0s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: center;
    -webkit-transform-origin: center;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;

}


@keyframes flipYFastLeft3dChangeColor {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
        transition: transform 0.5s, color 0.5s;
    }

    100% {
        transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
        color: #ed0a1e;
    }
}


@-webkit-keyframes flipYFastLeft3dChangeColor {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
        -webkit-transition: -webkit-transform 0.5s, color 0.5s;

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
        color: #ed0a1e;
    }
}


/*
========================================================
flipYFastLeft3dSpecialColor      Made by Lambert Group
========================================================
*/

.flipYFastLeft3dSpecialColor {

    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipYFastLeft3dSpecialColor 1.0s;
    animation: flipYFastLeft3dSpecialColor 1.0s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: center;
    -webkit-transform-origin: center;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;

}


@keyframes flipYFastLeft3dSpecialColor {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
        transition: transform 0.5s, color 0.5s;
    }

    100% {
        transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
        color: #fbc337;
    }
}


@-webkit-keyframes flipYFastLeft3dSpecialColor {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
        -webkit-transition: -webkit-transform 0.5s, color 0.5s;

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
        color: #fbc337;
    }
}


/*
========================================================
flipYFastLeft3dSpecialColor2      Made by Lambert Group
========================================================
*/

.flipYFastLeft3dSpecialColor2 {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;

    transform: rotateY(0deg) translateX(0%) translateZ(0px);

    -webkit-animation: flipYFastLeft3dSpecialColor2 1.0s;
    animation: flipYFastLeft3dSpecialColor2 1.0s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: center;
    -webkit-transform-origin: center;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;

}


@keyframes flipYFastLeft3dSpecialColor2 {
    0% {
        transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
        transition: transform 0.5s, color 0.5s;
    }

    100% {
        transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
        color: #ffde00;
    }
}


@-webkit-keyframes flipYFastLeft3dSpecialColor2 {
    0% {
        -webkit-transform: perspective(2400px) rotateY(0deg) translateX(0%) translateZ(0px);
        -webkit-transition: -webkit-transform 0.5s, color 0.5s;

    }

    100% {
        -webkit-transform: perspective(2400px) rotateY(-360deg) translateX(0%) translateZ(0px);
        color: #ffde00;
    }
}


/*
========================================================================
floating             Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
========================================================================
*/
.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    -ms-animation-name: floating;

    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(17%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(17%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}


@-ms-keyframes floating {
    0% {
        -ms-transform: translateY(0rem);
    }
    50% {
        -ms-transform: translateY(1rem);
    }
    100% {
        -ms-transform: translateY(0rem);
    }
}


/*
========================================================================
floatingEasy            Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
========================================================================
*/
.floatingEasy {
    animation-name: floatingEasy;
    -webkit-animation-name: floatingEasy;
    -ms-animation-name: floatingEasy;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -ms-animation-fill-mode: both;
}

@keyframes floatingEasy {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(1%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floatingEasy {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(1%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

@-ms-keyframes floatingEasy {
    0% {
        -ms-transform: translateY(0rem);
    }
    50% {
        -ms-transform: translateY(11rem);
    }
    100% {
        -ms-transform: translateY(0rem);
    }
}


/*
==============================================
foolishIn              Made by Christian Pucci
==============================================
*/
.foolishIn {
    -webkit-animation-name: foolishIn;
    animation-name: foolishIn;

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

@-webkit-keyframes foolishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(360deg);
    }

    20% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    }

    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    }

    60% {
        opacity: 1;
        -webkit-transform-origin: 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(0deg);
    }
}

@keyframes foolishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotate(360deg);
    }

    20% {
        opacity: 1;
        transform-origin: 0% 100%;
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    60% {
        opacity: 1;
        transform-origin: 0%;
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    80% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotate(0deg);
    }
}


/*
==============================================
foolishOut             Made by Christian Pucci
==============================================
*/
.foolishOut {
    -webkit-animation-name: foolishOut;
    animation-name: foolishOut;

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

@-webkit-keyframes foolishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotate(360deg);
    }

    20% {
        opacity: 1;
        -webkit-transform-origin: 0% 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    }

    40% {
        opacity: 1;
        -webkit-transform-origin: 100% 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    }

    60% {
        opacity: 1;
        -webkit-transform-origin: 0%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 0% 100%;
        -webkit-transform: scale(0.5, 0.5) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotate(0deg);
    }
}

@keyframes foolishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotate(360deg);
    }

    20% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    40% {
        opacity: 1;
        transform-origin: 100% 0%;
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    60% {
        opacity: 1;
        transform-origin: 0%;
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    80% {
        opacity: 1;
        transform-origin: 0% 100%;
        transform: scale(0.5, 0.5) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotate(0deg);
    }
}


/*
======================================================================
hatch              Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
======================================================================
*/

.hatch {
    animation-name: hatch;
    -webkit-animation-name: hatch;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;

    visibility: visible !important;
}

@keyframes hatch {
    0% {
        transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        transform: rotate(2deg) scaleY(1);
    }
    50% {
        transform: rotate(-2deg);
    }
    65% {
        transform: rotate(1deg);
    }
    80% {
        transform: rotate(-1deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0deg) scaleY(0.6);
    }
    20% {
        -webkit-transform: rotate(-2deg) scaleY(1.05);
    }
    35% {
        -webkit-transform: rotate(2deg) scaleY(1);
    }
    50% {
        -webkit-transform: rotate(-2deg);
    }
    65% {
        -webkit-transform: rotate(1deg);
    }
    80% {
        -webkit-transform: rotate(-1deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}


/*
==============================================
hinge                      Made by Daniel Eden
==============================================
*/
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;

    -webkit-animation-duration: 2s;
    animation-duration: 2s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

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

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 0;
    }
}


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

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

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

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 0;
    }
}


/*
==============================================
hinge2
==============================================
*/
.hinge2 {
    animation-name: hinge2;
    -webkit-animation-animation-name: hinge2;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes hinge2 {
    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;
    }

}


@keyframes hinge2 {
    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;
    }
}


/*
==============================================
holeOut
==============================================
*/
.holeOut {
    -webkit-animation-name: holeOut;
    animation-name: holeOut;

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

@-webkit-keyframes holeOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1) rotateY(0deg);
    }


    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0) rotateY(180deg);
    }
}

@keyframes holeOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1) rotateY(0deg);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0) rotateY(180deg);
    }
}


/*
==============================================================
jamp                                            by Clóvis Neto
==============================================================
*/
.jamp {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: jamp 1s linear;
    -moz-animation: jamp 1s linear;
    -ms-animation: jamp 1s linear;
    -o-animation: jamp 1s linear;
    animation: jamp 1s linear;
}

@-webkit-keyframes jamp {
    0% {
        -webkit-transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(-50px);
    }
    25% {
        -webkit-transform: translateY(-50px) scale(1.1);
    }
    35% {
        -webkit-transform: translateY(-50px) scale(1);
    }
    45% {
        -webkit-transform: translateY(-50px) scale(1.2);
    }
    55% {
        -webkit-transform: translateY(-50px) scale(1);
    }
    65% {
        -webkit-transform: translate(150px, -50px) scale(0.8);
    }
    85% {
        -webkit-transform: translate(150px, -50px) scale(1.2);
    }
    95% {
        -webkit-transform: translate(0, 0px) scale(1);
    }
    100% {
        -webkit-transform: translate(0, 0);
    }
}

@-moz-keyframes jamp {
    0% {
        -moz-transform: translateY(0);
    }
    10% {
        -moz-transform: translateY(-50px);
    }
    25% {
        -moz-transform: translateY(-50px) scale(1.1);
    }
    35% {
        -moz-transform: translateY(-50px) scale(1);
    }
    45% {
        -moz-transform: translateY(-50px) scale(1.2);
    }
    55% {
        -moz-transform: translateY(-50px) scale(1);
    }
    65% {
        -moz-transform: translate(150px, -50px) scale(0.8);
    }
    85% {
        -moz-transform: translate(150px, -50px) scale(1.2);
    }
    95% {
        -moz-transform: translate(0, 0px) scale(1);
    }
    100% {
        -moz-transform: translate(0, 0);
    }
}

@-ms-keyframes jamp {
    0% {
        -ms-transform: translateY(0);
    }
    10% {
        -ms-transform: translateY(-50px);
    }
    25% {
        -ms-transform: translateY(-50px) scale(1.1);
    }
    35% {
        -ms-transform: translateY(-50px) scale(1);
    }
    45% {
        -ms-transform: translateY(-50px) scale(1.2);
    }
    55% {
        -ms-transform: translateY(-50px) scale(1);
    }
    65% {
        -ms-transform: translate(150px, -50px) scale(0.8);
    }
    85% {
        -ms-transform: translate(150px, -50px) scale(1.2);
    }
    95% {
        -ms-transform: translate(0, 0px) scale(1);
    }
    100% {
        -ms-transform: translate(0, 0);
    }
}

@-o-keyframes jamp {
    0% {
        -o-transform: translateY(0);
    }
    10% {
        -o-transform: translateY(-50px);
    }
    25% {
        -o-transform: translateY(-50px) scale(1.1);
    }
    35% {
        -o-transform: translateY(-50px) scale(1);
    }
    45% {
        -o-transform: translateY(-50px) scale(1.2);
    }
    55% {
        -o-transform: translateY(-50px) scale(1);
    }
    65% {
        -o-transform: translate(150px, -50px) scale(0.8);
    }
    85% {
        -o-transform: translate(150px, -50px) scale(1.2);
    }
    95% {
        -o-transform: translate(0, 0px) scale(1);
    }
    100% {
        -o-transform: translate(0, 0);
    }
}

@-moz-keyframes jamp {
    0% {
        transform: translateY(0);
    }
    10% {
        transform: translateY(-50px);
    }
    25% {
        transform: translateY(-50px) scale(1.1);
    }
    35% {
        transform: translateY(-50px) scale(1);
    }
    45% {
        transform: translateY(-50px) scale(1.2);
    }
    55% {
        transform: translateY(-50px) scale(1);
    }
    65% {
        transform: translate(150px, -50px) scale(0.8);
    }
    85% {
        transform: translate(150px, -50px) scale(1.2);
    }
    95% {
        transform: translate(0, 0px) scale(1);
    }
    100% {
        transform: translate(0, 0);
    }
}

@-webkit-keyframes jamp {
    0% {
        transform: translateY(0);
    }
    10% {
        transform: translateY(-50px);
    }
    25% {
        transform: translateY(-50px) scale(1.1);
    }
    35% {
        transform: translateY(-50px) scale(1);
    }
    45% {
        transform: translateY(-50px) scale(1.2);
    }
    55% {
        transform: translateY(-50px) scale(1);
    }
    65% {
        transform: translate(150px, -50px) scale(0.8);
    }
    85% {
        transform: translate(150px, -50px) scale(1.2);
    }
    95% {
        transform: translate(0, 0px) scale(1);
    }
    100% {
        transform: translate(0, 0);
    }
}

@-o-keyframes jamp {
    0% {
        transform: translateY(0);
    }
    10% {
        transform: translateY(-50px);
    }
    25% {
        transform: translateY(-50px) scale(1.1);
    }
    35% {
        transform: translateY(-50px) scale(1);
    }
    45% {
        transform: translateY(-50px) scale(1.2);
    }
    55% {
        transform: translateY(-50px) scale(1);
    }
    65% {
        transform: translate(150px, -50px) scale(0.8);
    }
    85% {
        transform: translate(150px, -50px) scale(1.2);
    }
    95% {
        transform: translate(0, 0px) scale(1);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes jamp {
    0% {
        transform: translateY(0);
    }
    10% {
        transform: translateY(-50px);
    }
    25% {
        transform: translateY(-50px) scale(1.1);
    }
    35% {
        transform: translateY(-50px) scale(1);
    }
    45% {
        transform: translateY(-50px) scale(1.2);
    }
    55% {
        transform: translateY(-50px) scale(1);
    }
    65% {
        transform: translate(150px, -50px) scale(0.8);
    }
    85% {
        transform: translate(150px, -50px) scale(1.2);
    }
    95% {
        transform: translate(0, 0px) scale(1);
    }
    100% {
        transform: translate(0, 0);
    }
}


/*
==============================================
jello                      Made by Daniel Eden
==============================================
*/
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*
======================================================================
journal                                                 by Clóvis Neto
======================================================================
*/
.journal {
    -webkit-animation: journal 1 2s ease-in;
    -moz-animation: journal 1 2s ease-in;
    -ms-animation: journal 1 2s ease-in;
    -o-animation: journal 1 2s ease-in;
    animation: journal 1 2s ease-in;
    opacity: 1 !important;
    visibility: visible !important;
}

@-webkit-keyframes journal {
    0% {
        -webkit-transform: scale(0) rotate(-360deg);
    }
    80% {
        -webkit-transform: scale(0.5) rotate(-180deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes journal {
    0% {
        -moz-transform: scale(0) rotate(-360deg);
    }
    80% {
        -moz-transform: scale(0.5) rotate(-180deg);
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-ms-keyframes journal {
    0% {
        -ms-transform: scale(0) rotate(-360deg);
    }
    80% {
        -ms-transform: scale(0.5) rotate(-180deg);
    }
    100% {
        -ms-transform: scale(1) rotate(0);
    }
}

@-o-keyframes journal {
    0% {
        -o-transform: scale(0) rotate(-360deg);
    }
    80% {
        -o-transform: scale(0.5) rotate(-180deg);
    }
    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes journal {
    0% {
        transform: scale(0) rotate(-360deg);
    }
    80% {
        transform: scale(0.5) rotate(-180deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes journal {
    0% {
        transform: scale(0) rotate(-360deg);
    }
    80% {
        transform: scale(0.5) rotate(-180deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

@-o-keyframes journal {
    0% {
        transform: scale(0) rotate(-360deg);
    }
    80% {
        transform: scale(0.5) rotate(-180deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

@keyframes journal {
    0% {
        transform: scale(0) rotate(-360deg);
    }
    80% {
        transform: scale(0.5) rotate(-180deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}


/*
==============================================
lightSpeedInLeft          Made by Daniel Eden
==============================================
*/
.lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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

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

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


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

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

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

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


/*
==============================================
lightSpeedInRight          Made by Daniel Eden
==============================================
*/
.lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

@keyframes lightSpeedInRight {
    from {

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

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

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

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


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

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

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

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

}


/*
==============================================
lightSpeedOutRight         Made by Daniel Eden
==============================================
*/
.lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

@keyframes lightSpeedOutRight {
    from {
        opacity: 1;
    }

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


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


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


/*
==============================================
lightSpeedOutLeft              Made by Daniel Eden
==============================================
*/
.lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

@keyframes lightSpeedOutLeft {
    from {
        opacity: 1;
    }

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


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


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


/*
==============================================
magic                  Made by Christian Pucci
==============================================
*/
.magic {
    -webkit-animation-name: magic;
    animation-name: magic;

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

@-webkit-keyframes magic {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 200%;
        -webkit-transform: scale(1, 1) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 200% 500%;
        -webkit-transform: scale(0, 0) rotate(270deg);
    }
}

@keyframes magic {
    0% {
        opacity: 1;
        transform-origin: 100% 200%;
        transform: scale(1, 1) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform-origin: 200% 500%;
        transform: scale(0, 0) rotate(270deg);
    }
}


/*
==============================================
magnifying
==============================================
*/
.magnifying {
    -webkit-animation-name: magnifying;
    animation-name: magnifying;

    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

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

    100% {
        opacity: 1;
        -webkit-transform: scale(1.4, 1.4) translate(33%);
        transform: scale(1.4, 1.4) translate(33%);
    }

}

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

    100% {
        opacity: 1;
        -webkit-transform: scale(1.4, 1.4) translate(33%);
        transform: scale(1.4, 1.4) translate(33%);
    }
}


/*
==============================================
magBounce
==============================================
*/
.magBounce {
    -webkit-animation-name: magBounce;
    animation-name: magBounce;

    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

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

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

}

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

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


/*
==============================================
openDownLeft           Made by Christian Pucci
==============================================
*/
.openDownLeft {
    -webkit-animation-name: openDownLeft;
    animation-name: openDownLeft;

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

@-webkit-keyframes openDownLeft {
    0% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
    }
}

@keyframes openDownLeft {
    0% {
        transform-origin: bottom left;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

    100% {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out;
    }
}


/*
==============================================
openDownRight          Made by Christian Pucci
==============================================
*/
.openDownRight {
    -webkit-animation-name: openDownRight;
    animation-name: openDownRight;

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

@-webkit-keyframes openDownRight {
    0% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
    }
}

@keyframes openDownRight {
    0% {
        transform-origin: bottom right;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

    100% {
        transform-origin: bottom right;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out;
    }
}


/*
==============================================
openUpLeft             Made by Christian Pucci
==============================================
*/
.openUpLeft {
    -webkit-animation-name: openUpLeft;
    animation-name: openUpLeft;

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

@-webkit-keyframes openUpLeft {
    0% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }

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

@keyframes openUpLeft {
    0% {
        transform-origin: top left;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

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


/*
==============================================
openUpRight            Made by Christian Pucci
==============================================
*/
.openUpRight {
    -webkit-animation-name: openUpRight;
    animation-name: openUpRight;

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


@-webkit-keyframes openUpRight {
    0% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
    }
}

@keyframes openUpRight {
    0% {
        transform-origin: top right;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

    100% {
        transform-origin: top right;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out;
    }
}


/*
==============================================
openDownLeftRetourn    Made by Christian Pucci
==============================================
*/
.openDownLeftRetourn {
    -webkit-animation-name: openDownLeftRetourn;
    animation-name: openDownLeftRetourn;

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

@-webkit-keyframes openDownLeftRetourn {
    0% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }
}

@keyframes openDownLeftRetourn {
    0% {
        transform-origin: bottom left;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out;
    }

    100% {
        transform-origin: bottom left;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }
}


/*
==============================================
openDownRightRetourn   Made by Christian Pucci
==============================================
*/
.openDownRightRetourn {
    -webkit-animation-name: openDownRightRetourn;
    animation-name: openDownRightRetourn;

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

@-webkit-keyframes openDownRightRetourn {
    0% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }
}

@keyframes openDownRightRetourn {
    0% {
        transform-origin: bottom right;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out;
    }

    100% {
        transform-origin: bottom right;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }
}


/*
==============================================
openUpLeftRetourn      Made by Christian Pucci
==============================================
*/
.openUpLeftRetourn {
    -webkit-animation-name: openUpLeftRetourn;
    animation-name: openUpLeftRetourn;

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

@-webkit-keyframes openUpLeftRetourn {
    0% {
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
    }

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

@keyframes openUpLeftRetourn {
    0% {
        transform-origin: top left;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out;
    }

    100% {
        transform-origin: top left;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }
}


/*
==============================================
openUpRightRetourn     Made by Christian Pucci
==============================================
*/
.openUpRightRetourn {
    -webkit-animation-name: openUpRightRetourn;
    animation-name: openUpRightRetourn;

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

@-webkit-keyframes openUpRightRetourn {
    0% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }
}

@keyframes openUpRightRetourn {
    0% {
        transform-origin: top right;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out;
    }

    100% {
        transform-origin: top right;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }
}


/*
==============================================
openDownLeftOut        Made by Christian Pucci
==============================================
*/
.openDownLeftOut {
    -webkit-animation-name: openDownLeftOut;
    animation-name: openDownLeftOut;

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

@-webkit-keyframes openDownLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: bottom left;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
    }
}

@keyframes openDownLeftOut {
    0% {
        opacity: 1;
        transform-origin: bottom left;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        transform-origin: bottom left;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out;
    }
}


/*
==============================================
openDownRightOut       Made by Christian Pucci
==============================================
*/
.openDownRightOut {
    -webkit-animation-name: openDownRightOut;
    animation-name: openDownRightOut;

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

@-webkit-keyframes openDownRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: bottom right;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
    }
}

@keyframes openDownRightOut {
    0% {
        opacity: 1;
        transform-origin: bottom right;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        transform-origin: bottom right;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out;
    }
}


/*
==============================================
openUpLeftOut          Made by Christian Pucci
==============================================
*/
.openUpLeftOut {
    -webkit-animation-name: openUpLeftOut;
    animation-name: openUpLeftOut;

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

@-webkit-keyframes openUpLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: top left;
        -webkit-transform: rotate(110deg);
        -webkit-animation-timing-function: ease-in-out;
    }
}

@keyframes openUpLeftOut {
    0% {
        opacity: 1;
        transform-origin: top left;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        transform-origin: top left;
        transform: rotate(110deg);
        animation-timing-function: ease-in-out;
    }
}


/*
==============================================
openUpRightOut         Made by Christian Pucci
==============================================
*/
.openUpRightOut {
    -webkit-animation-name: openUpRightOut;
    animation-name: openUpRightOut;

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

@-webkit-keyframes openUpRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(0deg);
        -webkit-animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: top right;
        -webkit-transform: rotate(-110deg);
        -webkit-animation-timing-function: ease-in-out;
    }
}

@keyframes openUpRightOut {
    0% {
        opacity: 1;
        transform-origin: top right;
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

    100% {
        opacity: 0;
        transform-origin: top right;
        transform: rotate(-110deg);
        animation-timing-function: ease-in-out;
    }
}


/*
==============================================
perpetuumChainLink1      Made by Lambert Group
==============================================
*/
.perpetuumChainLink1 {
    -webkit-animation: perpetuumChainLink1 25s linear infinite;
    -moz-animation: perpetuumChainLink1 25s linear infinite;
    animation: perpetuumChainLink1 25s linear infinite;

    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

@-moz-keyframes perpetuumChainLink1 {
    from {
        opacity: 1;
    }

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

@keyframes perpetuumChainLink1 {
    from {
        opacity: 1;
    }

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


/*
==============================================
perpetuumChainLink2     Made by Lambert Group
==============================================
*/
.perpetuumChainLink2 {
    -webkit-animation: perpetuumChainLink2 25s linear infinite;
    -moz-animation: perpetuumChainLink2 25s linear infinite;
    animation: perpetuumChainLink2 25s linear infinite;

    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);

    -webkit-animation-direction: reverse;
    animation-direction: reverse;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

@-moz-keyframes perpetuumChainLink2 {
    from {
        opacity: 1;
    }

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

@keyframes perpetuumChainLink2 {
    from {
        opacity: 1;
    }

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


/*
==============================================
perspectiveLeft        Made by Christian Pucci
==============================================
*/
.perspectiveLeft {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveLeft;
    animation-name: perspectiveLeft;

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

@-webkit-keyframes perspectiveLeft {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg);
    }
}

@keyframes perspectiveLeft {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg);
    }

    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg);
    }
}


/*
==============================================
perspectiveRight       Made by Christian Pucci
==============================================
*/
.perspectiveRight {
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-animation-name: perspectiveRight;
    animation-name: perspectiveRight;

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

@-webkit-keyframes perspectiveRight {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
    }

    100% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg);
    }
}

@keyframes perspectiveRight {
    0% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(0deg);
    }

    100% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(180deg);
    }
}


/*
==============================================
perspectiveRightIn     Made by Christian Pucci
==============================================
*/
.perspectiveRightIn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveRightIn;
    animation-name: perspectiveRightIn;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-direction: reverse; /* Chrome, Safari, Opera */
    animation-direction: reverse;
}

@-webkit-keyframes perspectiveRightIn {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(400px) rotateY(-180deg);
    }

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

    }
}

@keyframes perspectiveRightIn {
    0% {
        transform-origin: 100% 0;
        transform: perspective(400px) rotateY(-180deg);
    }

    100% {
        transform-origin: 100% 0;
        transform: perspective(400px) rotateY(0deg);

    }
}


/*
==============================================
perspectiveUp          Made by Christian Pucci
==============================================
*/
.perspectiveUp {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveUp;
    animation-name: perspectiveUp;

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

@-webkit-keyframes perspectiveUp {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg);
    }
}

@keyframes perspectiveUp {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg);
    }

    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(180deg);
    }
}


/*
==============================================
perspectiveDownZero        Made by Christian Pucci
==============================================
*/
.perspectiveDownZero {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveDownZero;
    animation-name: perspectiveDownZero;

    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes perspectiveDownZero {
    0% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg);
    }

    100% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg);
    }
}

@keyframes perspectiveDownZero {
    0% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0deg);
    }

    100% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(-180deg);
    }
}


/*
==============================================
perspectiveDown        Made by Christian Pucci
==============================================
*/
.perspectiveDown {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveDown;
    animation-name: perspectiveDown;

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

@-webkit-keyframes perspectiveDown {
    0% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg);
    }

    100% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg);
    }
}

@keyframes perspectiveDown {
    0% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0deg);
    }

    100% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(-180deg);
    }
}


/*
=======================================================
perspectiveLeftRetourn          Made by Christian Pucci
=======================================================
*/
.perspectiveLeftRetourn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveLeftRetourn;
    animation-name: perspectiveLeftRetourn;

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

@-webkit-keyframes perspectiveLeftRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(-180deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
    }
}

@keyframes perspectiveLeftRetourn {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(-180deg);
    }

    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg);
    }
}


/*
=========================================================
perspectiveRightRetourn           Made by Christian Pucci
=========================================================
*/
.perspectiveRightRetourn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveRightRetourn;
    animation-name: perspectiveRightRetourn;

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

@-webkit-keyframes perspectiveRightRetourn {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(180deg);
    }

    100% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: perspective(800px) rotateY(0deg);
    }
}

@keyframes perspectiveRightRetourn {
    0% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(180deg);
    }

    100% {
        transform-origin: 100% 0;
        transform: perspective(800px) rotateY(0deg);
    }
}


/*
========================================================
perspectiveUpRetourn             Made by Christian Pucci
========================================================
*/
.perspectiveUpRetourn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveUpRetourn;
    animation-name: perspectiveUpRetourn;

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

@-webkit-keyframes perspectiveUpRetourn {
    0% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(180deg);
    }

    100% {
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg);
    }
}

@keyframes perspectiveUpRetourn {
    0% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(180deg);
    }

    100% {
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg);
    }
}


/*
========================================================
perspectiveDownRetourn           Made by Christian Pucci
========================================================
*/
.perspectiveDownRetourn {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: perspectiveDownRetourn;
    animation-name: perspectiveDownRetourn;

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

@-webkit-keyframes perspectiveDownRetourn {
    0% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg);
    }

    100% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: perspective(800px) rotateX(0deg);
    }
}

@keyframes perspectiveDownRetourn {
    0% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(-180deg);
    }

    100% {
        transform-origin: 0 100%;
        transform: perspective(800px) rotateX(0deg);
    }
}


/* originally authored by Nick Pettit */
/*
==============================================
rollInRight                       Daniel Eden
==============================================
*/
.rollInRight {
    -webkit-animation-name: rollInRight;
    animation-name: rollInRight;

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

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

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

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

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


/* originally authored by Nick Pettit */
/*
==============================================
rollInLeft                         Daniel Eden
==============================================
*/
.rollInLeft {
    -webkit-animation-name: rollInLeft;
    animation-name: rollInLeft;

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

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

    }

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

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

    }

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


/* originally authored by Nick Pettit */
/*
==============================================
rollOutRight                      Daniel Eden
==============================================
*/
.rollOutRight {
    -webkit-animation-name: rollOutRight;
    animation-name: rollOutRight;

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

@keyframes rollOutRight {
    from {
        opacity: 1;
    }

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

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

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


/* originally authored by Nick Pettit */
/*
==============================================
rollOutLeft                        Daniel Eden
==============================================
*/
.rollOutLeft {
    -webkit-animation-name: rollOutLeft;
    animation-name: rollOutLeft;

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

@keyframes rollOutLeft {
    from {
        opacity: 1;
    }

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

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

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


/*
==============================================
rotateEaseForward
==============================================
*/
.rotateEaseForward {

    -webkit-animation-name: rotateEaseForward;
    animation-name: rotateEaseForward;

    -webkit-animation-duration: 35s;
    animation-duration: 35s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-timing-function: linear; /*ease ease-in ease-out ease-in-out*/
    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite; /*number|initial|inherit*/
    animation-iteration-count: infinite;

}


@-moz-keyframes rotateEaseForward {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(1440deg);
    }
}

@-webkit-keyframes rotateEaseForward {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1440deg);
    }
}

@-o-keyframes rotateEaseForward {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(1440deg);
    }
}

@keyframes rotateEaseForward {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1440deg);
    }
}


/*
==============================================
rotateEaseBackward
==============================================
*/
.rotateEaseBackward {

    -webkit-animation-name: rotateEaseBackward;
    animation-name: rotateEaseBackward;

    -webkit-animation-duration: 35s;
    animation-duration: 35s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-timing-function: linear; /*ease ease-in ease-out ease-in-out*/
    animation-timing-function: linear; /*number|initial|inherit*/

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

}


@-moz-keyframes rotateEaseBackward {
    from {
        -moz-transform: rotate(1440deg);
    }
    to {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes rotateEaseBackward {
    from {
        -webkit-transform: rotate(1440deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@-o-keyframes rotateEaseBackward {
    from {
        -o-transform: rotate(1440deg);
    }
    to {
        -o-transform: rotate(0deg);
    }
}

@keyframes rotateEaseBackward {
    from {
        transform: rotate(1440deg);
    }
    to {
        transform: rotate(0deg);
    }
}


/*
==============================================
rotateFastForward
==============================================
*/
.rotateFastForward {

    -webkit-animation-name: rotateFastForward;
    animation-name: rotateFastForward;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-timing-function: linear; /*ease ease-in ease-out ease-in-out*/
    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite; /*number|initial|inherit*/
    animation-iteration-count: infinite;

}


@-moz-keyframes rotateFastForward {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateFastForward {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes rotateFastForward {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
    }
}

@keyframes rotateFastForward {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/*
==============================================
rotateFastBackward
==============================================
*/
.rotateFastBackward {

    -webkit-animation-name: rotateFastBackward;
    -moz-animation-name: rotateFastBackward;
    -o-animation-name: rotateFastBackward;
    animation-name: rotateFastBackward;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-timing-function: linear; /*ease ease-in ease-out ease-in-out*/
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; /*number|initial|inherit*/

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

}


@-moz-keyframes rotateFastBackward {
    from {
        -moz-transform: rotate(360deg);
    }
    to {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes rotateFastBackward {
    from {
        -webkit-transform: rotate(360deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}

@-o-keyframes rotateFastBackward {
    from {
        -o-transform: rotate(360deg);
    }
    to {
        -o-transform: rotate(0deg);
    }
}

@keyframes rotateFastBackward {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}


/*
==============================================
rotateLeft             Made by Christian Pucci
==============================================
*/
.rotateLeft {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: rotateLeft;
    animation-name: rotateLeft;

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

@-webkit-keyframes rotateLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
    }
}

@keyframes rotateLeft {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(180deg) translateZ(300px);
    }
}


/*
==============================================
rotateRight            Made by Christian Pucci
==============================================
*/
.rotateRight {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: rotateRight;
    animation-name: rotateRight;

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

@-webkit-keyframes rotateRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    }
}

@keyframes rotateRight {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateY(0deg) translate3d(0px);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateY(-180deg) translateZ(150px);
    }
}


/*
==============================================
rotateUp               Made by Christian Pucci
==============================================
*/
.rotateUp {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: rotateUp;
    animation-name: rotateUp;

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

@-webkit-keyframes rotateUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
    }
}

@keyframes rotateUp {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: perspective(800px) rotateX(180deg) translateZ(100px);
    }
}


/*
==============================================
rotateDown             Made by Christian Pucci
==============================================
*/
.rotateDown {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: rotateDown;
    animation-name: rotateDown;

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

@-webkit-keyframes rotateDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    }
}

@keyframes rotateDown {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: perspective(800px) rotateX(0deg) translateZ(0px);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: perspective(800px) rotateX(-180deg) translateZ(300px);
    }
}


/*
==============================================
rotateInRight                   Made by Daniel Eden
==============================================
*/
.rotateInRight {
    -webkit-animation-name: rotateInRight;
    animation-name: rotateInRight;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

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

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


/*
==============================================
rotateInLeft                   Made by Daniel Eden
==============================================
*/
.rotateInLeft {
    -webkit-animation-name: rotateInLeft;
    animation-name: rotateInLeft;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

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

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


/*
==============================================
rotateInDownLeft           Made by Daniel Eden
==============================================
*/
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;

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

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

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

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

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


/*
==============================================
rotateInDownRight          Made by Daniel Eden
==============================================
*/
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;

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

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

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

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

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


/*
==============================================
rotateInUpLeft             Made by Daniel Eden
==============================================
*/
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;

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

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

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


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

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


/*
==============================================
rotateInUpRight            Made by Daniel Eden
==============================================
*/
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;

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

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

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

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

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


/*
==============================================
rotateOut                  Made by Daniel Eden
==============================================
*/
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;

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

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

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


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

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


/*
==============================================
rotateOutDownLeft          Made by Daniel Eden
==============================================
*/
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;

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

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


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

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

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


/*
==============================================
rotateOutDownRight         Made by Daniel Eden
==============================================
*/
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;

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

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

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

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

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


/*
==============================================
rotateOutUpLeft            Made by Daniel Eden
==============================================
*/
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;

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

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

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

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

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


/*
==============================================
rotateOutUpRight           Made by Daniel Eden
==============================================
*/
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;

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

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

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

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

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


/*
==============================================
rubberBand                 Made by Daniel Eden
==============================================
*/

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

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*
====================================================================
scaleBounce                                           by Clóvis Neto
====================================================================
*/
.scaleBounce {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: scaleBounce 1s linear;
    -moz-animation: scaleBounce 1s linear;
    -ms-animation: scaleBounce 1s linear;
    -o-animation: scaleBounce 1s linear;
    animation: scaleBounce 1s linear;
}

@-webkit-keyframes scaleBounce {
    0% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1);
    }
    70% {
        -webkit-transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes scaleBounce {
    0% {
        -moz-transform: scale(1.5);
        opacity: 0;
    }
    50% {
        -moz-transform: scale(1);
    }
    70% {
        -moz-transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes scaleBounce {
    0% {
        -o-transform: scale(1.5);
        opacity: 0;
    }
    50% {
        -o-transform: scale(1);
    }
    70% {
        -o-transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@-ms-keyframes scaleBounce {
    0% {
        -ms-transform: scale(1.5);
        opacity: 0;
    }
    50% {
        -ms-transform: scale(1);
    }
    70% {
        -ms-transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1);
    }
}

@-moz-keyframes scaleBounce {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }
    50% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes scaleBounce {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }
    50% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-o-keyframes scaleBounce {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }
    50% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes scaleBounce {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }
    50% {
        transform: scale(1);
    }
    70% {
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


/*
==============================================
scaleIn
==============================================
*/
.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;


}

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

    50% {
        opacity: 1;
        -webkit-transform: scale(5, 6);
        transform: scale(5, 6);
    }

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

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(5, 6);
        transform: scale(5, 6);
    }

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


/*
==============================================
scaleInMin
==============================================
*/
.scaleInMin {
    -webkit-animation-name: scaleInMin;
    animation-name: scaleInMin;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

@-webkit-keyframes scaleInMin {
    0% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

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

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

@keyframes scaleInMin {
    0% {
        opacity: 0;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

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

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


/*
==============================================
scaleInExit
==============================================
*/
.scaleInExit {
    -webkit-animation-name: scaleInExit;
    animation-name: scaleInExit;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

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


    100% {
        opacity: 0;
        -webkit-transform: scale(5, 6);
        transform: scale(5, 6);
    }
}

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


    100% {
        opacity: 0;
        -webkit-transform: scale(5, 6);
        transform: scale(5, 6);
    }
}


/*
==============================================
scaleInExitBounce
==============================================
*/
.scaleInExitBounce {
    -webkit-animation-name: scaleInExitBounce;
    animation-name: scaleInExitBounce;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: scale(5, 6);
        transform: scale(5, 6);
    }
}

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

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

    100% {
        opacity: 0;
        -webkit-transform: scale(5, 6);
        transform: scale(5, 6);
    }
}


/*
==============================================
scaleOut
==============================================
*/
.scaleOut {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;

    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(6, 7);
        transform: scale(6, 7);
    }

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

@keyframes scaleOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(6, 7);
        transform: scale(6, 7);
    }

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


/*
==============================================
scaleOutBounceBounce
==============================================
*/
.scaleOutBounce {
    -webkit-animation-name: scaleOutBounce;
    animation-name: scaleOutBounce;

    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

@-webkit-keyframes scaleOutBounce {
    0% {
        opacity: 0;
        -webkit-transform: scale(6, 7);
        transform: scale(6, 7);
    }

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

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

@keyframes scaleOutBounce {
    0% {
        opacity: 0;
        -webkit-transform: scale(6, 7);
        transform: scale(6, 7);
    }

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

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


/*
==============================================
shake                      Made by Daniel Eden
==============================================
*/

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

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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

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

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

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

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


/*
==============================================
skew
==============================================
*/
.skew {
    -webkit-animation-name: skew;
    animation-name: skew;

    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes skew {
    0% {
        opacity: 0;
        -webkit-transform: skew(80deg, 40deg);
        transform: skew(80deg, 40deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }
}

@keyframes skew {
    0% {
        opacity: 0;
        -webkit-transform: skew(80deg, 40deg);
        transform: skew(80deg, 40deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg);
    }
}


/*
========================================================================
slideDown            Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
========================================================================
*/
.slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    50% {
        transform: translateY(8%);
    }
    65% {
        transform: translateY(-4%);
    }
    80% {
        transform: translateY(4%);
    }
    95% {
        transform: translateY(-2%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    65% {
        -webkit-transform: translateY(-4%);
    }
    80% {
        -webkit-transform: translateY(4%);
    }
    95% {
        -webkit-transform: translateY(-2%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}


/*
======================================================================
slideUp            Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
======================================================================
*/


.slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }
    50% {
        transform: translateY(-8%);
    }
    65% {
        transform: translateY(4%);
    }
    80% {
        transform: translateY(-4%);
    }
    95% {
        transform: translateY(2%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
    }
    50% {
        -webkit-transform: translateY(-8%);
    }
    65% {
        -webkit-transform: translateY(4%);
    }
    80% {
        -webkit-transform: translateY(-4%);
    }
    95% {
        -webkit-transform: translateY(2%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

/*
========================================================================
slideLeft            Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
========================================================================
*/


.slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes slideLeft {
    0% {
        transform: translateX(150%);
    }
    50% {
        transform: translateX(-8%);
    }
    65% {
        transform: translateX(4%);
    }
    80% {
        transform: translateX(-4%);
    }
    95% {
        transform: translateX(2%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(150%);
    }
    50% {
        -webkit-transform: translateX(-8%);
    }
    65% {
        -webkit-transform: translateX(4%);
    }
    80% {
        -webkit-transform: translateX(-4%);
    }
    95% {
        -webkit-transform: translateX(2%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

/*
=======================================================================
slideRight          Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
=======================================================================
*/


.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    -ms-animation-name: slideRight;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }
    50% {
        transform: translateX(8%);
    }
    65% {
        transform: translateX(-4%);
    }
    80% {
        transform: translateX(4%);
    }
    95% {
        transform: translateX(-2%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }
    50% {
        -webkit-transform: translateX(8%);
    }
    65% {
        -webkit-transform: translateX(-4%);
    }
    80% {
        -webkit-transform: translateX(4%);
    }
    95% {
        -webkit-transform: translateX(-2%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

@-ms-keyframes slideRight {
    0% {
        -ms-transform: translateX(-150rem);
    }
    50% {
        -ms-transform: translateX(8rem);
    }
    65% {
        -ms-transform: translateX(-4rem);
    }
    80% {
        -ms-transform: translateX(4rem);
    }
    95% {
        -ms-transform: translateX(-2rem);
    }
    100% {
        -ms-transform: translateX(0rem);
    }
}


/*
========================================================================
slideExpandUp        Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
========================================================================
*/


.slideExpandUp {
    animation-name: slideExpandUp;
    -webkit-animation-name: slideExpandUp;

    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    visibility: visible !important;
}

@keyframes slideExpandUp {
    0% {
        transform: translateY(100%) scaleX(0.5);
    }
    30% {
        transform: translateY(-8%) scaleX(0.5);
    }
    40% {
        transform: translateY(2%) scaleX(0.5);
    }
    50% {
        transform: translateY(0%) scaleX(1.1);
    }
    60% {
        transform: translateY(0%) scaleX(0.9);
    }
    70% {
        transform: translateY(0%) scaleX(1.05);
    }
    80% {
        transform: translateY(0%) scaleX(0.95);
    }
    90% {
        transform: translateY(0%) scaleX(1.02);
    }
    100% {
        transform: translateY(0%) scaleX(1);
    }
}

@-webkit-keyframes slideExpandUp {
    0% {
        -webkit-transform: translateY(100%) scaleX(0.5);
    }
    30% {
        -webkit-transform: translateY(-8%) scaleX(0.5);
    }
    40% {
        -webkit-transform: translateY(2%) scaleX(0.5);
    }
    50% {
        -webkit-transform: translateY(0%) scaleX(1.1);
    }
    60% {
        -webkit-transform: translateY(0%) scaleX(0.9);
    }
    70% {
        -webkit-transform: translateY(0%) scaleX(1.05);
    }
    80% {
        -webkit-transform: translateY(0%) scaleX(0.95);
    }
    90% {
        -webkit-transform: translateY(0%) scaleX(1.02);
    }
    100% {
        -webkit-transform: translateY(0%) scaleX(1);
    }
}

/*
==============================================
spaceInUp              Made by Christian Pucci
==============================================
*/
.spaceInUp {
    -webkit-animation-name: spaceInUp;
    animation-name: spaceInUp;

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

@-webkit-keyframes spaceInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        -webkit-transform: scale(.2) translate(0%, -200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        -webkit-transform: scale(1) translate(0%, 0%);
    }
}

@keyframes spaceInUp {
    0% {
        opacity: 0;
        transform-origin: 50% 0%;
        transform: scale(.2) translate(0%, -200%);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 0%;
        transform: scale(1) translate(0%, 0%);
    }
}


/*
==============================================
spaceInDown            Made by Christian Pucci
==============================================
*/
.spaceInDown {
    -webkit-animation-name: spaceInDown;
    animation-name: spaceInDown;

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

@-webkit-keyframes spaceInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(.2) translate(0%, 200%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0%, 0%);
    }
}

@keyframes spaceInDown {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.2) translate(0%, 200%);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 100%;
        transform: scale(1) translate(0%, 0%);
    }
}


/*
==============================================
spaceInLeft            Made by Christian Pucci
==============================================
*/
.spaceInLeft {
    -webkit-animation-name: spaceInLeft;
    animation-name: spaceInLeft;

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

@-webkit-keyframes spaceInLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0% 50%;
        -webkit-transform: scale(.2) translate(-200%, 0%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
    }
}

@keyframes spaceInLeft {
    0% {
        opacity: 0;
        transform-origin: 0% 50%;
        transform: scale(.2) translate(-200%, 0%);
    }

    100% {
        opacity: 1;
        transform-origin: 0% 50%;
        transform: scale(1) translate(0%, 0%);
    }
}


/*
==============================================
spaceInRight           Made by Christian Pucci
==============================================
*/
.spaceInRight {
    -webkit-animation-name: spaceInRight;
    animation-name: spaceInRight;

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

@-webkit-keyframes spaceInRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(.2) translate(200%, 0%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
    }
}

@keyframes spaceInRight {
    0% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.2) translate(200%, 0%);
    }

    100% {
        opacity: 1;
        transform-origin: 100% 50%;
        transform: scale(1) translate(0%, 0%);
    }
}


/*
==============================================
spaceOutUp             Made by Christian Pucci
==============================================
*/
.spaceOutUp {
    -webkit-animation-name: spaceOutUp;
    animation-name: spaceOutUp;

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

@-webkit-keyframes spaceOutUp {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        -webkit-transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        -webkit-transform: scale(.2) translate(0%, -200%);
    }
}

@keyframes spaceOutUp {
    0% {
        opacity: 1;
        transform-origin: 50% 0%;
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 0%;
        transform: scale(.2) translate(0%, -200%);
    }
}


/*
==============================================
spaceOutDown           Made by Christian Pucci
==============================================
*/
.spaceOutDown {
    -webkit-animation-name: spaceOutDown;
    animation-name: spaceOutDown;

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

@-webkit-keyframes spaceOutDown {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: scale(.2) translate(0%, 200%);
    }
}

@keyframes spaceOutDown {
    0% {
        opacity: 1;
        transform-origin: 50% 100%;
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.2) translate(0%, 200%);
    }
}


/*
==============================================
spaceOutLeft           Made by Christian Pucci
==============================================
*/
.spaceOutLeft {
    -webkit-animation-name: spaceOutLeft;
    animation-name: spaceOutLeft;

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


@-webkit-keyframes spaceOutLeft {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 0% 50%;
        -webkit-transform: scale(.2) translate(-200%, 0%);
    }
}

@keyframes spaceOutLeft {
    0% {
        opacity: 1;
        transform-origin: 0% 50%;
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        transform-origin: 0% 50%;
        transform: scale(.2) translate(-200%, 0%);
    }
}


/*
==============================================
spaceOutRight          Made by Christian Pucci
==============================================
*/
.spaceOutRight {
    -webkit-animation-name: spaceOutRight;
    animation-name: spaceOutRight;

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

@-webkit-keyframes spaceOutRight {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        -webkit-transform: scale(.2) translate(200%, 0%);
    }
}

@keyframes spaceOutRight {
    0% {
        opacity: 1;
        transform-origin: 100% 50%;
        transform: scale(1) translate(0%, 0%);
    }

    100% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.2) translate(200%, 0%);
    }
}


/*
======================================================
stretchLeft  Made by Justin Aguilar  CSS3 ANIMATION CHEAT SHEET
======================================================
*/

.stretchLeft {
    animation-name: stretchLeft;
    -webkit-animation-name: stretchLeft;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
}

@keyframes stretchLeft {
    0% {
        transform: scaleX(0.3);
    }
    40% {
        transform: scaleX(1.02);
    }
    60% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(1);
    }
}

@-webkit-keyframes stretchLeft {
    0% {
        -webkit-transform: scaleX(0.3);
    }
    40% {
        -webkit-transform: scaleX(1.02);
    }
    60% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(1);
    }
}


/*
=======================================================
stretchRight   by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
=======================================================
*/

.stretchRight {
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
}

@keyframes stretchRight {
    0% {
        transform: scaleX(0.3);
    }
    40% {
        transform: scaleX(1.02);
    }
    60% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(0.98);
    }
    80% {
        transform: scaleX(1.01);
    }
    100% {
        transform: scaleX(1);
    }
}

@-webkit-keyframes stretchRight {
    0% {
        -webkit-transform: scaleX(0.3);
    }
    40% {
        -webkit-transform: scaleX(1.02);
    }
    60% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(0.98);
    }
    80% {
        -webkit-transform: scaleX(1.01);
    }
    100% {
        -webkit-transform: scaleX(1);
    }
}


/*
==============================================
swap                   Made by Christian Pucci
==============================================
*/
.swap {
    -webkit-animation-name: swap;
    animation-name: swap;

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

@-webkit-keyframes swap {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) translate(-700px, 0px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) translate(0px, 0px);;
    }
}

@keyframes swap {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0, 0) translate(-700px, 0px);
    }

    100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1, 1) translate(0px, 0px);
    }
}


/*
==============================================
swashIn                Made by Christian Pucci
==============================================
*/
.swashIn {
    -webkit-animation-name: swashIn;
    animation-name: swashIn;

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

@-webkit-keyframes swashIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
    }

    90% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
    }

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

@keyframes swashIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0);
    }

    90% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
    }
}


/*
==============================================
swashOut               Made by Christian Pucci
==============================================
*/

.swashOut {
    -webkit-animation-name: swashOut;
    animation-name: swashOut;

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

@-webkit-keyframes swashOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
    }
}

@keyframes swashOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
    }

    80% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(0, 0);
    }
}


/*
==============================================
swing                      Made by Daniel Eden
==============================================
*/
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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

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

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

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

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

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

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

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

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


/*
==============================================
tada                       Made by Daniel Eden
==============================================
*/
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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

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

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

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

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

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

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

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

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


/* originally authored by Lea Verou */
/*
==============================================
typing_and_erasing
==============================================
*/

.typing_and_erasing {
    padding: 0;
    width: auto;
    white-space: nowrap;
    overflow: hidden;

    box-sizing: border-box;

    -webkit-animation: typing_and_erasing 4s steps(30, end), /* # of steps = # of characters */ blink1 1s 5,
    blink2 0s;
    -moz-animation: typing_and_erasing 4s steps(30, end), /* # of steps = # of characters */ blink1 1s 5,
    blink2 0s;

    -ms-animation: typing_and_erasing 4s steps(30, end), /* # of steps = # of characters */ blink1 1s 5,
    blink2 0s;

    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
    -ms-animation-delay: 1s;

    -webkit-animation-fill-mode: both; /* Chrome, Safari, Opera */
    animation-fill-mode: both;
    -ms-animation-fill-mode: both;

}


@-webkit-keyframes typing_and_erasing {
    from {
        width: 0;
    }
    50% {
        width: 3em;
    }
    60% {
        width: 3em;
    }
    70% {
        width: 3em;
    }
    80% {
        width: 3em;
    }

    to {
        width: 0;
        border-bottom: 0px solid transparent;
    }

}

@-moz-keyframes typing_and_erasing {
    from {
        width: 0;
    }
    50% {
        width: 3em;
    }
    60% {
        width: 3em;
    }
    70% {
        width: 3em;
    }
    80% {
        width: 3em;
    }

    to {
        width: 0;
        border-bottom: 0px solid transparent;
    }

}

@-ms-keyframes typing_and_erasing {
    from {
        width: 0;
    }
    50% {
        width: 3em;
    }
    60% {
        width: 3em;
    }
    70% {
        width: 3em;
    }
    80% {
        width: 3em;
    }

    to {
        width: 0;
        border-bottom: 0px solid transparent;
    }

}


@-webkit-keyframes blink1 {
    0% {
        border-right: 3px solid transparent;
    }
    50% {
        border-right: 3px solid #FFFFFF;
    }
    100% {
        border-right: 3px solid transparent;
    }
}

@-moz-keyframes blink1 {
    from, to {
        border-right: 3px solid transparent;
    }
    50% {
        border-right: 3px solid #FFFFFF;
    }
    100% {
        border-right: 3px solid transparent;
    }

}

@-ms-keyframes blink1 {
    from, to {
        border-right: 3px solid transparent;
    }
    50% {
        border-right: 3px solid #FFFFFF;
    }
    100% {
        border-right: 3px solid transparent;
    }

}


@-webkit-keyframes blink2 {
    from, to {
        border-bottom: 3px solid #ffffff;
    }
}

@-moz-keyframes blink2 {
    from, to {
        border-bottom: 3px solid #ffffff;
    }
}

@-webkit-keyframes blink2 {
    from, to {
        border-bottom: 3px solid #ffffff;
    }
}

@-ms-keyframes blink2 {
    from, to {
        border-bottom: 3px solid #ffffff;
    }
}


/* originally authored by Lea Verou */
/*
==============================================
typing
==============================================
*/

.typing {
    padding: 0;
    width: auto;
    white-space: nowrap;
    overflow: hidden;

    box-sizing: border-box;

    -webkit-animation: typing 4s steps(30, end), /* # of steps = # of characters */ blink3 1s infinite,
    blink4 0s;
    -moz-animation: typing 4s steps(30, end), /* # of steps = # of characters */ blink3 1s infinite,
    blink4 0s;

    -ms-animation: typing 4s steps(30, end), /* # of steps = # of characters */ blink3 1s infinite,
    blink4 0s;

    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
    -ms-animation-delay: 1s;

    -webkit-animation-fill-mode: both; /* Chrome, Safari, Opera */
    animation-fill-mode: both;
    -ms-animation-fill-mode: both;

}

/**/
@-webkit-keyframes blink4 {
    from, to {
        border-bottom: 3px solid #ffffff;
    }

}

@-moz-keyframes blink4 {
    from, to {
        border-bottom: 3px solid #ffffff;
    }

}

@-ms-keyframes blink4 {
    from, to {
        border-bottom: 3px solid #ffffff;
    }

}


@-webkit-keyframes typing {
    from {
        width: 0;
    }
    50% {
        width: 3em;
    }
    60% {
        width: 3em;
    }
    70% {
        width: 3em;
    }
    80% {
        width: 3em;
    }

    to {
        width: 3em;
        border-bottom: 0px solid transparent;
    }

}

@-moz-keyframes typing {
    from {
        width: 0;
    }
    50% {
        width: 3em;
    }
    60% {
        width: 3em;
    }
    70% {
        width: 3em;
    }
    80% {
        width: 3em;
    }

    to {
        width: 3em;
        border-bottom: 0px solid transparent;
    }

}

@-ms-keyframes typing {
    from {
        width: 0;
    }
    50% {
        width: 3em;
    }
    60% {
        width: 3em;
    }
    70% {
        width: 3em;
    }
    80% {
        width: 3em;
    }

    to {
        width: 3em;
        border-bottom: 0px solid transparent;
    }

}


@-webkit-keyframes blink3 {
    from, to {
        border-right: 3px solid transparent;
    }
    50% {
        border-right: 3px solid #FFFFFF;
    }

}

@-moz-keyframes blink3 {
    from, to {
        border-right: 3px solid transparent;
    }
    50% {
        border-right: 3px solid #FFFFFF;
    }

}

@-ms-keyframes blink3 {
    from, to {
        border-right: 3px solid transparent;
    }
    50% {
        border-right: 3px solid #FFFFFF;
    }

}


/*
==============================================
tinLeftIn              Made by Christian Pucci
==============================================
*/
.tinLeftIn {
    -webkit-animation-name: tinLeftIn;
    animation-name: tinLeftIn;

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

@-webkit-keyframes tinLeftIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
    }
}

@keyframes tinLeftIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateX(-900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        transform: scale(1, 1) translateX(0);
    }
}


/*
==============================================
tinRightIn             Made by Christian Pucci
==============================================
*/
.tinRightIn {
    -webkit-animation-name: tinRightIn;
    animation-name: tinRightIn;

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

@-webkit-keyframes tinRightIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
    }
}

@keyframes tinRightIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateX(900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        transform: scale(1, 1) translateX(0);
    }
}


/*
==============================================
tinUpIn                Made by Christian Pucci
==============================================
*/
.tinUpIn {
    -webkit-animation-name: tinUpIn;
    animation-name: tinUpIn;

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

@-webkit-keyframes tinUpIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
    }
}

@keyframes tinUpIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        transform: scale(1, 1) translateY(0);
    }
}


/*
==============================================
tinDownIn              Made by Christian Pucci
==============================================
*/
.tinDownIn {
    -webkit-animation-name: tinDownIn;
    animation-name: tinDownIn;

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

@-webkit-keyframes tinDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
    }
}

@keyframes tinDownIn {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(900%);
    }

    50%, 70%, 90% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0);
    }

    60%, 80%, 100% {
        opacity: 1;
        transform: scale(1, 1) translateY(0);
    }
}


/*
==============================================
tinLeftOut             Made by Christian Pucci
==============================================
*/
.tinLeftOut {
    -webkit-animation-name: tinLeftOut;
    animation-name: tinLeftOut;

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

@-webkit-keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
    }

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

@keyframes tinLeftOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateX(0);
    }

    10%, 30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0);
    }

    100% {
        opacity: 0;
        transform: scale(1, 1) translateX(-900%);
    }
}


/*
==============================================
tinRightOut            Made by Christian Pucci
==============================================
*/
.tinRightOut {
    -webkit-animation-name: tinRightOut;
    animation-name: tinRightOut;

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

@-webkit-keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
    }

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

@keyframes tinRightOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateX(0);
    }

    10%, 30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateX(0);
    }

    100% {
        opacity: 0;
        transform: scale(1, 1) translateX(900%);
    }
}


/*
==============================================
tinUpOut               Made by Christian Pucci
==============================================
*/
.tinUpOut {
    -webkit-animation-name: tinUpOut;
    animation-name: tinUpOut;

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

@-webkit-keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
    }

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

@keyframes tinUpOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateY(0);
    }

    10%, 30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0);
    }

    100% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%);
    }
}


/*
==============================================
tinDownOut             Made by Christian Pucci
==============================================
*/
.tinDownOut {
    -webkit-animation-name: tinDownOut;
    animation-name: tinDownOut;

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

@-webkit-keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
    }

    10%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
    }

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

@keyframes tinDownOut {
    0%, 20%, 40%, 50% {
        opacity: 1;
        transform: scale(1, 1) translateY(0);
    }

    10%, 30% {
        opacity: 1;
        transform: scale(1.1, 1.1) translateY(0);
    }

    100% {
        opacity: 0;
        transform: scale(1, 1) translateY(900%);
    }
}


/*
===============================================================
tossing     Made by Justin Aguilar   CSS3 ANIMATION CHEAT SHEET
===============================================================
*/

.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;

    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(4deg);
    }
    100% {
        transform: rotate(-4deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-4deg);
    }
    50% {
        -webkit-transform: rotate(4deg);
    }
    100% {
        -webkit-transform: rotate(-4deg);
    }
}


/*
==============================================
twisterInUp            Made by Christian Pucci
==============================================
*/

.twisterInUp {
    -webkit-animation-name: twisterInUp;
    animation-name: twisterInUp;

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

@-webkit-keyframes twisterInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    }

    30% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
    }
}

@keyframes twisterInUp {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scale(0, 0) rotate(360deg) translateY(100%);
    }

    30% {
        transform-origin: 100% 0;
        transform: scale(0, 0) rotate(360deg) translateY(100%);
    }

    100% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scale(1, 1) rotate(0deg) translateY(0);
    }
}


/*
==============================================
twisterInDown          Made by Christian Pucci
==============================================
*/
.twisterInDown {
    -webkit-animation-name: twisterInDown;
    animation-name: twisterInDown;

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

@-webkit-keyframes twisterInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    }

    30% {
        -webkit-transform-origin: 0 100%;
        -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
    }
}

@keyframes twisterInDown {
    0% {
        opacity: 0;
        transform-origin: 0 100%;
        transform: scale(0, 0) rotate(360deg) translateY(-100%);
    }

    30% {
        transform-origin: 0 100%;
        transform: scale(0, 0) rotate(360deg) translateY(-100%);
    }

    100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scale(1, 1) rotate(0deg) translateY(0%);
    }
}


/*
==============================================
vanishIn               Made by Christian Pucci
==============================================
*/
.vanishIn {
    -webkit-animation-name: vanishIn;
    animation-name: vanishIn;

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

@-webkit-keyframes vanishIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(90px);
    }

    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }
}

@keyframes vanishIn {
    0% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(90px);
    }

    100% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }
}


/*
==============================================
vanishOut              Made by Christian Pucci
==============================================
*/
.vanishOut {
    -webkit-animation-name: vanishOut;
    animation-name: vanishOut;

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

@-webkit-keyframes vanishOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(20px);
    }
}

@keyframes vanishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        -webkit-filter: blur(20px);
    }
}


/* originally authored by Nick Pettit*/
/*
==============================================
wobble                             Daniel Eden
==============================================
*/
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*
==============================================
zoomIn                     Made by Daniel Eden
==============================================
*/
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;

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

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

    50% {
        opacity: 1;
    }
}

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

    50% {
        opacity: 1;
    }
}


/*
==============================================
zoomOut                    Made by Daniel Eden
==============================================
*/
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;

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

@keyframes zoomOut {
    from {
        opacity: 1;
    }

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

    to {
        opacity: 0;
    }
}

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

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

    to {
        opacity: 0;
    }
}


/*
==============================================
zoomOutSlowly                    Made by Daniel Eden
==============================================
*/
.zoomOutSlowly {
    -webkit-animation-name: zoomOutSlowly;
    animation-name: zoomOutSlowly;

    -webkit-animation-duration: 20s;
    animation-duration: 20s;

    -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */
    animation-timing-function: linear;
    -moz-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;


}

@keyframes zoomOutSlowly {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
        -webkit-transform: scale(.8) rotate(0.01deg);
        -moz-transform: scale(.8) rotate(0.01deg);
        transform: scale(.8) rotate(0.01deg);
        -webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
        transform-style: preserve-3d; /* Chrome, Safari, Opera */
        -moz-transform-style: preserve-3d; /* Chrome, Safari, Opera */
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: scale(.8) rotate(0.01deg);
        -moz-transform: scale(.8) rotate(0.01deg);
        transform: scale(.8) rotate(0.01deg);
        -webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
        transform-style: preserve-3d; /* Chrome, Safari, Opera */
        -moz-transform-style: preserve-3d; /* Chrome, Safari, Opera */
    }

}


/*
==============================================
zoomInLeft                 Made by Daniel Eden
==============================================
*/
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;

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

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

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

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

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


/*
==============================================
zoomInRight                Made by Daniel Eden
==============================================
*/
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;

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

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

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

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

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


/*
==============================================
zoomInUp                   Made by Daniel Eden
==============================================
*/
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;

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

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

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

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

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


/*
==============================================
zoomInDown                 Made by Daniel Eden
==============================================
*/
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;

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

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

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

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

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


/*
==============================================
zoomOutLeft                Made by Daniel Eden
==============================================
*/
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;

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

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

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

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

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


/*
==============================================
zoomOutRight               Made by Daniel Eden
==============================================
*/
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-animation-duration: 1s;

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

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

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

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

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


/*
==============================================
zoomOutUp                  Made by Daniel Eden
==============================================
*/
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;

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

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

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

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

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


/*
==============================================
zoomOutDown                Made by Daniel Eden
==============================================
*/
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;

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

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

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

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

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


/***********Other Styles************/
/* originally authored by Zoltan "Du Lac" Hawryluk */

/*
==============================================
planeFW
==============================================
*/

.planeFW {
    position: absolute;
    /* CSS Please is your friend for ensuring cross browser syntax */
    -webkit-animation: planeFW 10s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: planeFW 10s linear infinite; /* Firefox 5-15 */
    -o-animation: planeFW 10s linear infinite; /* Opera 12  */
    animation: planeFW 10s linear infinite; /* Chrome, Firefox 16 , IE 10 , Safari 5 */
}

@-webkit-keyframes planeFW {
    from {
        -webkit-transform: rotate(0deg) translateX(25em);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(25em);
    }
}

@-moz-keyframes planeFW {
    from {
        -moz-transform: rotate(0deg) translateX(25em);
    }
    to {
        -moz-transform: rotate(360deg) translateX(25em);
    }
}

@-o-keyframes planeFW {
    from {
        -o-transform: rotate(0deg) translateX(25em);
    }
    to {
        -o-transform: rotate(360deg) translateX(25em);
    }
}

@keyframes planeFW {
    from {
        transform: rotate(0deg) translateX(25em);
    }
    to {
        transform: rotate(360deg) translateX(25em);
    }
}


.planeFWFixed {
    position: absolute;
    /* CSS Please is your friend for ensuring cross browser syntax */
    -webkit-animation: planeFWFixed 10s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: planeFWFixed 10s linear infinite; /* Firefox 5-15 */
    -o-animation: planeFWFixed 10s linear infinite; /* Opera 12  */
    animation: planeFWFixed 10s linear infinite; /* Chrome, Firefox 16 , IE 10 , Safari 5 */
}

@-webkit-keyframes planeFWFixed {
    from {
        -webkit-transform: rotate(0deg) translateX(15em);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(15em);
    }
}

@-moz-keyframes planeFWFixed {
    from {
        -moz-transform: rotate(0deg) translateX(15em);
    }
    to {
        -moz-transform: rotate(360deg) translateX(15em);
    }
}

@-o-keyframes planeFWFixed {
    from {
        -o-transform: rotate(0deg) translateX(15em);
    }
    to {
        -o-transform: rotate(360deg) translateX(15em);
    }
}

@keyframes planeFWFixed {
    from {
        transform: rotate(0deg) translateX(15em);
    }
    to {
        transform: rotate(360deg) translateX(15em);
    }
}


.planeBW {
    position: absolute;
    /* CSS Please is your friend for ensuring cross browser syntax */
    -webkit-animation: planeBW 9s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: planeBW 9s linear infinite; /* Firefox 5-15 */
    -o-animation: planeBW 9s linear infinite; /* Opera 12  */
    animation: planeBW 9s linear infinite; /* Chrome, Firefox 16 , IE 10 , Safari 5 */
}

@-webkit-keyframes planeBW {
    from {
        -webkit-transform: rotate(0deg) translateX(25em);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(25em);
    }
}

@-moz-keyframes planeBW {
    from {
        -moz-transform: rotate(0deg) translateX(25em);
    }
    to {
        -moz-transform: rotate(-360deg) translateX(25em);
    }
}

@-o-keyframes planeBW {
    from {
        -o-transform: rotate(0deg) translateX(25em);
    }
    to {
        -o-transform: rotate(-360deg) translateX(25em);
    }
}

@keyframes planeBW {
    from {
        transform: rotate(0deg) translateX(25em);
    }
    to {
        transform: rotate(-360deg) translateX(25em);
    }
}


.planeBWFixed {
    position: absolute;
    /* CSS Please is your friend for ensuring cross browser syntax */
    -webkit-animation: planeBWFixed 9s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: planeBWFixed 9s linear infinite; /* Firefox 5-15 */
    -o-animation: planeBWFixed 9s linear infinite; /* Opera 12  */
    animation: planeBWFixed 9s linear infinite; /* Chrome, Firefox 16 , IE 10 , Safari 5 */
}

@-webkit-keyframes planeBWFixed {
    from {
        -webkit-transform: rotate(0deg) translateX(15em);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(15em);
    }
}

@-moz-keyframes planeBWFixed {
    from {
        -moz-transform: rotate(0deg) translateX(15em);
    }
    to {
        -moz-transform: rotate(-360deg) translateX(15em);
    }
}

@-o-keyframes planeBWFixed {
    from {
        -o-transform: rotate(0deg) translateX(15em);
    }
    to {
        -o-transform: rotate(-360deg) translateX(15em);
    }
}

@keyframes planeBWFixed {
    from {
        transform: rotate(0deg) translateX(15em);
    }
    to {
        transform: rotate(-360deg) translateX(15em);
    }
}


.planeBW2 {
    position: absolute;
    /* CSS Please is your friend for ensuring cross browser syntax */
    -webkit-animation: planeBW2 15s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: planeBW2 15s linear infinite; /* Firefox 5-15 */
    -o-animation: planeBW2 15s linear infinite; /* Opera 12  */
    animation: planeBW2 15s linear infinite; /* Chrome, Firefox 16 , IE 10 , Safari 5 */
}

@-webkit-keyframes planeBW2 {
    from {
        -webkit-transform: rotate(0deg) translateX(25em);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(25em);
    }
}

@-moz-keyframes planeBW2 {
    from {
        -moz-transform: rotate(0deg) translateX(25em);
    }
    to {
        -moz-transform: rotate(-360deg) translateX(25em);
    }
}

@-o-keyframes planeBW2 {
    from {
        -o-transform: rotate(0deg) translateX(25em);
    }
    to {
        -o-transform: rotate(-360deg) translateX(25em);
    }
}

@keyframes planeBW2 {
    from {
        transform: rotate(0deg) translateX(25em);
    }
    to {
        transform: rotate(-360deg) translateX(25em);
    }
}


/*
==============================================
magnifyingBounce
==============================================
*/
.magnifyingBounce {
    -webkit-animation-name: magnifyingBounce;
    animation-name: magnifyingBounce;

    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

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

    25% {
        opacity: 1;
        -webkit-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
    }

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

    75% {
        opacity: 1;
        -webkit-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
    }

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

}

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

    25% {
        opacity: 1;
        -webkit-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
    }

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

    75% {
        opacity: 1;
        -webkit-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
    }

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

}


/*
==============================================
stamp
==============================================
*/
.stamp {
    width: auto;
    height: auto;
    padding: 0.22em 0.1em 0.8em 0.1em;
    border-radius: 0.15em;
    -moz-border-radius: 0.15em;
    -webkit-border-radius: 0.15em;
    -ms-border-radius: 0.15em;
    -o-border-radius: 0.15em;

    -webkit-animation-name: stamp;
    animation-name: stamp;

    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}


@-webkit-keyframes stamp {
    0% {
        opacity: 1;
        -webkit-transform: scale(5, 6) rotate(-10deg);
        transform: scale(5, 6) rotate(-10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) rotate(-10deg);
        transform: scale(1, 1) rotate(-10deg);
    }
}

@keyframes stamp {
    0% {
        opacity: 1;
        -webkit-transform: scale(5, 6) rotate(-10deg);
        transform: scale(5, 6) rotate(-10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) rotate(-10deg);
        transform: scale(1, 1) rotate(-10deg);
    }
}


/*
==============================================
returnsToZero
==============================================
*/
.returnsToZero {
    width: auto;
    height: auto;
    padding: 0.22em 0.1em 0.8em 0.1em;

    -webkit-animation-name: returnsToZero;
    animation-name: returnsToZero;

    -webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
    animation-delay: 3s;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}


@-webkit-keyframes returnsToZero {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

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

@keyframes returnsToZero {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

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


/*
===========================================================
pulse                                       by Clóvis Neto
===========================================================
*/
.pulse {
    -webkit-animation: pulse infinite alternate linear 0.8s;
    -moz-animation: pulse infinite alternate linear 0.8s;
    -ms-animation: pulse infinite alternate linear 0.8s;
    -o-animation: pulse infinite alternate linear 0.8s;
    animation: pulse infinite alternate linear 0.8s;
    opacity: 1 !important;
    visibility: visible !important;
}


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

    100% {
        transform: scale(2, 2);
    }

}

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

    100% {
        -webkit-transform: scale(2, 2);

    }

}

/*
===============================================
pullLeftBoxRegularRZ
===============================================
*/

.pullLeftBoxRegularRZ {
    width: 1px;
    height: 500px;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    animation-name: pullLeftBoxRegular;
    -webkit-animation-name: pullLeftBoxRegular;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
}

@keyframes pullLeftBoxRegularRZ {
    0% {
        transform: scaleX(0);
    }

    100% {
        transform: scaleX(410);
    }

}

@-webkit-keyframes pullLeftBoxRegularRZ {
    0% {
        -webkit-transform: scaleX(0);
    }

    100% {
        -webkit-transform: scaleX(410);
    }

}


.lbg1_bgk {
    width: 410px;
    height: 500px;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    padding: 0px;
    font-size: 14px;
    line-height: 0px;
    margin: 0px;
}


.slideBox_RightFromLeft {
    width: 54em;
    max-width: 54em;
    height: 610px;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    animation-name: slideBox_RightFromLeft;
    -webkit-animation-name: slideBox_RightFromLeft;

    transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_RightFromLeft {
    0% {
        transform: translateX(-100%);
    }

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

}

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

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

}


.slideBox_LeftFromRight {
    width: 54em;
    max-width: 54em;
    height: 610px;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    animation-name: slideBox_LeftFromRight;
    -webkit-animation-name: slideBox_LeftFromRight;


    transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;


    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_LeftFromRight {
    0% {
        transform: translateX(100%);
    }

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

}

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

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

}


.slideBox_RightFromLeft_min {
    width: 30em;
    max-width: 30em;
    height: 500px;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    animation-name: slideBox_RightFromLeft_min;
    -webkit-animation-name: slideBox_RightFromLeft_min;

    transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;

    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_RightFromLeft_min {
    0% {
        transform: translateX(-100%);
    }

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

}

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

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

}


.slideBox_LeftFromRight_min {
    width: 30em;
    max-width: 30em;
    height: 500px;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    animation-name: slideBox_LeftFromRight_min;
    -webkit-animation-name: slideBox_LeftFromRight_min;


    transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;


    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_LeftFromRight_min {
    0% {
        transform: translateX(100%);
    }

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

}

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

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

}


.slideBox_TopFromBottom {
    width: 36em;
    max-width: 36em;
    height: 47em;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    animation-name: slideBox_TopFromBottom;
    -webkit-animation-name: slideBox_TopFromBottom;


    transform-origin: bottom;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;


    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_TopFromBottom {
    0% {
        transform: translateY(100%);
    }

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

}

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

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

}


.slideBox_BottomFromTop {
    width: 36em;
    max-width: 36em;
    height: 47em;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    animation-name: slideBox_BottomFromTop;
    -webkit-animation-name: slideBox_BottomFromTop;


    transform-origin: top;
    -ms-transform-origin: top;
    -webkit-transform-origin: top;


    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_BottomFromTop {
    0% {
        transform: translateY(-100%);
    }

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

}

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

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

}


.slideBox_TopFromBottom_min {
    width: 28em;
    max-width: 28em;
    height: 47em;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    animation-name: slideBox_TopFromBottom_min;
    -webkit-animation-name: slideBox_TopFromBottom_min;


    transform-origin: bottom;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;


    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_TopFromBottom_min {
    0% {
        transform: translateY(100%);
    }

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

}

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

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

}


.slideBox_BottomFromTop_min {
    width: 28em;
    max-width: 28em;
    height: 47em;

    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;

    animation-name: slideBox_BottomFromTop_min;
    -webkit-animation-name: slideBox_BottomFromTop_min;


    transform-origin: top;
    -ms-transform-origin: top;
    -webkit-transform-origin: top;


    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_BottomFromTop_min {
    0% {
        transform: translateY(-100%);
    }

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

}

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

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

}


.slideBox_TopFromBottom_full {
    width: 2500px;
    height: 10em;
    max-height: 10em;

    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;

    animation-name: slideBox_TopFromBottom_full;
    -webkit-animation-name: slideBox_TopFromBottom_full;


    transform-origin: bottom;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;


    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_TopFromBottom_full {
    0% {
        transform: translateY(100%);
    }

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

}

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

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

}


.slideBox_TopFromBottom_full_min {
    width: 2000px;
    height: 6em;
    max-height: 6em;

    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;

    animation-name: slideBox_TopFromBottom_full_min;
    -webkit-animation-name: slideBox_TopFromBottom_full_min;


    transform-origin: bottom;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;


    animation-duration: 2s;
    -webkit-animation-duration: 2s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@keyframes slideBox_TopFromBottom_full_min {
    0% {
        transform: translateY(100%);
    }

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

}

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

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

}


/**
 * kenburnsy - Easy to use JQuery plugin to make slideshows with Ken Burns effect
 * @version v0.0.5
 * @link https://github.com/ZeroOneStudio/kenburnsy
 * @license MIT
 */
.kenburnsy {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.kenburnsy.fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.kenburnsy img {
    display: none;
}

.kenburnsy .slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

/*! jQuery UI - v1.9.2 - 2012-12-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom: 1;
    background: #B6B8BF;
}

.ui-accordion .ui-accordion-header-active {
    background: #ffffff;
}

.ui-accordion .ui-accordion-header h3 {
    font-size: 1.429em;
    font-weight: 400;
    padding-bottom: 0;
    color: #ffffff;
}

.ui-accordion .ui-accordion-header-active h3 {
    color: #000000;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 64px;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 5em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -12px;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 64px;
    border-top: 0;
    overflow: auto;
    zoom: 1;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 100000000;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}

/* without this, the menu expands to 100% in IE6 */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none;
}

.ui-button-icon-only {
    width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* reset extra padding in Firefox */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    width: 100%;
}

.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    zoom: 1;
    font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
    cursor: default;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

/* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

/* vertical centre icon */
.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0 0 0;
    border-bottom: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
    background-image: none;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
}

.ui-widget-content {
    border: 1px solid #B6B8BF;
    background: #ffffff url('/local/assets/img/jQuery-custom-ui/images/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x;
    color: #4D4D4D;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url('/local/assets/img/jQuery-custom-ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x;
    color: #4D4D4D;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222;
}

.ui-tabs-nav.ui-widget-header {
    border: none;
    background: none;
    color: #4D4D4D;
    font-weight: bold;
}

.ui-tabs.ui-widget-content {
    border: none;
    background: none;
    color: #4D4D4D;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #C8C9CB;
    background: #f6f7f9;
    color: #515B64;
    font-weight: 600;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #515B64;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #C8C9CB;
    background: #ffffff;
    color: #515B64;
    font-weight: 600;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #515B64;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #B6B8BF;
    border-bottom: none;
    background: #ffffff;
    font-weight: 600;
    color: #515B64;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #515B64;
    text-decoration: none;
}

.ui-tabs-nav .ui-state-default {
    background: none repeat scroll 0 0 #ffffff;
    border: none;
    color: #57A639;
    font-weight: 600;
}

.ui-tabs-nav .ui-state-active {
    background: none repeat scroll 0 0 #57A639;
    border: none;
    color: #ffffff;
    font-weight: 600;
}

.ui-tabs-nav .ui-state-active a, .ui-tabs-nav .ui-state-active a:link, .ui-tabs-nav .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url('/local/assets/img/jQuery-custom-ui/images/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url('/local/assets/img/jQuery-custom-ui/images/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}

/* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 24px;
    height: 24px;
    background-image: url('/local/assets/img/ec_accordion.png');
}

.ui-widget-content .ui-icon {
    background-image: url('/local/assets/img/jQuery-custom-ui/images/ui-icons_222222_256x240.png');
}

.ui-widget-header .ui-icon {
    background-image: url('/local/assets/img/jQuery-custom-ui/images/ui-icons_222222_256x240.png');
}

.ui-state-default .ui-icon {
    background-image: url('/local/assets/img/ec_accordion.png');
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url('/local/assets/img/ec_accordion.png');
}

.ui-state-active .ui-icon {
    background-image: url('/local/assets/img/ec_accordion.png');
}

.ui-state-highlight .ui-icon {
    background-image: url('/local/assets/img/jQuery-custom-ui/images/ui-icons_2e83ff_256x240.png');
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url('/local/assets/img/jQuery-custom-ui/images/ui-icons_cd0a0a_256x240.png');
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: 0 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: 0 0;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: 0 -72px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-accordion .ui-state-hover .ui-icon.ui-icon-triangle-1-e {
    background-position: 0 -24px;
}

.ui-accordion .ui-state-hover .ui-icon.ui-icon-triangle-1-s {
    background-position: 0 -48px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url('/local/assets/img/jQuery-custom-ui/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url('/local/assets/img/jQuery-custom-ui/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.ui-widget-content[aria-hidden="true"] {
    display: block !important;
    height: 0px;
    overflow: hidden;
}

.ui-widget-content[aria-hidden="false"] {
    display: block !important;
    height: auto;
}

div.light_rounded .pp_top .pp_left {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_right {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -110px -53px no-repeat
}

div.light_rounded .pp_next:hover {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/btnNext.png') center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/btnPrevious.png') center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -1px -1px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_nav .pp_play {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') 0 -71px no-repeat
}

div.light_rounded .pp_arrow_next {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -22px -71px no-repeat
}

div.light_rounded .pp_bottom .pp_left {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_right {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/sprite.png') -110px -80px no-repeat
}

div.light_square .pp_expand {
    background: url('/local/assets/img/prettyPhoto/images/light_square/sprite.png') -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url('/local/assets/img/prettyPhoto/images/light_square/sprite.png') -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url('/local/assets/img/prettyPhoto/images/light_square/sprite.png') 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url('/local/assets/img/prettyPhoto/images/light_square/sprite.png') 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url('/local/assets/img/prettyPhoto/images/light_square/sprite.png') -1px -1px no-repeat;
    cursor: pointer
}

div.light_square .pp_nav .pp_play {
    background: url('/local/assets/img/prettyPhoto/images/light_square/sprite.png') -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url('/local/assets/img/prettyPhoto/images/light_square/sprite.png') -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url('/local/assets/img/prettyPhoto/images/light_square/sprite.png') 0 -71px no-repeat
}

div.light_square .pp_arrow_next {
    background: url('/local/assets/img/prettyPhoto/images/light_square/sprite.png') -22px -71px no-repeat
}

div.light_square .pp_next:hover {
    background: url('/local/assets/img/prettyPhoto/images/light_square/btnNext.png') center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url('/local/assets/img/prettyPhoto/images/light_square/btnPrevious.png') center left no-repeat;
    cursor: pointer
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

.pp_content_container .pp_left {
    padding-left: 20px
}

.pp_content_container .pp_right {
    padding-right: 20px
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 2px 4px
}

.pp_nav .pp_play, .pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    position: relative;
    white-space: nowrap;
    margin: 0 0 0 5px;
    padding: 0
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
    margin-top: 7px !important
}

a.pp_next {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/btnNext.png') 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/btnNext.png') 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px
}

#pp_full_res {
    line-height: 1 !important
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px
}

div.pp_default .pp_content, div.light_rounded .pp_content {
    background-color: #fff
}

div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
    border-color: #fff
}

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
    position: relative
}

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
    background: #fff
}

div.light_rounded .pp_description, div.light_square .pp_description {
    margin-right: 85px
}

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
    background: url('/local/assets/img/prettyPhoto/images/light_rounded/loader.gif') center center no-repeat
}

div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

.pp_top, .pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_top, * html .pp_bottom {
    padding: 0 20px
}

.pp_top .pp_left, .pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle, .pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right, .pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_fade, .pp_gallery li.default a img {
    display: none
}

/**
* Main Settings
*/
div.tx-powermail h3 {
    display: none;
}

div.tx-powermail {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.layout1 {
    width: 49%;
    float: left;
}

.layout2 {
    width: 49%;
    float: right;
}

.powermail_message {
    padding-left: 20px;
    min-height: 65px;
    background: #ccc;
    background-position: 98% 10px;
    background-repeat: no-repeat;
}

.powermail_message_ok {
    background-image: url("/local/assets/img/powermail/icon_ok.png");
}

.powermail_message_error {
    background-image: url("/local/assets/img/powermail/icon_error.png");
}

.powermail_message li {
    padding: 10px 50px 10px 0;
    font-weight: bold;
    color: #1E5799;
}

.clear {
    clear: both;
}

/**
* Form
*/
.powermail_form {
    position: relative;
}

.powermail_fieldset {
    clear: left;
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
}

.powermail_fieldset_3 {
    clear: left;
    border: 0;
    padding: 0;
    margin-bottom: 20px;
}

.powermail_legend {
    font-weight: bold;
    color: #EAEAEA;
    float: right;
    margin: 3px 10px 10px 0;
    font-size: 30px;
    white-space: normal;
    display: none;
}

.powermail_label {
    /* label */
    display: block;
    width: 200px;
    float: left;
    clear: left;
}

.powermail_fieldset_3 .powermail_label {
    /* label */
    display: none;
    width: 200px;
    float: left;
    clear: left;
}

div.powermail_fieldwrap {
    margin: 0 0 0.5em 0;
}


.powermail_fieldset_3 .layout1 .powermail_input,
.powermail_fieldset_3 .layout2 .powermail_input,
.powermail_fieldset_3 .one-half-left .powermail_input,
.powermail_fieldset_3 .one-half-right .powermail_input,
.powermail_fieldset_3 .powermail_textarea {
    padding: 1em;
    border: 1px solid #e2e2e2;
    color: #444;
    background: #f3f3f3;
    height: auto;
    box-shadow: unset;
    margin-bottom: 3px;

}

.powermail_captcha {
    width: 392px;
}

.powermail_textarea {
    height: 80px;
}

.powermail_fieldset_3 .layout1 input.powermail_input:focus {
    background-color: #E5E5E5;
    border: 1px solid white;
    outline: none;
}

.powermail_reset,
.powermail_submit {
    background: #ffffff;
    border: 2px solid #000000;
    color: #000;
    cursor: pointer;
    float: left;
    margin: 10px 16px 10px 0;
    padding: 12px;
    width: auto;
}

.powermail_reset:hover,
.powermail_submit:hover {
    border: 2px solid #922636;

}

.powermail_fieldwrap_radio fieldset,
.powermail_fieldwrap_check fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

.powermail_fieldwrap_radio fieldset legend,
.powermail_fieldwrap_check fieldset legend {
    padding: 0;
}

.powermail_radio_outer,
.powermail_captcha_outer,
.powermail_check_outer {
    background-color: white;
    border: 1px solid #ccc;
    float: left;
    padding: 3px;
    width: 392px;
}

.powermail_radio_outer label,
.powermail_captcha_outer label,
.powermail_check_outer label {
    color: #444;
}

.powermail_captchaimage {
    width: 392px;
    margin-top: 10px;
}

div.error {
    background-color: #FFCA4B;
    border: 1px solid #FF8100;
}

.powermail_field_error {
    background-color: #FFCA4B;
    border: 1px solid #FF8100;
}

div.powermail_fieldwrap_file_inner {
    overflow: hidden;
    height: 26px;
    padding: 3px;
    width: 392px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-image: url('/local/assets/img/powermail/upload_bg.png');
}

input.powermail_file {
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

ul#powermail_tabmenu {
    list-style-type: none;
    width: 99.5%;
    height: 16px;
    padding: 10px 0;
    margin-left: 2px;
    background: #ccc; /* Old browsers */
}

ul#powermail_tabmenu li {
    float: left;
    margin-left: 10px;
    cursor: pointer;
    font-weight: bold;
    color: #1E5799;
}

ul#powermail_tabmenu li.act {
    text-decoration: underline;
}

.ui-datepicker-next span,
.ui-datepicker-prev span {
    text-indent: -99999px;
    cursor: pointer;
}

/**
* Confirmation
*/
.powermail_confirmation {
    clear: left;
    border: 0;
    padding: 40px;
    margin-bottom: 20px;
    background: #f3f3f3;
}

input.powermail_confirmation_form {
    float: left;
    margin-top: 20px;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background: rgb(30, 87, 153); /* Old browsers */
}

input.powermail_confirmation_submit {
    float: right;
    margin-top: 20px;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background: rgb(30, 87, 153); /* Old browsers */
}

/**
* Powermail All
*/
dl.powermail_all {
    padding: 5px 0;
}

dl.powermail_all dt {
    font-weight: bold;
    float: left;
    width: 150px;
    clear: left;
}

dl.powermail_all dd {
    float: left;
    width: 420px;
}

/**
* Create
*/
.powermail_create {
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
    background: #ccc;
}

/**
* JS Form Validation
*/


/* Z-INDEX */
.formError {
    z-index: 990;
}

.formError .formErrorContent {
    z-index: 991;
}

.formError .formErrorArrow {
    z-index: 996;
}

.formErrorInsideDialog.formError {
    z-index: 5000;
}

.formErrorInsideDialog.formError .formErrorContent {
    z-index: 5001;
}

.formErrorInsideDialog.formError .formErrorArrow {
    z-index: 5006;
}

.inputContainer {
    position: relative;
    float: left;
}

.formError {
    font-family: Calibri, Arial, sans-serif;
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    width: 100%;
    position: relative;
    color: #fff;
    width: 150px;
    font-size: 11px;
    border: 2px solid #ddd;
    padding: 4px 10px 4px 10px;
    background: rgb(30, 87, 153); /* Old browsers */
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
}

body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px;
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    font-size: 0px;
    height: 1px;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
    background: rgb(30, 87, 153); /* Old browsers */
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}

/**
* Powermail_Frontend
*/
#powermail_frontend_search {
    margin: 0;
}

.powermail_frontend {
    clear: left;
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
    overflow: auto;
    background: #ccc;
}

.powermail_frontend_list {
    width: 100%;
    font-size: 0.9em;
    border: 1px solid #070708;
    margin-top: 15px;
}

.powermail_frontend_list th {
    color: white;
    font-weight: bold;
    padding: 3px;
    text-align: left;
    background: rgb(69, 72, 77); /* Old browsers */
}

.powermail_frontend_list td {
    border-top: 1px solid #ccc;
    padding: 3px;
}

.powermail_frontend_filter {
    background: rgb(252, 255, 244); /* Old browsers */
    border: 1px solid #ccc;
    padding: 10px 0;
}

.powermail_frontend_search_container {
    padding: 5px 10px;
}

.powermail_frontend_search_container label {
    float: left;
    display: block;
    width: 150px;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 3px;
}

.powermail_frontend_search_container input {
    width: 430px;
    padding: 3px;
}

.powermail_frontend_search_submit {
    width: 430px;
    padding: 3px;
    margin: 5px 0 0 170px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background: rgb(69, 72, 77); /* Old browsers */
}

.powermail_frontend_abc,
.powermail_frontend_export {
    background: rgb(252, 255, 244); /* Old browsers */
    border: 1px solid #ccc;
    padding: 10px 0;
}

.powermail_frontend_abc_inner,
.powermail_frontend_export_inner {
    margin: 0 10px;
}

span.abc,
span.abc a {
    font-weight: bold;
    text-decoration: none;
}

.powermail_frontend dl {
    clear: both;
    padding: 5px 0;
}

.powermail_frontend dt {
    float: left;
    width: 150px;
    font-weight: bold;
    clear: left;
    margin-right: 10px;
}

.powermail_frontend dd {
    float: left;
}

.powermail_frontend_export_icon {
    float: right;
    margin: 0 8px;
    padding-top: 5px;
    height: 19px;
}

.powermail_frontend_export input {
    width: 17px;
    height: 16px;
    padding-top: 2px;
    cursor: pointer;
    text-indent: -99999px;
    border: 0;
    background: none;
    background-repeat: no-repeat;
    background-image: url('/local/assets/img/powermail/icon_csv.gif');
}

.powermail_frontend_export input.export_icon_xls {
    background-image: url('/local/assets/img/powermail/icon_xls.gif');
}

.parsley-errors-list.filled {
}

.powermail_fieldset_3 .layout1 .powermail_field.parsley-error, .powermail_fieldset_3 .layout2 .powermail_field.parsley-error, .powermail_fieldset_3 .one-half-left .powermail_field.parsley-error, .powermail_fieldset_3 .one-half-right .powermail_field.parsley-error {
    width: 90%;
    padding: 1em;
    border: 1px solid #922636;
    color: #444;
    background: #F3F3F3 none repeat scroll 0% 0%;
}

.powermail_fieldwrap_telefon:after {
    content: "";
    display: table;
    clear: both;
}


/**
 *  Master Slider
 * 	Core css file
 */

.master-slider {
    position: relative;
    visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
}

.master-slider a {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.master-slider, .master-slider * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.master-slider.before-init {
}

.master-slider.ms-fullheight {
    height: 100%;
}

.ms-layout-partialview .ms-view {
    overflow: visible;
    background-color: transparent;
}

.ms-layout-partialview .ms-container {
    overflow: hidden;
}

.master-slider img, .ms-slide-bgvideocont video {
    max-width: none;
}

.ms-ie img {
    border: none;
}

.ms-ie8 * {
    opacity: inherit;
    filter: inherit;
}

.ms-ie7 {
    zoom: 1;
}

.ms-moz .ms-slide-bgcont > img {
    transform: translateX(0px);
}

.ms-loading-container {
    position: absolute;
    width: 100%;
    top: 0;
}

.ms-slide-auto-height {
    display: table;
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
    width: 36px;
    height: 36px;
    background: url('/local/assets/img/masterslider/loading-2.gif') no-repeat center white;
    border-radius: 60px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px;
    opacity: 0.9;
}


/* grab cursor */
.ms-no-swipe, .ms-def-cursor {
    cursor: auto !important;
}

.ms-grab-cursor {
    cursor: url('/local/assets/img/masterslider/grab.png'), move;
}

.ms-grabbing-cursor {
    cursor: url('/local/assets/img/masterslider/grabbing.png'), move;
}

.ms-ie .ms-grab-cursor {
    cursor: move;
}

.ms-ie .ms-grabbing-cursor {
    cursor: move;
}

.ms-view {
    margin: 0px auto;
    overflow: hidden;
    background: black;
    position: relative;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}

.ms-view .ms-slide-container {
    position: relative;
}

.ms-slide {
    position: absolute;
    height: 100%;
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}

.ms-wk .ms-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ms-slide.selected {
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
    position: absolute;
    overflow: hidden;
    width: 100%;
}

.ms-slide .ms-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 110;
}

.ms-ie .ms-slide-link {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
}


.ms-slide .ms-slide-bgvideocont {
    z-index: 105;
    height: 100%;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont > video {
    -webkit-transform: translateZ(0.3px);
    transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo {
    position: absolute;
    top: 0px;
}

.ms-inner-controls-cont, .ms-container {
    position: relative;
    margin: 0 auto;
}

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
    position: absolute;
    pointer-events: auto;
}

.ms-layer-mask {
    position: absolute;
    overflow: hidden;
}

.ms-layer-mask .ms-layer {
    position: relative;
}

.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 109;
    top: 0px;
    pointer-events: none;
}

.ms-slide .ms-slide-video {
    position: absolute;
    top: 0;
    z-index: 111;
    background: black;
    padding: 0;
    margin: 0;
    border: none;
}

.ms-parallax-layer {
    width: 100%;
    position: absolute;
    top: 0;
}

.ms-scroll-parallax-cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.ms-wk .ms-scroll-parallax-cont {
    -webkit-transform: translateZ(0.4px);
    transform: translateZ(0.4px);
}

/*.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{}
.ms-scroll-parallax .ms-slide-bgcont{}*/

/* ------------------------------------------------------------------------------ */
/* Overlayer layers */
.ms-overlay-layers {
    position: absolute;
    top: 0;
    z-index: 120;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/*-----------------------------------------------------------*/
.ms-action-layer {
    cursor: pointer;
}

.ms-btn-container {
    position: absolute;
}

.ms-btn {
    text-decoration: none;
    display: inline-block;
    color: black;
    position: relative;
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap;
}

.ms-default-btn {
    background: #0074A2;
    border-radius: 5px;
    color: #FFF;
}

.ms-default-btn:hover {
    background-color: #0098D5;
}

.ms-default-btn:active {
    top: 1px;
}


.ms-btn-s {
    padding: 14px 17px;
    font-size: 80%;
    line-height: 0;
}

.ms-btn-m {
    padding: 12px 40px;
}

.ms-btn-n {
    padding: 8px 25px;
    font-size: 95%;
}

.ms-btn-l {
    padding: 17px 50px;
    font-size: 120%;
}

.ms-btn-box {
}

.ms-btn-round {
    border-radius: 5px;
}

.ms-btn-circle {
    border-radius: 100px;
}

.ms-btn-outline-box {
}

.ms-btn-outline-round {
    border-radius: 5px;
}

.ms-btn-outline-circle {
    border-radius: 100px;
}

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

.ms-layer.video-box {
    background: black;
}

.ms-layer.video-box iframe {
    padding: 0;
    margin: 0;
    border: none;
    position: absolute;
    z-index: 111;
}

.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
    position: absolute;
    cursor: pointer;
    z-index: 112;
}

.ms-slide .ms-slide-vcbtn {
    position: absolute;
    cursor: pointer;
    z-index: 113;
}

.ms-slide-vcbtn-mobile {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: black;
    color: white;
    text-align: center;
    cursor: pointer;
    z-index: 113;
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 0.75em;
    display: inline-block;
    background: url('/local/assets/img/masterslider/video-close-btn.png') no-repeat 0px 3px;
    padding-left: 15px;
    height: 15px;
    color: #DBDBDB;
    margin-top: 7px;
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
    -webkit-transform: translateZ(0.44px);
    transform: translateZ(0.44px);
}

.ms-video-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ms-mask-frame {
    overflow: hidden;
    position: absolute;
    float: left;
}

/* controls */

.ms-thumb-list {
    overflow: hidden;
    position: absolute;
}

.ms-thumb-list.ms-dir-h {
    width: 100%;
}

.ms-thumb-list.ms-dir-v {
    height: 100%;
    top: 0;
}

.ms-thumbs-cont {
    position: relative;
}

.ms-thumb-frame img {
    width: 100%;
    height: auto;
}

.ms-thumb-frame {
    cursor: pointer;
    float: left;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.ms-thumb-frame-selected {
    opacity: 1;
}

.ms-tabs .ms-thumb-frame {
    background-color: #F6f6f6;
    text-shadow: 0 1px 1px white;
    color: #222;
    border: solid 1px white;
    border-width: 0 1px 1px 0;
    overflow: visible;
    position: relative;
    opacity: 1;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
    margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
    margin-left: 12px;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
    margin-left: 0px;
}

.ms-tabs.ms-dir-h.ms-align-top {
    z-index: 140;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
    margin-top: -12px;
}

.ms-tabs .ms-thumb {
    padding: 20px 20px;
}

.ms-tabs .ms-thumb-frame-selected {
    opacity: 1;
    background: #EDEDED;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
    top: 0px;
    left: 50%;
    margin-left: -12px;
    border-bottom: solid 12px #F6f6f6;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    top: -12px;
    border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
    bottom: 0px;
    top: auto;
    border-bottom: 0px;
    border-top: solid 12px #F6f6f6;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    bottom: -12px;
    border-top-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
    top: 50%;
    left: 0;
    margin-top: -12px;
    border-right: solid 12px #EDEDED;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    left: -12px;
    border-right-color: #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: solid 12px #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    right: -12px;
    border-left-color: #EDEDED;
}

/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    height: 100%;
    width: 20px;
    position: absolute;
    left: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    right: 0;
    left: auto;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
    content: close-quote;
    top: 43%;
    position: relative;
    border: solid rgba(0, 0, 0, 0);
    border-width: 5px 5px 5px 0px;
    display: block;
    border-right-color: #FFF;
    width: 6px;
    height: 1px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
    border-width: 5px 0px 5px 5px;
    border-left-color: #FFF;
    left: 7px;
}

/* vertical thumblist arrows */
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    bottom: 0;
    top: auto;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
    content: close-quote;
    left: 43%;
    position: relative;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0px 5px 5px 5px;
    display: block;
    border-bottom-color: #FFF;
    height: 1px;
    top: 5px;
    width: 0;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
    border-width: 5px 5px 0px 5px;
    border-top-color: #FFF;
    top: 7px;
}


.ms-bullet {
    cursor: pointer;
    float: left;
}

.ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-bullets.ms-dir-v {
    position: absolute;
    top: 50%;
}

.ms-bullets.ms-dir-v .ms-bullet {
    float: none;
}

.ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-sbar {
    position: absolute;
}

.ms-sbar.ms-dir-h {
    left: 10px;
    right: 10px;
    top: 5px
}

.ms-sbar.ms-dir-v {
    top: 10px;
    bottom: 10px;
    right: 5px
}

.ms-sbar .ms-bar {
    height: 4px;
    background: #333;
    border-radius: 4px;
}

.ms-sbar.ms-dir-v .ms-bar {
    width: 4px;
}

.ms-sbar .ms-bar {
    position: relative;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.ms-timerbar {
    width: 100%;
    bottom: 0px;
    position: absolute;
}

.ms-ctimer {
    position: absolute;
    top: 30px;
    left: 30px;
    cursor: pointer;
}

.ms-ctimer-bullet {
}

.ms-time-bar {
    -webkit-transition: width 120ms linear;
    -moz-transition: width 120ms linear;
    -ms-transition: width 120ms linear;
    -o-transition: width 120ms linear;
    transition: width 120ms linear;

}

.ms-ie7 .ms-tooltip-arrow {
    height: 0px;
}

.ms-slide-info {
    position: absolute;
}

.ms-slide-info.ms-dir-v {
    top: 0;
}

.ms-slide-info.ms-dir-h {
    width: 100%;
}

@keyframes point-anim {
    0% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 1;
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes point-anim {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.lSSlideWrapper > .lightSlider:after {
    clear: both;
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
    position: relative;
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}

.lSSlideOuter .media {
    opacity: 0.8;
}

.lSSlideOuter .media.active {
    opacity: 1;
}

/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}

/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('/local/assets/img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
    opacity: 1;
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}

.lSAction > a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}

/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}

/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

/* Flexnav Base Styles */
.flexnav {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-height: 0;
}

.flexnav.opacity {
    opacity: 0;
}

.flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px;
}

.flexnav li {
    font-size: 100%;
    position: relative;
    overflow: hidden;
}

.flexnav li a {
    position: relative;
    display: block;
    padding: .96em;
    z-index: 2;
    overflow: hidden;
    color: #222222;
    background: #a6a6a2;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.flexnav li ul {
    width: 100%;
}

.flexnav li ul li {
    font-size: 100%;
    position: relative;
    overflow: hidden;
}

.flexnav li ul.flexnav-show li {
    overflow: visible;
}

.flexnav li ul li a {
    display: block;
    background: #b2b2af;
}

.flexnav ul li ul li a {
    background: #bfbfbc;
}

.flexnav ul li ul li ul li a {
    background: #cbcbc9;
}

.flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #acaca1;
    background: rgba(0, 0, 0, 0.075);
    text-align: center;
}

.flexnav .touch-button:hover {
    cursor: pointer;
}

.flexnav .touch-button .navicon {
    position: relative;
    top: 1.4em;
    font-size: 12px;
    color: #666;
}

.menu-button {
    position: relative;
    display: block;
    padding: 1em;
    background: #a6a6a2;
    color: #222222;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px;
}

.menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
}

.menu-button .touch-button .navicon {
    font-size: 16px;
    position: relative;
    top: 1em;
    color: #666;
}

@media all and (min-width: 800px) {
    body.one-page {
        padding-top: 70px;
    }

    .flexnav {
        overflow: visible;
    }

    .flexnav.opacity {
        opacity: 1;
    }

    .flexnav.one-page {
        top: 0;
        right: auto;
        max-width: 1080px;
    }

    .flexnav li {
        position: relative;
        list-style: none;
        float: left;
        display: block;
        background-color: #a6a6a2;
        overflow: visible;
        width: 20%;
    }

    .flexnav li a {
        border-left: 1px solid #acaca1;
        border-bottom: none;
    }

    .flexnav li > ul {
        position: absolute;
        top: auto;
        left: 0;
    }

    .flexnav li > ul li {
        width: 100%;
    }

    .flexnav li ul li > ul {
        margin-left: 100%;
        top: 0;
    }

    .flexnav li ul li a {
        border-bottom: none;
    }

    .flexnav li ul.open {
        display: block;
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px;
    }

    .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0;
    }

    .menu-button {
        display: none;
    }
}

.oldie body.one-page {
    padding-top: 70px;
}

.oldie .flexnav {
    overflow: visible;
}

.oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px;
}

.oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px;
    overflow: visible;
}

.oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible;
}

.oldie .flexnav li:hover > ul li {
    width: 100%;
    float: none;
}

.oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible;
}

.oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible;
}

.oldie .flexnav li ul li ul {
    top: 0;
}

.oldie .flexnav li ul li a {
    border-bottom: none;
}

.oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible;
}

.oldie .flexnav li ul.open li {
    width: 100%;
}

.oldie .flexnav li ul.open ul.open {
    margin-left: 100%;
    top: 0;
    display: block;
    width: 100%;
    overflow: visible;
}

.oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0;
}

.oldie .menu-button {
    display: none;
}

.oldie.ie7 .flexnav li {
    width: 19.9%;
}

.cc-message label {
    color: #ffffff !important;
    font-size: 0.8rem;
}

.cc-window.cc-floating {
    max-width: 25em;
}

.cookie-footer, .cc_container, .cc_banner-wrapper {
    position: relative;
}

.modallanguage {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    z-index: 100019;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    display: none;
}

.modallanguage.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    display: block;
}

#languageNavigation {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    display: block;
    position: absolute;
    color: #FFF;
    background: transparent none repeat scroll 0% 0%;
    border-width: 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.8) transparent rgba(255, 255, 255, 0.5);
    font-size: 22px;
    line-height: 2em;
    height: auto;
    text-align: center;
    outline: medium none;
    padding: 10px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 300px;
}

ul#languageNavigation {
    list-style: none;
    padding: 0;
}

ul#languageNavigation > li {
    display: block;

}

ul#languageNavigation > li a {
    padding: 14px 16px;
    display: block;
    color: #ffffff;
}

ul#languageNavigation > li a:hover {
    color: #57A639;
}

ul#languageNavigation > li.cur {
    color: #57A639;
}


/* styling for both css and generated arrows */

ul#languageNavigation > .actlang:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -0.2em;
    margin-top: -22px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #343a3f; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(52, 53, 68, 1);
}

ul#languageNavigation > .actlang:after {
    border-top-color: #9A9C9F; /* IE8 fallback colour */
}

.language:hover {
    color: #ffffff; /* IE8 fallback colour */
}

/* wenn keine Übersetzung, nicht anzeigen ( per css ) */
ul.language li.na {
    display: none;
}

/*--------------------------------
1. Auto-Hiding Navigation - Simple

-------------------------------- */
.cd-auto-hide-header {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 83px;
    background-color: #ffffff;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.cd-auto-hide-header::after {
    clear: both;
    content: "";
    display: block;
}

.cd-auto-hide-header.is-hidden-header {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

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

3. Auto-Hiding Navigation - with Sub Nav + Hero Image

-------------------------------- */
.cd-secondary-nav.fixed {
    position: fixed;
    top: 60px;
}

.cd-secondary-nav.slide-up {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
}

@media only screen and (min-width: 1024px) {
    .cd-secondary-nav.fixed {
        top: 80px;
        /* fixes a bug where nav and subnab move with a slight delay */
        box-shadow: 0 -6px 0 #25283D;
    }

    .cd-secondary-nav.slide-up {
        -webkit-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        transform: translateY(-80px);
    }
}

.card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: none;
    background: #F2F2F3;
    box-shadow: none;
    overflow: hidden;
}

.card > :last-child {
    margin-bottom: 0;
}

.card-image {
    min-height: 1px;
}

.card-divider {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    background: #e6e6e6;
}

.card-divider > :last-child {
    margin-bottom: 0;
}

.card-section {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 2rem;
}

.card-section > :last-child {
    margin-bottom: 0;
}

.card-section p {
    padding-bottom: 0;
}

.card {
    border: none;
}

.card-section {
    padding: 2rem;
}

.click-card {
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: calc(100% - 1rem);
}

.click-card::after {
    content: "";
    border-radius: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.click-card:hover {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}

.click-card:hover::after {
    opacity: 1;
}


.headroom--bottom {
    -webkit-animation-name: slideDown !important;
    -moz-animation-name: slideDown !important;
    -o-animation-name: slideDown !important;
    animation-name: slideDown !important;
}

.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(-100%)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideDown {
    0% {
        -o-transform: translateY(-100%)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(0)
    }
}

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

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform: translateY(0)
    }
    100% {
        -moz-transform: translateY(-100%)
    }
}

@-o-keyframes slideUp {
    0% {
        -o-transform: translateY(0)
    }
    100% {
        -o-transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-100%)
    }
}

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

.headroom--pinned {
    transform: translateY(0);
}

.headroom {
    transition: transform .25s ease-in-out;
    will-change: transform;
}

.header--fixed {
    position: fixed;
    z-index: 10000;
    right: 0;
    left: 0;
    top: 0;
}

/* Color Settings*/

a, button,
.social-links a > span, .social-links a > span:before,
.sf-menu li span {
    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -ms-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition: all .75s ease;
}

.item .list-text, .item .list-teaser h4, .tx-sl-ecora-products .item .list-text:before {
    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -ms-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition: all .75s ease;
}

.ib, .social-links a > span.icon {
    vertical-align: middle;
    text-align: center;
    background-color: #e5e5e5;
}

.ib, .feature > span.icon, .social-links a > span {
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 1.4em;
}

.social-links .ib, .social-links a > span {
    background-color: #B0B2B2;
    color: #292929;
    margin-right: 5px;
}

.social-links .ib-hover:hover, .social-links a > span:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

ul.csc-textpic-imgblock {
    padding: 0;
}

ul.csc-textpic-imgblock li.csc-textpic-imgwrap {
    padding: 0 1.125rem 0;
}

.bt-margin {
    margin-bottom: 4em;
}
.bt-margin-2 {
    margin-bottom: 2em;
}

/* @group Layout Boders
------------------------------------------------------------ */
body {
    color: #4D4D4D;
}

header.main {
}

.options {
    display: none;
}

/* @end */

.bg-grey {
    background-color: #F0F0F0;
    padding: 3em 0;
}

.bg-lightgrey {
    background-color: #f6f6f6;
    padding: 3em 0;
}

.bg-red {
    background-color: #57A639;
    color: #ffffff;
}

.bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6 {
    color: #ffffff;
}

h1 {
    color: #000000;
}

.tx-sl-ecora-products h1 {
    color: #000000;
}

h2 {
    color: #000000;
}

.headerimage h2, .teaser-box h2, .teaser-box h2 a {
    color: #000000;
}

h3 {
    color: #000000;
}

.sliderbodytext h3 {
    color: #ffffff;
}

.item h3, .item h3 a {
    color: #000000;
}

.item.reference-product h3, .item.reference-product h3 a {
    color: #000000;
}

.item h3 a:hover,
.tx-sl-ecora-products .item:hover h3 a,
.tx-sl-ecora-products .item:hover h4 {
    color: #ffffff;
}

.tx-sl-ecora-products .references .item:hover h4 {
    opacity: 1;
}

.tx-sl-ecora-products .references .item h4 {
    color: #ffffff;
    opacity: 0;
    padding: 10px;
}

h4 {
    color: #000000;
}

h4 .green {
    color: #5bad25;
}

h5, h6 {
    color: #000000;
}

.tx-sl-ecora-products .downloads li h4 a.pdf {
    color: rgb(86, 92, 98);
}

.headslide, .headslide h3 {
    color: #9ac110;
}


.sf-menu li:hover > span, .sf-menu li:hover > a {
    color: #ffffff;
}

.top-nav ul li a {
    color: #98bf0e;
}

.top-nav ul li.login {
    background: #008c4f;
}

.top-nav ul li.contact {
    background: #007d55;
}


.headerimage p {
    color: #000000;
}

.firstheadline {
    background: #91969c;
}

.firstheadline h1, .firstheadline span.product-title {
    color: #ffffff;
}

span.product-title {
    display: block;
    line-height: 1.375em;
}

/* Slider */


/* Punchline Text Shadow */

/* @end */


/* @group Frontpage Heading
------------------------------------------------------------ */


/* @end */


/* @group Links
------------------------------------------------------------ */
a:focus,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a,
a.passive:hover,
.widget ul li a:hover,
button:hover,
a.button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
.paginator a:hover,
.paginator span:hover,
.paginator .current {
    color: #57A639;
}

a:hover {
    color: #000000;
}

.galerieteaser a, .sliderbodytext a {
    color: #ffffff;
}

.sliderbodytext a {
    border: 2px solid #FFF;
    padding: 10px;
}

.sliderbodytext a:hover {
    border: 2px solid #000;
    color: #000;
    padding: 10px;
}


.product-text a {
    color: #000000;
}

.product-text a:hover {
    color: #57A639;
    border-color: #57A639;
}

/* @end */


/* @group Content Elements
------------------------------------------------------------ */
footer.main, footer.second {
    color: #808080;
}

.footer-bottom-address {
    color: #808080;
}

.footer-bottom-address h3 {
    color: #57A639;
}

footer a:hover {
    color: #fff;
}

.bottomNav a {
    color: #808080;
}

.bottomNav a:hover {
    color: #ffffff;
}

.news .home h4,
.news .home h4 a {
    color: #808080;
}

.news .home h4 a:hover {
    color: #ffffff;
}

.news .home .news-list-date {
    color: #57A639;
}


.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 1rem 0 1rem 0;
    font-size: 1rem;
    background-color: #57A639;
    color: #ffffff;
}

a.button:hover {
    color: #ffffff;
}

.button:hover, .button:focus, .button:active {
    background-color: #000000;
    color: #ffffff;
}

/* Borders */

.entry-content tfoot tr th,
.entry-content tfoot tr td {
    border-top-color: #3e545c;
}

.entry-content table thead tr th {
    border-bottom-color: #3e545c;
}


/* Background */

.highlight,
.dropcap-circle.colored,
.dropcap-square.colored {
    background: #3e545c;
}


/* Colors */

.highlight {
    color: #ffffff;
}

.dropcap.colored {
    color: #3e545c;
}

/* @end */

.box.blue a,
.box.grey a,
.box.darkblue a {
    color: #ffffff;
}

/* Colors Products */

.product-list .list-feature {
    color: #000000;
}

.product-list .type-0 .list-header {
    background: #A3C300;
}

.product-list .type-1 .list-header {
    background: #009DDF;
}

.product-list .type-2 .list-header {
    background: #F4A300;
}

.product-list .type-3 .list-header {
    background: #E0001A;
}

.product-list .type-4 .list-header {
    background: #666666;
}

.product-list .type-0 .list-feature,
.product-list .type-0 .list-detail {
    background: #edf3cc;
}

.product-list .type-1 .list-feature,
.product-list .type-1 .list-detail {
    background: #ccebf9;
}

.product-list .type-2 .list-feature,
.product-list .type-2 .list-detail {
    background: #fdedcc;
}

.product-list .type-3 .list-feature,
.product-list .type-3 .list-detail {
    background: #f9ccd1;
}

.product-list .type-4 .list-feature,
.product-list .type-4 .list-detail {
    background: #e0e0e0;
}


.product-list .type-0 .list-detail a {
    color: #A3C300;
}

.product-list .type-1 .list-detail a {
    color: #009DDF;
}

.product-list .type-2 .list-detail a {
    color: #F4A300;
}

.product-list .type-3 .list-detail a {
    color: #E0001A;
}

.product-list .type-4 .list-detail a {
    color: #666666;
}

.product-list .list-header,
.product-list h3,
.product-list h3 a,
.ui-widget-content .product-list h3 a,
.item.reference-reference h3 a {
    color: #ffffff;
}

.tx-sl-ecora-products h2 {
    color: #57A639;
}

.tx-sl-ecora-products .product-text h2, .tx-sl-ecora-products h3,
.product-single h3 {
    color: #000000 !important;
}

.applicable li, ul.news-tags li {
    color: #ffffff;
    background: #57A639;
}

ul.news-tags li a {
    color: #ffffff;
}

.tx-sl-ecora-products select {
    background-color: #57A639;
    color: #ffffff;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    border: none;
}

/* Font Settings */

/*

INTEGRATED FONTS




SYSTEM FONTS

font-family:'HelveticaNeueCyr-Light';
font-family:'HelveticaNeueCyr-Roman';
font-family:'HelveticaNeueCyr-Medium';
font-family:'HelveticaNeueCyr-Bold';
font-family:'HelveticaNeueCyr-Italic';

*/


/* @group Body
------------------------------------------------------------ */
body,
input,
textarea,
input[type=checkbox] + label,
input[type=radio] + label,
blockquote p.source {
    font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
    font-size: 1rem;
    line-height: 1.571em;
}

a {
    text-decoration: none;
}

sup {
    font-size: 0.7em;

    vertical-align: top;
}

sub {
    font-size: 0.7em;
    line-height: 1.6em;
    vertical-align: bottom;
}

ol {
    list-style: decimal;
    margin-left: 30px;
}

/* @end */


/* @group Navigation
------------------------------------------------------------ */

nav.main > ul > li > span, nav.main > ul > li > a {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    font-size: 1.1429em;
    min-height: 35px;
    line-height: 2.4em;
    display: block;
    cursor: pointer;
    color: #808080;
}

nav.main > ul > li > ul > li > a {
    font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
    letter-spacing: 0px;
    margin: 0;
    line-height: 1.3em;
    font-size: 1em;
}

.top-nav > ul > li > a {
    font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
    font-size: 0.923em;
    letter-spacing: 0px;
    line-height: 12px;
    text-decoration: none;
}


/* @end */


/* @group Headings
------------------------------------------------------------ */

h1 {
    font-size: 2.5em;
    line-height: 1.15em;
    padding-bottom: 0.5em;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
}

h2 {
    font-size: 1.875em;
    line-height: 1.2667em;
    padding-bottom: 1.324em;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
}

h3 {
    font-size: 1.375em;
    line-height: 1.2727em;
    padding-bottom: 0.6em;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
}

h4 {
    font-size: 1em;
    line-height: 1.5em;
    padding-bottom: 1.25em;
    font-family: "HelveticaNeueCyr-Medium", Arial, Verdana, sans-serif;
}

h5 {
    font-size: 0.875em;
    padding-bottom: 1em;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
}

h6 {
    font-size: 0.75em;
    padding-bottom: 1em;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
}

.sliderbodytext h3 {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    font-size: 2em;
    line-height: 1.4em;
    padding-bottom: 0.8em;
}

.sliderbodytext {
    font-family: "HelveticaNeueCyr-Roman", Arial, Verdana, sans-serif;
    font-size: 1.429em;
    line-height: 1.4em;
}

.sliderheadline {
    font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
    font-size: 5rem;
    color: #ffffff;
    line-height: 1em;
}

.slidersubline {
    font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
    font-size: 2.6875rem;
    color: #ffffff;
    line-height: 1.5em;
}

.tx-sl-ecora-products .downloads li h4 a {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    font-size: 1em;
    text-decoration: none;
}

.downloads h4 {
    padding-bottom: 0;
}

.firstheadline h1, span.product-title {
    font-size: 2.5em;
    font-weight: 400;
    padding: 0.7em 0;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
}

#p1 .headerimage h1, #p1 .headerimage h2, #p1 .headerimage h3, #p1 .headerimage p {
    color: #ffffff;
}

.headerimage h2 {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    font-size: 2.5em;
    line-height: 1.15em;
    padding-bottom: 0.789em;
}

.headerimage p a {
    font-family: "HelveticaNeueCyr-Medium", Arial, Verdana, sans-serif;
    font-size: 1.12525em;
    line-height: 1.111em;
    border: 2px solid #000;
    padding: 12px;
    margin-bottom: 12px;
}

#p1 .headerimage h3 {
    margin-bottom: 1.5rem;
}

#p1 .headerimage p a {
    font-family: "HelveticaNeueCyr-Medium", Arial, Verdana, sans-serif;
    font-size: 1.12525em;
    line-height: 1.111em;
    border: 2px solid #ffffff;
    padding: 12px;
    margin-bottom: 12px;
    color: #000000;
    background-color: #ffffff;
}

#p1 .headerimage p a:hover {
    font-family: "HelveticaNeueCyr-Medium", Arial, Verdana, sans-serif;
    font-size: 1.12525em;
    line-height: 1.111em;
    border: 2px solid #000000;
    padding: 12px;
    margin-bottom: 12px;
    color: #ffffff;
    background-color: #000000;
}

.teaser-box h2 {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    font-size: 1.857em;
    line-height: 1.308em;
    padding-bottom: 1.154em;
}


h2 a, h3 a, h4 a {
    text-decoration: none;
}


footer.main {
    font-size: 14px;
}

.footer-bottom-address p {
    padding-bottom: 0;
}

.footer-bottom-address h3 {
    font-family: "HelveticaNeueCyr-Bold";
    font-size: 1.2857em;
}

.copyright,
.bottomNav a {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    text-decoration: none;
}

.news .home h4 {
    font-weight: 400;
    text-decoration: none;
    padding-bottom: 0;
}

.news .home h4 a {
    text-decoration: none;
}

.news .home .news-list-date {
}

.news .detaillist h4 {
    font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
    font-size: 1em;
    text-decoration: none;
    padding-bottom: 0;
}

.news .detaillist h4 a {
    text-decoration: none;
}


.tx-sl-ecora-products h3 a {
    text-decoration: none;
}

p {
    padding-bottom: 1.42em;
}

.sliderbodytext p {
    padding-bottom: 0;
}

a {
    cursor: pointer;
}

.smallText {
    font-size: 0.8em;
}

strong {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
}

em {
    font-family: "HelveticaNeueCyr-Roman", Arial, Verdana, sans-serif;
    font-style: italic;
}

em > strong {
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    font-style: italic;
}


/* @end */


.list-title h3 a {
    text-decoration: none;
    font-size: 0.9524em;
}

.item.reference-product h3,
.item.reference-reference h3 {
    padding-bottom: 0;
    line-height: 0.7em;
}

.item.reference-product h3 a,
.item.reference-reference h3 a {
    text-decoration: none;
    font-size: 0.666em;
}

.product-list h3 span {
    font-size: 0.846em;
}

.product-list .list-feature {
    font-size: 0.846em;
}

.list-teaser h4 {
    padding-bottom: 0;
}

.applicable li h4, ul.news-tags li a {
    font-family: "HelveticaNeueCyr-Roman", Arial, Verdana, sans-serif;
    font-size: 0.714em;
    text-decoration: none;
}

.applicable li h4 {
    padding: 0.5em;
    color: #ffffff;
    font-size: 1em;
}


/* Main Styles */

div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
    display: block;
    margin: 0;
}

DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
    float: none;
}


.accordion-title p {
    font-size: 1.375em;
    line-height: 1.2727em;
    padding-bottom: 0;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    color: #57A639;
}

.accordion-title::before {
    color: #57A639;
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -1rem;
    font-size: 2rem;

}

.accordion .options {
    display: none;
}

.sticky.with-main-header {
    top: 83px !important;
}

.sticky.is-anchored {

    position: absolute;
    left: auto;
    right: auto;
    top: inherit !important;
}

#stickydiv {
    height: 70px;
}

#stickydiv a {
    color: #ffffff;
    font-family: "HelveticaNeueCyr-Medium", Arial, Verdana, sans-serif;
    line-height: 2em;
    margin: 1em;
    padding: 0;
}

#stickydiv a.hover, a.active {
    text-decoration: underline;
}

.menu.horizontal li:first-child a {
    margin-left: 0 !important;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

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

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

.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: -o-transform, 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;
}

/* End: Recommended Isotope styles */


/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.grid-sizer {
    width: 32.09%;
    height: 347px;
}

.float_top {
    margin: 0 auto;
    position: fixed !important;
    top: -50px !important;
}


/* @group Layout Structure
============================================================ */

body {
    background: #ffffff;
    overflow-x: hidden;
}

.header {
    position: relative;
}

/* @group Generic
------------------------------------------------------------ */

.wrapper,
.content-wrapper {
    margin: 0 auto;
    overflow: hidden;
    max-width: 1080px;
    width: 96%;
    position: relative;
}

.tx-sl-ecora-products .bg-white {
    background: url('/local/assets/img/ec_produkt-bg.jpg');
    background-size: cover;
    padding-top: 50px;
}

.tx-sl-ecora-products {
    margin-bottom: 0px;
}

.tx-sl-ecora-products .product-wrapper {
    margin: 0 auto;
    overflow: hidden;
    width: auto;
    max-width: 1100px;
    position: relative;
}


.bg-green {
    padding: 35px 0 12px;
}

/* @end */

/* @group Columns
------------------------------------------------------------ */

.one-half {
    width: 48.125%;
}

.one-third {
    width: 30.833%;
}

.two-third {
    width: 65.416%;
}

.one-fourth {
    width: 22.187%;
}

.one-fourth.border {
    width: 21.756%;
}

.three-fourth {
    width: 74.063%;
}

.one-fifth {
    width: 17%;
}

.two-fifth {
    width: 37.75%;
}

.three-fifth {
    width: 58.5%;
}

.four-fifth {
    width: 79.25%;
}

.one-sixth {
    width: 13.542%;
}

.five-sixth {
    width: 82.71%;
}

.one-twelfth {
    width: 6.48%;
}

.five-twelfth {
    width: 39.81%;
}

.seven-twelfth {
    width: 58.34%;
}

.eleven-twelfth {
    width: 91.67%;
}


.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth,
.one-twelfth,
.five-twelfth,
.seven-twelfth,
.eleven-twelfth {
    float: left;
    position: relative;
    margin-right: 1.85%;
    overflow: hidden;
}

.headerimage .one-half,
.headerimage .five-twelfth {
    float: left;
    position: relative;
    margin-right: 1.85%;
    overflow: hidden;
}

.headerimage .one-half.last,
.headerimage .seven-twelfth {
    float: right;
    position: relative;
    margin-right: 1.85%;
    overflow: hidden;
}

.headerimage .one-half div.csc-textpic-center .csc-textpic-center-outer,
.headerimage .one-half div.csc-textpic-center .csc-textpic-center-inner {
    float: none;
    position: relative;
    right: 0;
}


.gridwrap-20-20-20-20-20 .one-fifth {
    /*width: 18.172%;*/
    /*margin-right: 2.285%;*/
}

.last {
    clear: right;
    margin-right: 0 !important;
    overflow: hidden;
}

/* @end */

/* @group Dividers, Spacers and Rulers
------------------------------------------------------------ */

.hr,
.spacer,
.divider {
    clear: both;
    display: block;
}


.hr {
    background-position: center center;
    background-repeat: no-repeat;
    padding: 1em 0;
}

.spacer, .hr {
    height: 1em;
}

.spacer.big, .hr.big {
    height: 2em;
}

.spacer.bigger, .hr.bigger {
    height: 3em;
}

.spacer.small, .hr.small {
    height: .5em;
}

.spacer.smallest, .hr.smallest {
    height: .1em;
}

.hr.smaller {
    padding: 0;
}

/* @end */

/* @group Header
------------------------------------------------------------ */

body header.main {
    margin-bottom: -1px;

}

body header.main.mid {
    height: 300px;
    margin-bottom: -1px;
}

body header.main.small {
    height: 150px;
    margin-bottom: -1px;
}

header.main {
    background: #000000;
}


header.main > .wrapper-top {

    background: #000;
    overflow: visible;
    position: relative;
}

header.main > .wrapper-top .row {
    height: 83px;
}

.max-width {
    position: relative;
    margin: 0 auto;
    max-width: 1080px;

}

header.main > .wrapper {
    height: 120px;
    overflow: visible;
    position: relative;
    *z-index: 99; /* IE Fix to prevent DropDown Menu from showing behind content */
}

header.main .wrapper-top #logo {
    left: 0;
    margin: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
}

header.main .wrapper-top #logo a {
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('/local/assets/img/ecoraster.svg');
    display: block;
    height: 90px;
    width: 230px;
}


.language {
    font-family: 'HelveticaNeueCyr-Medium';
    position: absolute;
    right: 30px;
    top: 33px;
    display: inline-block;
    padding: 0 20px;
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 12px;
    text-decoration: none;
    cursor: pointer;
    float: right;
    height: 30px;
}


#languageNavigation:after {
    clear: both;
}

.language ul {
    list-style: none;
    padding: 5px 0;
}

.language ul li {
    float: left;
}

.language ul li span {
    float: left;
    padding: 0 3px;
}

.language ul li a {
    display: block;
    text-decoration: none;
    float: left;

    /*text-indent: -10000px;*/
}


.language > ul > li.cur a,
.language > ul > li a:hover {
    color: #4D4D4D;

}


/* wenn keine Übersetzung, nicht anzeigen ( per css ) */
ul.language li.na {
    display: none;
}


/* @end */

#slider-area {
    position: relative;
    width: 100%;
    height: 100%;

    overflow-x: hidden;
}

header .search {
    right: 5px;
    top: 32px;
    margin: 0;
    position: absolute;
    z-index: 110;
    font-size: 1.4em;
}

header .search .searchbutton {
    color: #808080;
    text-shadow: 0 1px 0 #ffffff;
    text-decoration: none;
    font-size: 0.846em;
    height: 15px;
    padding: 2px 5px 0px 24px;
    position: absolute;
    right: 0;
}

header .search .tx-solr {
    display: block;
    text-align: right;
}

.search-active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.modalsearch {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    z-index: 100019;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    display: none;
}

.modalsearch.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    display: block;
}

.modalsearch .tx-solr {

}

.modalsearch .close {
    position: fixed;
    top: 15px;
    right: 15px;
    opacity: 1;
    font-size: 27px;
    color: #fff;
}

.modalsearch .close:hover {
    color: #FC2121;
    cursor: pointer;
}

#tx-solr-pagination-results-per-page label {
    display: inline-block;
}

.tx-solr-searchbox #tx-solr-search-form-pi-search {

}

.tx-solr-searchbox #tx-solr-search-form-pi-search #inputButton {
    border: medium none;
    cursor: pointer;
    height: 27px;
    padding: 0 0 3px 18px;
    text-indent: -9999em;
    width: 30px;
    display: none;
}

.tx-solr-searchbox #tx-solr-search-form-pi-search span.searchInputRight {
    height: 19px;
    margin-left: 140px;
    padding: 0 2px 6px 0;
    position: absolute;
    top: 9px;
}

.modalsearch .tx-solr-searchbox #tx-solr-search-form-pi-search .tx-solr-q,
.modalsearch .tx-solr-searchbox #tx-solr-search-form-pi-search .tx-solr-q:focus {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    margin-bottom: 20px;
    width: 60% !important;
    margin-left: 20%;
    color: #515b64;
    background: #f6f7f9;
    border: none;
    font-size: 30px;
    line-height: 2em;
    height: auto;
    font-weight: 300;
    text-align: center;
    outline: none;
    padding: 10px;
}

.tx-solr-searchbox #tx-solr-search-form-pi-search {

}

.tx-solr-searchbox #tx-solr-search-form-pi-search #inputButton {
    background: #9ac110;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    padding: 0 3px;
}

.tx-solr-searchbox #tx-solr-search-form-pi-search span.searchInputRight {
    position: relative;
    padding: 0px 5px 3px 0;
}

.tx-solr-searchbox #tx-solr-search-form-pi-search .tx-solr-q {
    border: 1px solid #888888;

    font-size: 1em;
    padding: 0 5px !important;
    margin-right: 7px;
}


.headerimage {
    background-image: url('/local/assets/img/ec_produkt-bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 60px 0;
}

#p1 .headerimage {
    background-image: url('/local/assets/img/ECORASTER.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    /*padding: 60px 0;*/
    padding: 50% 0 0;
    position: relative;
}


#p1 .headerimage > .imagetext {
    position: absolute;
    top: -20%;
    bottom: 0 !important;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
}


.headerimage .wrapper {
    /*width: 1080px;*/
    max-width: 1080px;
    width: 96%;
}


.mean-nav .sf-menu ul {
    position: relative;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}


.mean-container .mean-nav ul li a.mean-expand {
    height: 25px;
    z-index: 1000;
}

/*.mobilenav-wrapper {display: none;}*/
/* @group Navigation
------------------------------------------------------------ */

nav.main {
    position: absolute;
    left: 300px;
    top: 11px;

    z-index: 150;
}

/* ENDE NAVIGATION ---------------------------------------- */


/* @end */


#main {
    position: relative;
    margin-top: 83px;
}

#main.no-slide {
    position: relative;
    margin-top: 163px;
}

#main > div {
}

#main > div.bg-green {
    margin-bottom: 0;
}

#content a:active {
    position: relative;
    top: 1px;
}

.firstheadline.stuck {
    position: fixed;
    top: 83px;
    width: 100%;
    z-index: 100;
}

.firstheadline.shrink h1, .firstheadline.shrink span.product-title {
    font-size: 1.571em;
    -webkit-transition: font-size 1s ease;
    -moz-transition: font-size 1s ease;
    -o-transition: font-size 1s ease;
    transition: font-size 1s ease;
}

.teaser-box header {
}

.teaser-box .csc-textpic .csc-textpic-text {
    padding: 12px 0px 0px 5px;
}


.tx-sl-ecora-products .more-icon a {
    width: 30px;
    height: 30px;
}

.tx-sl-ecora-products .item:hover .more-image {
    background: url('/local/assets/img/pp_link_button.png') right -60px no-repeat;
}


#content .arrow-list li,
#content .box.blue ul {
    margin-bottom: 1em;
}


#content .arrow-list li {
    color: #005595;
    border-bottom: 1px solid #66c5ec;
    padding: 8px 0 6px 19px;
}

/* @group Footer
------------------------------------------------------------ */

footer.main {
    background: #292929;
    padding: 60px 0;
    position: relative;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif !important;
}

footer.main .widget {
    margin-bottom: 40px;
}

footer.main .footer-bottom-address {

}

footer.second {
    background: #000000;
    border-top: 1px solid #414141;
    padding: 10px 0;
    position: relative;
}

.copyright {
    float: left;
    margin-right: 40px;
}

.bottomNav ul {
    list-style: none;
}

.bottomNav li {
    display: inline;
}


/* @end */


/**** Link Styles ****/
a.more-link-blue {
    padding: 6px 0 6px 19px;
    display: block;
}


a.more-link-grey {
    padding: 6px 0 6px 19px;
    display: block;
}

.csc-sitemap ul {
    list-style: disc;

    margin: 0.5em 0;
    margin-left: 1.5em;
}

.csc-sitemap ul li {
    padding: 0.5em 0;
}

.fixed {
    position: fixed;
}

.tx-sl-ecora-products .select-input-wrapper {
}

.tx-sl-ecora-products .app-filter {
    background: #FFFFFF;
    border: none;
    -webkit-box-shadow: 1px 1px 0px #ffffff; /* webkit browser*/
    -moz-box-shadow: 1px 1px 0px #ffffff; /* firefox */
    box-shadow: 1px 1px 0px #ffffff;
}

.tx-sl-ecora-products .app-filter #main_area {
    background: #57A639;
    border: none;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 1.143em;
}

.tx-sl-ecora-products .app-filter .radio-input-wrapper header {
    display: none;
}

.tx-sl-ecora-products .app-filter .radio-input-wrapper,
.tx-sl-ecora-products .app-filter .reset-input-wrapper {
    padding: 19px 0;
}

.tx-sl-ecora-products .app-filter .radio-input {
    padding: 3px 0;
}

.tx-sl-ecora-products .app-filter .radio-input label {
    padding-left: 10px;
}

.tx-sl-ecora-products .app-filter .select-input-wrapper {
    padding: 19px;
    height: 50px;
    display: none;
}

.tx-sl-ecora-products .app-filter .select-input {
    position: absolute;
    top: 59px;
}

/* fluid 4 columns */
.tx-sl-ecora-products .item.reference-reference,
.tx-sl-ecora-products .item.reference-product {
    width: 100%;
}

.item {
    width: 31%;
}

/* fluid 4% gutter */
.gutter-sizer {
    width: 3.45%;
}

.tx-sl-ecora-products .item {

    height: 365px;
    /*float: left;*/
    margin-bottom: 1.384rem;
    /*margin: 1.38462rem;*/
    /*margin-bottom: 20px;*/
    overflow: hidden;
    position: relative;
    border: 1px solid #c8c9cb;
    background: #f6f6f6;
    -webkit-box-shadow: 1px 1px 0 #ffffff; /* webkit browser*/
    -moz-box-shadow: 1px 1px 0 #ffffff; /* firefox */
    box-shadow: 1px 1px 0 #ffffff;
}

.tx-sl-ecora-products .references .item {

    height: 324px;
    /*float: left;*/
    margin-bottom: 1.384rem;
    /*margin: 1.38462rem;*/
    /*margin-bottom: 20px;*/
    overflow: hidden;
    position: relative;
    border: 1px solid #c8c9cb;
    background: #f6f6f6;
    -webkit-box-shadow: 1px 1px 0 #ffffff; /* webkit browser*/
    -moz-box-shadow: 1px 1px 0 #ffffff; /* firefox */
    box-shadow: 1px 1px 0 #ffffff;
}

.tx-sl-ecora-products .item {
    background: url('/local/assets/img/ec_produkt_vorschau.png') scroll center center no-repeat;
    background-size: cover;
}

.item h3, .item h3 a {
    padding-left: 10px;
    padding-right: 10px;
}

.tx-sl-ecora-products .item.reference-product,
.tx-sl-ecora-products .item.reference-reference {

    height: auto;
    /*float: left;*/
    overflow: hidden;
    position: relative;
    border: 1px solid #c8c9cb;
    background: url('/local/assets/img/ec_produkt_vorschau.png') scroll center center no-repeat;
}


.tx-sl-ecora-products .item.reference-product .list-image {
    padding: 20% 6%;
}

.tx-sl-ecora-products .item.reference-reference .list-image {
    width: 100%;
    padding: 0;
    line-height: 0;
}

.tx-sl-ecora-products .list-text {
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.tx-sl-ecora-products .list-text a {

    width: 100%;
    height: 100%;
}

.tx-sl-ecora-products .list-title {
    position: absolute;
    left: 0;
    z-index: 20;
    display: block;
    bottom: 50px;
    width: 100%;
    text-align: center;
}

.tx-sl-ecora-products .list-image {
    padding: 30px 15px 10px;
    text-align: center;
}

.tx-sl-ecora-products .references .list-image {
    padding: 0;
}


.tx-sl-ecora-products .item.reference-product .list-title,
.tx-sl-ecora-products .item.reference-reference .list-title {
    position: absolute;
    z-index: 20;
    display: block;
    bottom: 1.5em;
    width: 100%;
    text-align: center;
}

.tx-sl-ecora-products .item .list-text:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
/ / background-color: rgba(0, 0, 0, .5);
    background-image: url('/local/assets/img/ecoraster_produkt_vorschau.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.tx-sl-ecora-products .item:hover .list-text:before {
    opacity: 1;
}

.tx-sl-ecora-products .list-teaser {
    bottom: 35px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 5;
}

.tx-sl-ecora-products .item.product:hover .list-teaser {
    bottom: 35px;
}

.tx-sl-ecora-products .viewer-360-border {
    border: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}


.tx-sl-ecora-products .list-text ul {
    padding-top: 12px;
    padding-bottom: 9px;
}

.tx-sl-ecora-products .list-text li {
    padding: 5px 11px 3px;
}

.tx-sl-ecora-products .list-text li span.feature-name {
    width: 90px;
    display: block;
    float: left;
}

.tx-sl-ecora-products .list-text li span.feature-value {
    width: 160px;
    display: inline-block;
}

.tx-sl-ecora-products .list-text li img {
    display: inline;
    vertical-align: middle;
    margin-right: 4px;
}


.product-single .product-header {
    position: relative;
    border-bottom: 1px solid #cccccc;
}

.product-single .product-header h1,
.product-single .product-header h2 {
    display: inline;
    margin-right: 20px;
}

.product-single h3 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.product-single .boxgrey h3 {
    border-bottom: none;
    margin-bottom: 20px;
}

.product-single .product-header .product-certs {
    position: absolute;
    right: 0;
    top: 3px;
}

.product-single .bigImage {
    position: relative;
}

.product-single .smallImage {
    position: relative;
    float: left;
    margin-right: 5px;
}

.product-single .boxgrey {
    background: #f1f1f1;
    padding: 18px;
    margin-bottom: 36px;
}


.tx-sl-ecora-products .downloads-wrapper {
    background: #f0f0f0;
    padding-top: 70px;
    padding-bottom: 60px;
}

.tx-sl-ecora-products .downloads ul {


}

.tx-sl-ecora-products .downloads li span {

}

.tx-sl-ecora-products .downloads li span span {
    display: block;
    padding-left: 48px;
    line-height: 3em;
}


.tx-sl-ecora-products .downloads li:hover {

}


.tx-sl-ecora-products .downloads li:hover h4 a {
    color: #57A639;
}

.tx-sl-ecora-products .downloads ul, .tx-sl-purus-products .ausschreibung ul {
    border-bottom: 1px solid #C8C9CB;
    -webkit-box-shadow: 1px 1px 0 #ffffff; /* webkit browser*/
    -moz-box-shadow: 1px 1px 0 #ffffff; /* firefox */
    box-shadow: 1px 1px 0 #ffffff;
}

.tx-sl-ecora-products .downloads li, .tx-sl-purus-products .ausschreibung li {
    background: url('/local/assets/img/ecoraster-download.svg') 95% 50% no-repeat #ffffff;
    border-left: 1px solid #C8C9CB;
    border-right: 1px solid #C8C9CB;
    border-top: 1px solid #C8C9CB;
    position: relative;
    background-size: 30px;
}

.tx-sl-ecora-products .downloads li:hover, .tx-sl-purus-products .ausschreibung li:hover {
    background: url('/local/assets/img/ecoraster-download.svg') 95% 50% no-repeat #f6f6f6;
    background-size: 30px;
}

.tx-sl-ecora-products .downloads li h4 a, .tx-sl-purus-products .ausschreibung li h4 a {
    padding: 22px 15%;
    display: block;
}

.tx-sl-ecora-products .downloads li:hover h4 a, .tx-sl-purus-products .ausschreibung li:hover h4 a {
    color: #5bad25;
}

.tx-sl-ecora-products .downloads li h4 a.pdf {
    padding-left: 62px;
    background: url('/local/assets/img/pp_icon-pdf.png') 14px 50% no-repeat;
}

.tx-sl-ecora-products .downloads li h4 a.zip {
    padding-left: 62px;
    background: url('/local/assets/img/pp_icon-zip.png') 14px 15px no-repeat;
}

.tx-sl-ecora-products .downloads li h4 a.anfrage {
    padding-left: 62px;
    background: url('/local/assets/img/pp_icon-anfrage.png') 14px 15px no-repeat;
}

.tx-sl-ecora-products .ausschreibung li h4 a {
    padding-left: 62px;
    background: url('/local/assets/img/pp_icon-link.png') 14px 15px no-repeat;
}

.tx-sl-ecora-products .downloads li h4 a.anfrage {
    padding-left: 62px;
    background: url('/local/assets/img/pp_icon-anfrage.png') 14px 15px no-repeat;
}

.tx-sl-ecora-products .applicable > ul > li {
    float: left;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}


ul.news-tags li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 5px;
}

ul.ecora-list li,
.tx-sl-ecora-products .specifications li,
.tx-sl-ecora-products .special-features li {
    border-bottom: 1px solid #C8C9CB;
    position: relative;
    padding: 6px;
}

.tx-sl-ecora-products .specifications li:hover,
.tx-sl-ecora-products .special-features li:hover {
    background: #FFFFFF;
}

.tx-sl-ecora-products .specifications li span.feature-name {
    width: 38%;
    display: inline-block;
    vertical-align: top;
}

.tx-sl-ecora-products .specifications li span.feature-value {
    width: 60%;
    display: inline-block;
    vertical-align: bottom;
}

.product-single .features,
.product-single .optional-features {
    margin-bottom: 36px;
}

.product-single .features li,
.product-single .optional-features li {
    padding: 7px 0 5px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 1.5em;
}

.product-single .trigger {
    color: #8e8e8e;
    cursor: pointer;
    padding: 5px 20px 5px 41px;
    border-bottom: 1px solid #ffffff;
}

#productLiveFilter li,
.product-single .downloads li {
    padding: 5px 0;
}

.product-single .downloads li.download-pdf a,
#productLiveFilter li.download-pdf a {
    padding: 6px 0 6px 22px;
    display: block;
}

.product-single .product-request {
    background: #005495;
    color: #ffffff;
    cursor: pointer;
    padding: 8px 20px 8px 41px;
    margin-bottom: 36px;
}

.product-single .product-request a {
    color: #ffffff;
    text-decoration: none;
}

.product-single .trigger_active {
    color: #333;
}

.product-single .toggle_container {
    padding: 20px;
    background: #dedddd;
}

.tx-sl-ecora-products .thumbImg, .tx-sl-ecora-products .firstImage {
}

.tx-sl-ecora-products .thumbImg {
    margin-bottom: 17px;
}

.tx-sl-ecora-products .thumbImg a {
    padding: 0;
    margin: 0;
}

.tx-sl-ecora-products .firstImage img {
    padding: 9px;
}

.tx-sl-ecora-products .thumbImg img {
    padding: 7px;
}

/*Cloud Zoom*/


/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border: 4px solid #888;
    margin: -4px; /* Set this to minus the border thickness. */
    background-color: #fff;
    cursor: move;
}

/* This is for the title text. */
.cloud-zoom-title {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
    border: 4px solid #ccc;
    overflow: hidden;
}

#selectionTarget {
    margin-top: 30px;
}

.scrolldown {
    position: absolute;
    bottom: 50px;
    background: url('/local/assets/img/scroll-down.svg') center center no-repeat;
    width: 88px;
    height: 88px;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
}

.royalSlider {
    width: 100%;
    height: auto;
}

.sliderwrapper {
    position: relative;
    margin: 0 auto;
    height: 100%;
    max-width: 1080px;
}

.sliderheader {
    position: absolute;
    top: 45%;
}

.sliderbodytext {
    position: absolute;
    top: 45%;
    display: inline;
}


#full-width-slider, #full-width-slider-content, .product-slider {
    width: 100%;
    height: auto;
}

.product-slider {
    margin-top: 124px;
}

.rsSlide .csc-textpic-text {
    position: absolute;
    top: 30px;
    right: 30px;
    display: block;
    max-width: 40%;
    padding-bottom: 0;
    padding: 20px;
    z-index: 1000;
}

.rsSlide .csc-textpic-imagewrap {

}

.rsSlide .csc-textpic-text h1,
.rsSlide .csc-textpic-text h2 {
    color: #ffffff;
}


.fullWidth {
    max-width: 1600px;
    margin: 0 auto 24px;
}

@media screen and (min-width: 960px) and (min-height: 660px) {
    #full-width-slider.heroSlider .rsOverflow,
    #full-width-slider.royalSlider.heroSlider {

    }
}

@media screen and (min-width: 960px) and (min-height: 1000px) {
    #full-width-slider.heroSlider .rsOverflow,
    #full-width-slider.royalSlider.heroSlider {

    }
}

@media screen and (min-width: 0px) and (max-width: 800px) {
    #full-width-slider.royalSlider.heroSlider,
    #full-width-slider.royalSlider.heroSlider .rsOverflow {

    }

    .infoBlock {
        padding: 10px;
        height: 100%;
        max-height: 100%;
        min-width: 40%;
        left: 0;
        top: 0;
        right: auto;
        font-size: 12px;
    }

    .infoBlock h3 {
        font-size: 14px;
        line-height: 17px;
    }
}

.mobilemenuwrapper {
    position: absolute;
    width: 100%;
    background: #57A639;
    top: 82px;
    left: 0;
}

.mobilemenuwrapper li {
    float: none;
    display: block;
    line-height: 3.6em;
    position: relative;
    border-bottom: 1px solid black;
}

.mobilemenuwrapper li ul {
    display: none;
    border-top: 1px solid black;
    margin-left: 0;
    padding: 10px 0;

}

.mobilemenuwrapper li li {
    border-bottom: none;
    line-height: 2.5em;
}

.mobilemenuwrapper li span,
.mobilemenuwrapper li a {
    font-size: 1.07142857142857em;
    font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
    padding: 0.85714285714286em 0 0.85714285714286em 5%;
    color: #ffffff;
}

.mobilemenuwrapper li li a {
    font-size: 1em;
    padding: 0 0 0 10%;
    font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
}

.mobilemenuwrapper li a:hover {
    color: black;
}

.mobilemenuwrapper li:hover, .mobilemenuwrapper li a.mainmenuActive {

}

.open-menu-link {
    display: block;
    position: absolute;
    right: 0;
    top: 0px;
    line-height: 1.5em;
    font-size: 30px;
    cursor: pointer;
    color: #FFF;
    height: 1.9em;
    width: 1.9em;
    text-align: center;
    border-left: 1px solid black;
}

.menu-btn {
    position: absolute;
    right: 20px;
    top: 20px;

}

.menu-btn span {
    display: block;
    width: 40px;
    height: 5px;
    margin: 6px 0;
    background: rgb(255, 255, 255);
    z-index: 99;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


@media screen and (max-width: 768px) {
    /* fluid 4 columns*/
    .item {
        width: 48%;
    }

    /* fluid 4% gutter*/
    .gutter-sizer {
        width: 4%;
    }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
    .ms-layer {
        padding-left: 0.5625rem !important;
        padding-right: 0.5625rem !important;
    }

    .sliderheadline {
        font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
        font-size: 2rem;
        color: #ffffff;
        line-height: 1em;
    }

    .slidersubline {
        font-family: "HelveticaNeueCyr-Light", Arial, Verdana, sans-serif;
        font-size: 1.25rem;
        color: #ffffff;
        line-height: 1.5em;
    }

    /* fluid 4 columns*/
    .item {
        width: 100%;
    }

    /* fluid 4% gutter*/
    .gutter-sizer {
        width: 0%;
    }
}

.callout.gray {
    margin: 0;
    padding: 2rem 3rem;
    border: none;
    border-radius: 0;
    position: relative;
    color: inherit;
    background-color: #F0F0F0;
}

.button-group .button {
    margin: 0;
    margin-right: 10px;
    margin-bottom: 1px;
    font-size: 0.9rem;
    flex: 0 0 auto;
}

#referenceSlider .item {
    width: 100% !important;
}

.rsMinW .rsSlide p {
    color: #4D4D4D;
}


a.open-mobilenav, .mobile, .mobilemenuwrapper {
    display: none;
}


#my-mainmenu {
    background-color: #00305D;
}

@media screen and (min-width: 768px) {
    #body-container {
        margin: 0 auto;
    }
}

@media screen and (min-width: 960px) and (min-height: 660px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 600px !important;
    }

    #content-slider.heroSlider .rsOverflow,
    #content-slider.royalSlider.heroSlider {
        height: 424px !important;
    }
}

@media screen and (min-width: 960px) and (min-height: 1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 600px !important;
    }

    #content-slider.heroSlider .rsOverflow,
    #content-slider.royalSlider.heroSlider {
        height: 424px !important;
    }
}


@media screen and (min-width: 0px) and (max-width: 800px) {


    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 600px !important;
    }

    #content-slider.heroSlider .rsOverflow,
    #content-slider.royalSlider.heroSlider {
        height: 424px !important;
    }

    .infoBlock {

    }

}

#gallery-t-group {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.rsDefaultInv,
.rsDefaultInv .rsOverflow,
.rsDefaultInv .rsSlide,
.rsDefaultInv .rsVideoFrameHolder,
.rsDefaultInv .rsThumbs {
    background: #fff;
}

#gallery-t-group .rsOverflow {
    border-bottom: 6px solid #f59c00;
}

#gallery-t-group .rsThumb {
    float: left;
    overflow: hidden;
    width: 84px;
    height: 84px;
    margin-left: 30px;
}

#gallery-t-group .rsThumbs {
    width: 342px;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 0;
    right: 0;
}

.rsDefaultInv .rsThumb img {
    opacity: 0.3;
}

.rsDefaultInv .rsThumb.rsNavSelected img {
    opacity: 1;
}

#gallery-t-group .rsGCaption {
    right: 285px;
    line-height: 12px;
    padding: 1px 7px;
    font-size: 11px;
    background: #EEE;
    position: absolute;
    width: auto;
    bottom: 0;
    float: none;
    text-align: left;
}

@media screen and (min-width: 1025px) {
    .master-slider {
        height: 400px
    }
}

@media screen and (max-width: 1024px) {
    .master-slider {
        height: 300px
    }
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
    #gallery-t-group .rsThumbs {
        width: 228px;
    }

    #gallery-t-group .rsGCaption {
        right: 228px;
    }
}


@media screen and (min-width: 0px) and (max-width: 760px) {
    #gallery-t-group .rsThumbs {
        left: 0;
        position: relative;
        width: 100%;
        height: auto;
        padding: 1px 0 0 1px;
    }

    #gallery-t-group .rsThumbsContainer {
        height: auto !important;
    }

    #gallery-t-group .rsGCaption {
        right: 0;
    }

}


@media only screen and (max-width: 768px) {
    .mobile {
        display: block;
    }

    .sticky, .mean-container .mean-bar {
        position: relative;
    }

    .fixed {
        position: absolute !important;
        top: 0;
    }


    #body-container {
        min-width: 320px;
        width: 100%;
        overflow: visible;
    }


    .wrapper, nav.main, .content-wrapper, .tx-sl-ecora-products .product-wrapper {
        margin: 0 auto;
        width: 93%;
        position: relative;
    }

    .wrapper-top {
        width: 100%;
    }

    .wrapper-nav {
        height: 100px;
    }

    .fixed {
        position: absolute !important;
        top: 0;
    }

    .firstheadline.stuck {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 100;
    }

    .firstheadline h1, span.product-title {
        font-size: 1.571em;
    }


    .wrapper-top #logo {
        margin: 0;
        position: absolute;
        right: 40%;
        text-indent: -9999px;
        top: 0;
    }

    /* @group Columns
------------------------------------------------------------ */
    .one-half {
        width: 48.493%;
    }

    .headerimage .one-half {
        width: 100%;
    }

    .one-third {
        width: 100%;
    }

    .two-third {
        width: 100%;
    }

    .one-fourth {
        width: 48.493%;
    }

    .three-fourth {
        width: 74.244%;
    }

    .one-fifth {
        width: 17.59%;
    }

    .two-fifth {
        width: 38.192%;
    }

    .three-fifth {
        width: 58.794%;
    }

    .four-fifth {
        width: 79.396%;
    }

    .one-sixth {
        width: 14.156%;
    }

    .five-sixth {
        width: 84.94%;
    }

    .five-twelfth {
        width: 100%;
    }

    .seven-twelfth {
        width: 100%;
    }

    .tx-sl-ecora-products .item.reference-product.one-fifth,
    .tx-sl-ecora-products .item.reference-reference.one-fifth {
        width: 30.3%;
    }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
    .one-sixth,
    .five-sixth,
    .one-twelfth,
    .five-twelfth,
    .seven-twelfth,
    .eleven-twelfth {
        margin-bottom: 30px;
        float: left;
        position: relative;
        margin-right: 0%;
        overflow: hidden;
    }

    .last {
        clear: right;
        margin-right: 0 !important;
        overflow: hidden;
    }

    header .search {
        right: 10%;
        top: 25px;
        margin: 0px;
        position: absolute;
        z-index: 110;
    }

    .language {
        position: absolute;
        right: 12%;
        top: 30px;
    }


    .infoBlock {
        margin-top: 13em;
    }

    /* @end */
    .wrapper-top #logo a {
        background-position: left top;
        background-repeat: no-repeat;
        display: block;
        height: 68px;
        width: 100px;
    }

    .wrapper-top .top-nav {
        height: 26px;
        position: absolute;
        top: 70px;
        left: 4px;
    }

    .wrapper-top .top-nav > ul > li a {
        display: block;
        float: left;
        padding-right: 9px;
        text-decoration: none;
        line-height: 18px;
    }

    header.main {
    }

    .nav-wrapper {
        left: 0;
        overflow: visible;
        position: absolute;
        width: 100%;
        height: auto !important;
        z-index: 50;
    }

    nav.main {
        height: auto !important;
        margin: 0 auto;
        padding: 0 10px;
        position: relative;
        width: 100%;
        display: none;
    }

    #full-width-slider {
        height: 400px !important;
        width: 100%;
    }

    .sliderwrapper {
        position: relative;
        margin: 0px auto;
        height: 100%;
        max-width: 1080px;
        width: 90%;
    }

    .sliderbodytext h3 {
        font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
        font-size: 2.286em;
        line-height: 1.4em;
        padding-bottom: 0.4em;

    }

    .sliderbodytext {
        font-family: "HelveticaNeueCyr-Roman", Arial, Verdana, sans-serif;
        font-size: 1em;
        line-height: 1.4em;
        top: 55%;
    }

    #content-slider {
        border-bottom: 6px solid #F28906;
        height: auto !important;
        width: 100%;
    }


    footer.main {
        display: none;
    }

    div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
        margin-right: 10px;
        margin-bottom: 10px;
    }


    #content-slider.heroSlider .rsOverflow,
    #content-slider.royalSlider.heroSlider {
        height: 220px !important;
    }

    .tx-sl-ecora-products .product-text {
        padding-top: 0em;
    }


    .scrolldown {
        display: none;
    }

}

@media only screen and (max-width: 640px) {

    #p1 .headerimage .imagetext {
        top: -55%;
    }

    .master-slider {
        height: 150px
    }

    .bt-margin {
        margin-bottom: 3em;
    }

    header .search {
        right: 13%;
        top: 30px;
        margin: 0px;
        position: absolute;
        z-index: 110;
    }

    .language {
        position: absolute;
        right: 15%;
        top: 30px;
    }

    .tx-sl-ecora-products .bg-white h1, .headerimage h2 {
        font-size: 2em;
    }

    .tx-sl-ecora-products .bg-white h3 {
        font-family: "HelveticaNeueCyr-Roman", Arial, Verdana, sans-serif;
        margin-bottom: 2rem;
    }

    .tx-sl-ecora-products .headerimage h2 {
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 480px) and (min-device-width: 300px) {
    .master-slider {
        height: 150px
    }


    #body-container {
        min-width: 320px;
        width: 100%;
        overflow: visible;
    }

    header .search {
        right: 17%;
        top: 25px;
        margin: 0px;
        position: absolute;
        z-index: 110;
    }

    .language {
        position: absolute;
        right: 20%;
        top: 30px;
    }

    .sticky, .mean-container .mean-bar {
        position: relative;
    }

    .fixed {
        position: absolute !important;
        top: 0;
    }

    .mean-container .mean-bar {
        padding: 19px 0;
    }

    .csc-textpic-intext-right-nowrap-400 .csc-textpic-text {
        margin-right: 0;
    }

    .csc-textpic-intext-right-nowrap .csc-textpic-text {
        margin-right: 0;
    }

    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        float: none;
    }


    .breadcrumb {
        display: none;
    }

    /* @group Columns
------------------------------------------------------------ */
    .one-half {
        width: 100%;
    }

    .one-third {
        width: 100%;
    }

    .two-third {
        width: 100%;
    }

    .one-fourth {
        width: 100%;
    }

    .three-fourth {
        width: 74.244%;
    }

    .one-fifth {
        width: 17.59%;
    }

    .two-fifth {
        width: 38.192%;
    }

    .three-fifth {
        width: 58.794%;
    }

    .four-fifth {
        width: 79.396%;
    }

    .one-sixth {
        width: 14.156%;
    }

    .five-sixth {
        width: 84.94%;
    }

    .one-twelfth {
        width: 100%;
    }

    .five-twelfth {
        width: 100%;
    }

    .seven-twelfth {
        width: 100%;
    }

    .eleven-twelfth {
        width: 100%;
    }

    .tx-sl-ecora-products .item.reference-product.one-fifth,
    .tx-sl-ecora-products .item.reference-reference.one-fifth {
        width: 43%;
    }


    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
    .one-sixth,
    .five-sixth,
    .one-twelfth,
    .five-twelfth,
    .seven-twelfth,
    .eleven-twelfth {
        margin-bottom: 30px;
        float: left;
        position: relative;
        margin-right: 0;
        overflow: hidden;
    }

    .search {
        float: left !important;
    }

    .tx-sl-ecora-products .item {
        height: 365px;
        margin: 0;
        margin-bottom: 18px;
        overflow: hidden;
        width: 100%;
    }

    .one-half-left, .one-half-right {
        width: 100%;
        float: left;
    }

    .sliderwrapper {
        position: relative;
        margin: 0px auto;
        height: 100%;
        max-width: 1080px;
        width: 90%;
    }

    .sliderbodytext h3 {
        font-family: "HelveticaNeueCyr-Bold", Arial, Verdana, sans-serif;
        font-size: 2.286em;
        line-height: 1.4em;

    }

    .sliderbodytext {
        font-family: "HelveticaNeueCyr-Roman", Arial, Verdana, sans-serif;
        font-size: 1em;
        line-height: 1.4em;
        top: 35%;
    }


    .bottomnavwrapper {
        text-align: center;
    }

    .copyright {
        float: none;
        margin-right: 0;
    }

    ul.csc-textpic-imgblock li.csc-textpic-imgwrap {
        padding: 0 0.5625rem;
    }
}

.seo-copy{
    margin-top: 10px;
}

.img-list{
    display: block;
    margin: auto;
}
/* End */


/* Start:/local/assets/css/slider.css?16088877223003*/
        .single-item{
          margin:0;
        }
        .slick-slide figure {
          margin:0;
        }
        .border {
          border-left: 20px solid #c0c;
        }
        .slick-header,
        .slick-text {
          display: inline;
          position: absolute;
          z-index: 1;
        }
        .slick-header {
          bottom: inherit;
          top: 1em;
        }
        .slick-text {
          bottom: inherit;
          top: 7em;
        }
        .slick-header .span,
        .slick-text .span {
        }
        .slick-header .span {
          display: inline;
        }
        .slick-header .span h1 {
          background-color: rgba(0,0,0,0.5);
          color: #FFF;
          font-size: 2em;
          font-weight: bold;
        }
        .slick-text .span {
          display: inline;
        }
        .slick-text .span p {
          background-color: rgba(0,0,0,0.5);
          color: #FFF;
          font-size: 1.4em;
          font-weight: bold;
        }
        /* color */
        #slickcarousel1 .slick-next:before,
				#slickcarousel1 .slick-prev:before, 
        #slickcarousel2 .slick-next:before,
				#slickcarousel2 .slick-prev:before, 
        #slickcarousel3 .slick-next:before,
				#slickcarousel3 .slick-prev:before, 
        #slickcarousel4 .slick-next:before,
				#slickcarousel4 .slick-prev:before {
          color: #000;
        }
        #slickcarousel1 .slick-dots li button:before,
        #slickcarousel2 .slick-dots li button:before,
        #slickcarousel3 .slick-dots li button:before,
        #slickcarousel4 .slick-dots li button:before {
          color: #000;
        }
        #slickcarousel1 .slick-dots li.slick-active button:before,
        #slickcarousel2 .slick-dots li.slick-active button:before,
        #slickcarousel3 .slick-dots li.slick-active button:before,
        #slickcarousel4 .slick-dots li.slick-active button:before {
          color: #000;
        }
        .slider1 .slick-next:before,
				.slider1 .slick-prev:before, 
        .slider2 .slick-next:before,
				.slider2 .slick-prev:before, 
        .slider3 .slick-next:before,
				.slider3 .slick-prev:before, 
        .slider4 .slick-next:before,
				.slider4 .slick-prev:before {
          color: #000;
        }
        .slider1 .slick-dots li button:before,
        .slider2 .slick-dots li button:before,
        .slider3 .slick-dots li button:before,
        .slider4 .slick-dots li button:before {
          color: #000;
        }
        .slider1 .slick-dots li.slick-active button:before,
        .slider2 .slick-dots li.slick-active button:before,
        .slider3 .slick-dots li.slick-active button:before,
        .slider4 .slick-dots li.slick-active button:before {
          color: #000;
        }
        /* position */
        .slick-dots {
          bottom: -45px;
          margin-left:0;
          margin-right:0;
        }
        .slick-next {
          right: -25px;
        }
        .slick-prev {
          left: -25px;
        }
/* End */


/* Start:/local/assets/fonts/font.css?16088877252593*/
@font-face {
    font-family: 'HelveticaNeueCyr-Bold';
    src: url('/local/assets/fonts/HelveticaNeueCyr-Bold.eot');
    src: url('/local/assets/fonts/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Bold.woff2') format('woff2'),
        url('/local/assets/fonts/HelveticaNeueCyr-Bold.woff') format('woff'),
        url('/local/assets/fonts/HelveticaNeueCyr-Bold.ttf') format('truetype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Bold.svg#HelveticaNeueCyr-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueCyr-Medium';
    src: url('/local/assets/fonts/HelveticaNeueCyr-Medium.eot');
    src: url('/local/assets/fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Medium.woff2') format('woff2'),
        url('/local/assets/fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
        url('/local/assets/fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Medium.svg#HelveticaNeueCyr-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueCyr-Italic';
    src: url('/local/assets/fonts/HelveticaNeueCyr-Italic.eot');
    src: url('/local/assets/fonts/HelveticaNeueCyr-Italic.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Italic.woff2') format('woff2'),
        url('/local/assets/fonts/HelveticaNeueCyr-Italic.woff') format('woff'),
        url('/local/assets/fonts/HelveticaNeueCyr-Italic.ttf') format('truetype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Italic.svg#HelveticaNeueCyr-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueCyr-Light';
    src: url('/local/assets/fonts/HelveticaNeueCyr-Light.eot');
    src: url('/local/assets/fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Light.woff2') format('woff2'),
        url('/local/assets/fonts/HelveticaNeueCyr-Light.woff') format('woff'),
        url('/local/assets/fonts/HelveticaNeueCyr-Light.ttf') format('truetype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Light.svg#HelveticaNeueCyr-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueCyr-Roman';
    src: url('/local/assets/fonts/HelveticaNeueCyr-Roman.eot');
    src: url('/local/assets/fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Roman.woff2') format('woff2'),
        url('/local/assets/fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
        url('/local/assets/fonts/HelveticaNeueCyr-Roman.ttf') format('truetype'),
        url('/local/assets/fonts/HelveticaNeueCyr-Roman.svg#HelveticaNeueCyr-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* End */


/* Start:/local/components/eco/main.feedback/templates/.default/style.min.css?1608887730251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/local/templates/main/template_styles.css?17737561338371*/
#bx-panel {z-index: 11000!important;}
header.main > .wrapper-top {

    background: #000;
    overflow: visible;
    position: relative;
    height: 110px;
}
header .search {
    right: -20px;
    top: 68px;
    margin: 0;
    position: absolute;
    z-index: 110;
    font-size: 1.4em;
}

nav.main {
    position: absolute;
    left: 300px;
    top: 45px;
    z-index: 150;
}
.blog-baner {
    display: flex;
    align-items: center;
    background-image: url(/upload/img/fgg2.jpg);
    background-size: cover;
    padding: 20px;
    background-position-y: -30px;
    border-radius: 18px;
    max-width: 700px;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
}
.blog-baner__left {
    max-width: 400px;
}
.blog-baner__title {
    font-weight: bold;
    background: white;
    padding: 8px;
    border-radius: 6px 6px 0 0;
}
.blog-baner__text {
    background: rgba(255, 255, 255, 0.8);
    padding: 10px 8px 8px 8px;
    margin-top: 0px !important;
    border-radius: 0 0 6px 6px;
}
.blog-baner a {
    background: white;
    padding: 20px;
    border-radius: 12px;
    border-bottom: 4px solid black;
}
@media only screen and (max-width: 660px){
	.blog-baner {
		flex-direction: column
	}	
	
	.blog-baner a {
		margin-top:30px;
	}
}


.blog-nav{
	background: #f1f1f1;
	margin: 30px 0;
	padding:20px;
	max-width:600px;
}
.blog-nav p{
	font-weight: bold;
}
.blog-nav ul li{
	margin-left:20px;
	list-style-type: disc;
}
.blog-img{
	max-width:600px;
	margin: 20px auto;
	text-align:center;
}
.blog-img p{
	font-style: italic;
}
.bc-row{
	
	width:100%;
	max-width:1080px;
	margin:0 auto;
}
.article h2{
	margin-top:30px;
	margin-bottom:16px !important;
	padding-bottom: 0 !important;
}
.article h3{
	margin-top:30px;
	margin-bottom:16px !important;
	padding-bottom: 0 !important;
}
.article{
	max-width:800px;
}
.article b{
	font-weight: bold;
}
header.main .wrapper-top #logo a {
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/local/assets/img/ecoraster.svg);
    display: block;
    height: 120px;
    width: 280px;
}

.phone.columns-3{
    position: absolute;
    right: 350px;
    top: 25px;
}

.phone.columns-3 a {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
}

.phone-link img{
    width: 19px;
    margin-right: 10px;
}

.callback-button{
    display: block;
    position: absolute;
    right: 0px;
    top: 20px;
    color: #fff;
    width: 280px;
    background: #89c41b;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    padding: 5px 0px;
    font-weight: 800;
}

.callback-button:hover{
    color: #89c41b;
    background: #fff;
}

.phone-link img {
    width: 19px;
    position: relative;
    margin-right: 10px;
    top: 5px;
}

.seo-form {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6);
    z-index: 1000;
}

.section-content{
    text-align: center;
    position: relative;
    top: 300px;
    width: 900px;
    margin: auto;
    background: #89c41b;
    border-radius: 5px;
    padding: 50px;
    height: 340px;
}

.callback-heading{
    line-height: 0.2667em;
    padding-bottom: 30px;
}

.time-call{
    font-weight: 800;
    padding-bottom: 0.42em;
}

.callback-submit{
    width: 210px;
    border: 0;
    border-radius: 5px;
    height: 40px;
    position: absolute;
    top: 240px;
    left: 340px;
    font-size: 20px;
    font-weight: 900;
}

.user_name{
    position: absolute;
    width: 250px !important;
    top: 180px;
    left: 180px;
    border: 0;
    border-radius: 5px;
}

.user_phone{
    position: absolute;
    width: 250px !important;
    top: 180px;
    right: 180px;
    border: 0;
    border-radius: 5px;
}

.footer_form_head{
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}

.mfeedback_footer{
    max-width: 1100px;
    margin: auto;
}

.footer_form{
    padding: 15px;
    background: #F2F2F3;
    border-radius: 10px;
    margin-bottom: 30px;
}

.flex-form_footer{
    display: flex;
}

.user_name_footer, .user_phone_footer, .user_email_footer, .footer_comment{
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 5px;
}

.mf-phone.footer_phone{
    width: 50%;
}

.mf-name.footer_name{
    width: 50%;    
}

.flex-form_footer .mf-name.footer_name .user_name_footer{
    width: 95%;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #B5B3B3;
    letter-spacing: 2px;
    height: 50px;
}

.user_phone_footer, .user_email_footer{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #B5B3B3;
    letter-spacing: 2px;
    height: 50px;
}

.footer_comment{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #B5B3B3;
    letter-spacing: 2px;
}

.callback-submit_footer{
    background: #89C41C;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    color: #FFFFFF;
    width: 210px;
    height: 50px;
    border: 0;
}

.callback-submit_footer:hover{
    color: #89c41b;
    background: #fff;
    transition: 0.4s;
}

.policy-text{
    width: 66.6%;
}

.policy-text p{
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    color: #89C41C;
    padding-bottom: 0;
}

.footer_submit_block{
    width: 33.3%;
    text-align: end;
}

@media only screen and (max-width: 768px){
    header.main .wrapper-top #logo a {
        background-position: left center;
        background-repeat: no-repeat;
        background-image: url(/local/assets/img/ecoraster.svg);
        display: block;
        height: 90px;
        width: 270px;
    }
    .callback-button {
        display: block;
        position: absolute;
        left: 6px;
        top: 75px;
        color: #fff;
        width: 210px;
        background: #89c41b;
        text-align: center;
        border-radius: 5px;
        font-size: 14px;
        padding: 0px 0px;
        font-weight: 800;
    }
    .phone.columns-3 {
        position: absolute;
        right: 20px;
        top: 74px;
    }
    .phone.columns-3 a {
        color: #fff;
        font-weight: 800;
        font-size: 15px;
    }
    .mobilemenuwrapper {
        position: absolute;
        width: 100%;
        background: #57A639;
        top: 110px;
        left: 0;
    }
    .section-content {
        text-align: center;
        position: relative;
        top: 160px;
        width: 90%;
        margin: auto;
        background: #89c41b;
        border-radius: 5px;
        padding: 35px;
        height: 430px;
    }
    .user_phone, .user_name {
        position: unset;
        top: 180px;
        right: 180px;
        border: 0;
        border-radius: 5px;
        width: 100% !important;
    }
    div.mf-name, div.mf-email, div.mf-captcha, div.mf-message {
        width: 100%;
        padding-bottom: .4em;
    }
    .callback-submit {
        width: 210px;
        border: 0;
        border-radius: 5px;
        height: 40px;
        position: unset; 
        top: 240px;
        left: 340px;
        font-size: 20px;
        font-weight: 900;
    }
    .callback-heading {
        line-height: 1.2667em;
        padding-bottom: 9px;
        font-size: 23px;
    }   
    header .search {
        right: 80px;
        top: 28px;
        margin: 0;
        position: absolute;
        z-index: 110;
        font-size: 1.4em;
    } 
    .flex-form_footer {
        display: block;
    }
    .mf-name.footer_name {
        width: 100%;
    }
    .flex-form_footer .mf-name.footer_name .user_name_footer {
        width: 100%;
    }
    .mf-phone.footer_phone {
        width: 100%;
    }
    .footer_submit_block {
        width: 100%;
        text-align: center;
    }
    .policy-text {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .footer_form_head {
        font-size: 30px;
        font-weight: 700;
        text-align: center;
    }
    .policy-text p {
        font-weight: bold;
        font-size: 16px;
        line-height: 18px;
        color: #89C41C;
        padding-bottom: 0;
    }
}


/* End */
/* /local/assets/css/content.css?1608887722702 */
/* /local/components/eco/eco.feedback/templates/.default/style.min.css?1608887730251 */
/* /local/assets/css/main.new.css?1621575323601274 */
/* /local/assets/css/slider.css?16088877223003 */
/* /local/assets/fonts/font.css?16088877252593 */
/* /local/components/eco/main.feedback/templates/.default/style.min.css?1608887730251 */
/* /local/templates/main/template_styles.css?17737561338371 */