/**
 * Copyright (c) 2017
 * @name Werkwijzer Advies
 * @version 1.4.0
 * @author Syveon
 **/
/**********************************************************************/
/* GLOBAL ELEMENTS
/**********************************************************************/
* {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
}

html[xmlns] .clearfix {
    display: block;
}

body {
    margin: 0;
    background: #fff;
    font: 16px "Open Sans", "Lucida Grande", "Arial", sans-serif;
    line-height: 1em;
    color: #000;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

/* lineHeight
/*-------------------------------------------------------------------*/
.lineHeight,
.inner.content {
    line-height: 1.5em;
}

/* images
/*-------------------------------------------------------------------*/
img {
    max-width: 100%;
    height: auto !important;
    border: none;
}

/* titles
/*-------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font: 1em "Open Sans", "Lucida Grande", "Arial", sans-serif;
    font-weight: normal;
    line-height: inherit;
    margin: 0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
}
h1 + #form_container,
h1 + #sitemap_container, h2 + #form_container,
h2 + #sitemap_container, h3 + #form_container,
h3 + #sitemap_container, h4 + #form_container,
h4 + #sitemap_container, h5 + #form_container,
h5 + #sitemap_container, h6 + #form_container,
h6 + #sitemap_container {
    margin-top: 1.25em;
}
h1 .icon, h1 .fa, h2 .icon, h2 .fa, h3 .icon, h3 .fa, h4 .icon, h4 .fa, h5 .icon, h5 .fa, h6 .icon, h6 .fa {
    margin-left: 10px;
}

h1,
.mainTitle,
#main_page_title {
    font-family: "Open Sans";
    text-transform: uppercase;
    font-size: 2.25em;
    line-height: 1em;
    font-weight: 800;
    color: #07853e;
    word-break: break-word;
}
h1 + *,
h1 + p,
.mainTitle + *,
.mainTitle + p,
#main_page_title + *,
#main_page_title + p {
    margin-top: 20px;
}
h1 + h2,
.mainTitle + h2,
#main_page_title + h2 {
    margin: 20px 0 20px 0;
}
h1 + h2 + *,
.mainTitle + h2 + *,
#main_page_title + h2 + * {
    margin-top: 20px;
}
h1 + h1 + h4,
.mainTitle + h1 + h4,
#main_page_title + h1 + h4 {
    margin-bottom: 1.875em;
}
h1 a,
.mainTitle a,
#main_page_title a {
    text-decoration: none !important;
}
h1 a:hover,
.mainTitle a:hover,
#main_page_title a:hover {
    border-bottom: 0px solid;
}
h1.background,
.mainTitle.background,
#main_page_title.background {
    background: #765F7C;
    padding: 18px;
    color: #fff;
}
h1.small,
.mainTitle.small,
#main_page_title.small {
    font-size: 1.875em;
}

h2,
.subTitle {
    font-family: "Open Sans", "Lucida Grande", "Arial", sans-serif;
    font-size: 1.125em;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 800;
    color: #07853e;
}
h2 + *,
.subTitle + * {
    margin-top: 20px;
}
h2 + h3,
.subTitle + h3 {
    margin: 0.2em 0 20px 0;
}
h2 + h3 + *,
.subTitle + h3 + * {
    margin-top: 20px;
}
h2 a,
.subTitle a {
    color: inherit;
    text-decoration: none !important;
}
h2 a:hover,
.subTitle a:hover {
    border-bottom: 0px solid;
}
h2.background,
.subTitle.background {
    background: #765F7C;
    padding: 18px;
    color: #fff;
}
h2.large,
.subTitle.large {
    font-size: 1.875em;
}

h3 {
    font-family: "Open Sans";
    font-size: 20px;
    line-height: 1em;
    margin-bottom:10px;
    font-weight: 400;
    color: #000;
    word-break: break-word;
}
h3 a {
    color: #07853e;
    text-decoration: none !important;
}
h3 a:hover {
    border-bottom: 0px solid;
}
h3 + * {
    margin-top: 0.2em;
}

h4 a {
    color: #07853e;
    text-decoration: none !important;
}
h4 a:hover {
    border-bottom: 0px solid;
}
h4 span {
    display: inline-block;
}

.row + h1:first-of-type,
.row + h2:first-of-type,
.row + h3:first-of-type,
.row + h4:first-of-type,
.box + h1:first-of-type,
.box + h2:first-of-type,
.box + h3:first-of-type,
.box + h4:first-of-type {
    margin-top: 20px;
}

.lightbox h1, .lightbox h2, .lightbox h3 {
    font-size: 1.4375em;
}

/* font
/*-------------------------------------------------------------------*/
.fontTitle {
    font-family: "Open Sans", "Lucida Grande", "Arial", sans-serif;
}

.fontDefault {
    font-family: "Open Sans", "Lucida Grande", "Arial", sans-serif;
}

/* paragraph
/*-------------------------------------------------------------------*/
p {
    margin-bottom: 1.25em;
}
p:last-child {
    margin-bottom: 0;
}
p + table {
    margin-top: 1.25em;
}

/* table
/*-------------------------------------------------------------------*/
table p {
    margin-top: 0;
}
table img {
    max-width: 100%;
    height: auto !important;
}

/* hr
/*-------------------------------------------------------------------*/
hr {
    border: none;
    border-bottom: 1px solid #d3d9e3;
    margin: 20px 0;
}
hr.noLine {
    border-bottom: none;
}
hr.small, hr.marginSmall {
    margin: 1em 0;
}
hr.large, hr.margLarge {
    margin: 20px 0;
}
hr.seperatorLine {
    margin: 0 0 60px 0;
}
@media only screen and (max-width: 990px) {
    hr hr.seperatorLine {
        margin: 0 0 20px 0;
    }
}

/* ul, ol
/*-------------------------------------------------------------------*/
ul.circle, ol.circle {
    list-style-type: circle;
}
ul.square, ol.square {
    list-style-type: square;
}
ul.upper-roman, ol.upper-roman {
    list-style-type: upper-roman;
}
ul.lower-alpha, ol.lower-alpha {
    list-style-type: lower-alpha;
}

.content ul, .content ol {
    margin-left: 1.25em;
    margin-bottom: 1em;
    padding: 0;
}
.content ul:last-child, .content ol:last-child {
    margin-bottom: 0;
}
.content ul ul,
.content ol ol {
    margin-bottom: 0.625em;
}

/* category
/*-------------------------------------------------------------------*/
.category {
    font-size: 1.5em;
    color: #2eaadc;
    margin: 0 0 0.1em 0;
}

/* span.date
/*-------------------------------------------------------------------*/
span.date {
    font-size: 0.75em;
    font-family: "Open Sans", "Lucida Grande", "Arial", sans-serif;
    color: #ccc;
    display: block;
}

/* clearfix
/*-------------------------------------------------------------------*/
.clear,
.clearfix {
    clear: both;
}

.noClearFix {
    clear: none !important;
}

/* centerOnPage
/*-------------------------------------------------------------------*/
.centerOnPage {
    margin: 0 auto;
}

/* dropShadow
/*-------------------------------------------------------------------*/
.dropShadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

/* cover
/*-------------------------------------------------------------------*/
.cover {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* line-trough
/*-------------------------------------------------------------------*/
.line-through {
    text-decoration: line-through;
}

/* radius
/*-------------------------------------------------------------------*/
.radius {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.radius > .inner {
    padding: 20px;
}

.radiusSmall {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.radiusLarge {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
}

.radiusTop {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.radiusTop.radiusSmall {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.radiusTop.radiusLarge {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.radiusBottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
.radiusBottom.radiusSmall {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.radiusBottom.radiusLarge {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.radiusLeft {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
.radiusLeft.radiusSmall {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.radiusLeft.radiusLarge {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.radiusRight {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
.radiusRight.radiusSmall {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.radiusRight.radiusLarge {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* align
/*-------------------------------------------------------------------*/
.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.alignTop {
    vertical-align: top;
}

.alignMiddle {
    vertical-align: middle;
}

.alignBottom {
    vertical-align: bottom;
}

/* noWrap
/*-------------------------------------------------------------------*/
.noWrap {
    white-space: nowrap;
}

/* uppercase & lowercase
/*-------------------------------------------------------------------*/
.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: uppercase;
}

/* static
/*-------------------------------------------------------------------*/
.static {
    position: static;
}

/* relative
/*-------------------------------------------------------------------*/
.relative {
    position: relative;
}

/* fixed
/*-------------------------------------------------------------------*/
.fixed {
    position: fixed;
}

/* block & inlineBlock
/*-------------------------------------------------------------------*/
.block {
    display: block;
}

.inlineBlock {
    display: inline-block;
}
.inlineBlock.border {
    padding: 20px;
}

/* margin
/*-------------------------------------------------------------------*/
.margin {
    margin-bottom: 20px;
}
.margin.marginSmall {
    margin-bottom: 10px;
}
.margin.marginLarge {
    margin-bottom: 40px;
}

.marginTop {
    margin-top: 20px;
}
.marginTop.marginLarge {
    margin-top: 40px;
}

/* marginDesktop
/*-------------------------------------------------------------------*/
@media only screen and (max-width: 990px) {
    .marginDesktop {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 1200px) {
    .marginDesktop .marginDesktop {
        margin-bottom: 40px;
    }
}

/* marginTablet
/*-------------------------------------------------------------------*/
@media only screen and (max-width: 990px) {
    .marginTablet {
        margin-bottom: 20px;
    }
    .marginTablet.marginSmall {
        margin-bottom: 10px;
    }
    .marginTablet.marginLarge {
        margin-bottom: 40px;
    }
}

/* marginMobile
/*-------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .marginMobile {
        margin-bottom: 20px;
    }
    .marginMobile.marginSmall {
        margin-bottom: 10px;
    }
    .marginMobile.marginLarge {
        margin-bottom: 40px;
    }
}

/* noMargin
/*-------------------------------------------------------------------*/
.noMargin {
    margin: 0 !important;
}

.noMarginY {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.noMarginX {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.noMarginTop {
    margin-top: 0 !important;
}

.noMarginBottom {
    margin-bottom: 0 !important;
}

.noMarginLeft {
    margin-left: 0 !important;
}

.noMarginRight {
    margin-right: 0 !important;
}

.minMargin {
    margin-left: -20px;
    margin-right: -20px;
}
.minMargin .row {
    margin: 0;
}
.minMargin > .inner {
    padding-left: 0;
    padding-right: 0;
}

.last {
    margin-bottom: 0;
}

/* noPadding
/*-------------------------------------------------------------------*/
.noPadding {
    padding: 0 !important;
}

.noPaddingY {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.noPaddingX {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.noPaddingTop {
    padding-top: 0 !important;
}

.noPaddingBottom {
    padding-bottom: 0 !important;
}

.noPaddingLeft {
    padding-left: 0 !important;
}

.noPaddingRight {
    padding-right: 0 !important;
}

/* display viewport
/*-------------------------------------------------------------------*/
.mobile {
    display: none;
}
.mobile.inlineBlock {
    display: none;
}
@media only screen and (max-width: 479px) {
    .mobile {
        display: block;
    }
    .mobile.inlineBlock {
        display: inline-block;
    }
}

.tablet {
    display: none;
}
.tablet.inlineBlock {
    display: none;
}
@media only screen and (max-width: 990px) {
    .tablet {
        display: block;
    }
    .tablet.inlineBlock {
        display: inline-block;
    }
    .tablet.desktop {
        display: block;
    }
    .tablet.desktop.inlineBlock {
        display: inline-block;
    }
}
@media only screen and (max-width: 479px) {
    .tablet {
        display: none;
    }
    .tablet.inlineBlock {
        display: none;
    }
    .tablet.desktop {
        display: none;
    }
    .tablet.desktop.inlineBlock {
        display: none;
    }
    .tablet.mobile {
        display: block;
    }
    .tablet.mobile.inlineBlock {
        display: inline-block;
    }
}

.desktop {
    display: block;
}
.desktop.inlineBlock {
    display: inline-block;
}
@media only screen and (max-width: 990px) {
    .desktop {
        display: none;
    }
    .desktop.inlineBlock {
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    .desktop.mobile {
        display: block;
    }
    .desktop.mobile.inlineBlock {
        display: inline-block;
    }
}

/* container
/*-------------------------------------------------------------------*/
.container {
    position: relative;
}
@media (min-width: 1020px) {
    .container .container {
        width: 1020px;
    }
}

/* scrollToTop button
/*-------------------------------------------------------------------*/
.scrollToTop {
    position: fixed;
    right: 0;
    bottom: 0;
    background: yellow;
}
@media only screen and (min-width: 991px) {
    .scrollToTop {
        display: none !important;
        color: red;
    }
}

/* jScroll
/*-------------------------------------------------------------------*/
.jscroll-active .scrollContent {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 10px;
    left: 10px;
    right: 20px;
    left: 10px;
}
@media only screen and (min-width: 1200px) {
    .jscroll-active .scrollContent {
        margin-top: 125px;
    }
}

/* Pull-right & Pull-left for images
/*-------------------------------------------------------------------*/
img.pull-right {
    margin-left: 20px;
}

img.pull-left {
    margin-right: 20px;
}

@media only screen and (max-width: 479px) {
    img.pull-right,
    img.pull-left {
        float: none !important;
        display: block;
        margin: 0 auto 20px auto;
    }
}

/* Pull-center
/*-------------------------------------------------------------------*/
.pull-center {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

/* minWidth
/*-------------------------------------------------------------------*/
.minWidth {
    /*min-width:1000px;*/
}

/* maxWidth
/*-------------------------------------------------------------------*/
.maxWidth {
    max-width: 100%;
    height: auto !important;
}
@media only screen and (min-width: 480px) and (max-width: 990px) {
    .maxWidth.pull-right, .maxWidth.pull-left {
        max-width: 50%;
    }
}

/* scrollBar
/*-------------------------------------------------------------------*/
.scrollBar {
    overflow-y: scroll;
}

/* circle
/*-------------------------------------------------------------------*/
.circle {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

/* bold
/*-------------------------------------------------------------------*/
.bold {
    font-weight: bold;
}

/* overflow
/*-------------------------------------------------------------------*/
.overflow {
    overflow: hidden;
}

/* icon
/*-------------------------------------------------------------------*/
.icon {
    vertical-align: middle;
    display: inline-block;
}

/* transition
/*-------------------------------------------------------------------*/
.transition {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* row
/*-------------------------------------------------------------------*/
.row,
.bRow {
    clear: both;
}

.row:after,
.bRow:after,
.inner:after,
.innerPadding:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

@media only screen and (max-width: 479px) {
    .col-xs-12,
    .col-full {
        width: 100%;
    }
    .col-xs-12.alignRight,
    .col-full.alignRight {
        text-align: left;
    }
}

.container.smallGutter {
    padding-left: 10px;
    padding-right: 10px;
}
.container.smallGutter .row {
    margin-left: -10px;
    margin-right: -10px;
}
.container.smallGutter .row.margin {
    margin-bottom: 20px;
}
.container.smallGutter .row.margin.marginLarge {
    margin-bottom: 40px;
}
.container.smallGutter .row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.container.smallGutter .row [class*="col-"].margin {
    margin-bottom: 20px;
}
.container.smallGutter .row [class*="col-"].margin.marginLarge {
    margin-bottom: 40px;
}
.container.largeGutter {
    padding-left: 40px;
    padding-right: 40px;
}
.container.largeGutter .row {
    margin-left: -40px;
    margin-right: -40px;
}
.container.largeGutter .row.margin {
    margin-bottom: 20px;
}
.container.largeGutter .row.margin.marginLarge {
    margin-bottom: 40px;
}
.container.largeGutter .row [class*="col-"] {
    padding-left: 40px;
    padding-right: 40px;
}
.container.largeGutter .row [class*="col-"].margin {
    margin-bottom: 20px;
}
.container.largeGutter .row [class*="col-"].margin.marginLarge {
    margin-bottom: 40px;
}
@media only screen and (max-width: 479px) {
    .container.noBootstrapMobile .row {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .container.noBootstrapMobile .row [class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }
}

.row.smallGutter {
    margin-left: -10px;
    margin-right: -10px;
}
.row.smallGutter.margin {
    margin-bottom: 20px;
}
.row.smallGutter.margin.marginLarge {
    margin-bottom: 40px;
}
.row.smallGutter [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.row.smallGutter [class*="col-"].margin {
    margin-bottom: 20px;
}
.row.smallGutter [class*="col-"].margin.marginLarge {
    margin-bottom: 40px;
}
.row.largeGutter {
    margin-left: -40px;
    margin-right: -40px;
}
.row.largeGutter.margin {
    margin-bottom: 20px;
}
.row.largeGutter.margin.marginLarge {
    margin-bottom: 40px;
}
.row.largeGutter [class*="col-"] {
    padding-left: 40px;
    padding-right: 40px;
}
.row.largeGutter [class*="col-"].margin {
    margin-bottom: 20px;
}
.row.largeGutter [class*="col-"].margin.marginLarge {
    margin-bottom: 40px;
}
@media only screen and (max-width: 479px) {
    .row.noBootstrapMobile {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    .row.noBootstrapMobile [class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }
}

.table-row {
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
    float: none;
}

/**********************************************
/* LINKS
/*********************************************/
a {
    color: #07853e;
    text-decoration: none;
}
a:hover {
    color: #000;
}
a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none;
}
a.link, .inner.content a, .innerPadding.content a {
    text-decoration: none;
}
a.link:hover, .inner.content a:hover, .innerPadding.content a:hover {
    text-decoration: underline;
}
a.link.more:after, .inner.content a.more:after, .innerPadding.content a.more:after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    font-size: 1em;
    padding-left: 0.5em;
}
a.link.more.block:after, .inner.content a.more.block:after, .innerPadding.content a.more.block:after {
    display: none;
}
a.link.more.block:before, .inner.content a.more.block:before, .innerPadding.content a.more.block:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    font-size: 1em;
    padding-left: 0.5em;
    float: right;
}
a.link.back:before, .inner.content a.back:before, .innerPadding.content a.back:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
    font-size: 1em;
    padding-right: 0.5em;
}
a.noUnderline {
    text-decoration: none;
}
a.noUnderline:hover {
    text-decoration: underline;
}
a.noHover:hover {
    text-decoration: inherit !important;
    border: inherit !important;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

.readlink.icon a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    float: right;
    font-size: 1em;
    margin-left: 0.5em;
}

.backlink.icon a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
    float: left;
    font-size: 1em;
    margin-right: 0.5em;
}

/**********************************************
/* SOCIAL MEDIA
/*********************************************/
/* Facebook widget */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
    width: 100% !important;
}

.fb-like-box {
    border: 1px solid #dbdbdb;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**********************************************
/* MODAL
/*********************************************/
.modal .modal-dialog {
    z-index: 9999;
}
.modal .modal-header h4 {
    font: 1.14286em "stagsans-medium", "Open Sans", "Arial";
    float: left;
}
.modal .modal-header button .fa {
    margin: 0;
    font-size: 1em;
}
.modal .modal-body {
    line-height: 1em;
    font-size: 1em;
}

body.modal-open,
.modal {
    padding-right: 0 !important;
}

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

Copyright (c) 2014 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-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);
        -ms-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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-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);
        -ms-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);
        -ms-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);
        -ms-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);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -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(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -ms-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);
        -ms-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);
        -ms-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(0.95, 0.95, 0.95);
        -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-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);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-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);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -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;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -ms-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -ms-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -ms-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0, 0, 1, 45deg);
        transform: rotate(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0, 0, 1, 45deg);
        -ms-transform: rotate(0, 0, 1, 45deg);
        transform: rotate(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -ms-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -ms-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        -ms-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.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.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.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.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

/**********************************************
/* BREADCRUMBS
/*********************************************/
#breadcrumbs {
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
    clear: both;
}
#breadcrumbs a, #breadcrumbs span {
    color: #ccc;
    text-decoration: none;
    padding: 0;
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
#breadcrumbs span {
    padding: 0 5px;
}
#breadcrumbs span.title {
    padding-left: 0;
}
#breadcrumbs a:hover {
    text-decoration: underline;
}
#breadcrumbs.alignRight {
    text-align: right;
}

/**********************************************
/* BUTTONS
/*********************************************/
.button,
button {
    cursor: pointer;
}

button {
    line-height: inherit !important;
}

/*  Sizes
/*-------------------------------------------------------------------- */
.button,
input.submit,
button.submit,
.backbutton a,
.readbutton a,
#thumbImages span a,
#form_container .submit,
#login_container input[type="submit"],
#downloadSearch input[type="submit"] {
    font: 1em "Open Sans", "Lucida Grande", "Arial", sans-serif;
    font-weight: 400;
    display: inline-block;
    min-height: 40px;
    line-height: 40px;
    border: 0px solid transparent;
    margin-right: 0.5em;
    outline: 0;
    cursor: pointer;
    text-align: center;
    text-transform: none;
    text-decoration: none !important;
    padding: 0 15px;
    overflow: lowercase;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.button.noLineHeight,
input.submit.noLineHeight,
button.submit.noLineHeight,
.backbutton a.noLineHeight,
.readbutton a.noLineHeight,
#thumbImages span a.noLineHeight,
#form_container .submit.noLineHeight,
#login_container input[type="submit"].noLineHeight,
#downloadSearch input[type="submit"].noLineHeight {
    min-height: auto;
    line-height: 1em;
}
.button.alignLeft,
input.submit.alignLeft,
button.submit.alignLeft,
.backbutton a.alignLeft,
.readbutton a.alignLeft,
#thumbImages span a.alignLeft,
#form_container .submit.alignLeft,
#login_container input[type="submit"].alignLeft,
#downloadSearch input[type="submit"].alignLeft {
    text-align: left;
}
.button.alignRight,
input.submit.alignRight,
button.submit.alignRight,
.backbutton a.alignRight,
.readbutton a.alignRight,
#thumbImages span a.alignRight,
#form_container .submit.alignRight,
#login_container input[type="submit"].alignRight,
#downloadSearch input[type="submit"].alignRight {
    text-align: right;
}
.button.block,
input.submit.block,
button.submit.block,
.backbutton a.block,
.readbutton a.block,
#thumbImages span a.block,
#form_container .submit.block,
#login_container input[type="submit"].block,
#downloadSearch input[type="submit"].block {
    display: block;
}
.button.uppercase,
input.submit.uppercase,
button.submit.uppercase,
.backbutton a.uppercase,
.readbutton a.uppercase,
#thumbImages span a.uppercase,
#form_container .submit.uppercase,
#login_container input[type="submit"].uppercase,
#downloadSearch input[type="submit"].uppercase {
    text-transform: uppercase;
}

.backbutton.radius {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.backbutton.radius a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#form_container .submit {
    /*font-size:1.375em;
  min-width: 100px;
  margin:0;
  padding:0 40px;
  font-weight:normal;
  */
}

.button:last-of-type,
#bBasket .button:last-of-type {
    margin-right: 0;
}

#bBasket .button {
    margin: 0;
}

.scrollToTop {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px !important;
    text-align: center;
    font-size: 2em;
}
.scrollToTop.fadeIn {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.scrollToTop.fadeIn.visible {
    opacity: 1;
}

/*  Colors
/* -------------------------------------------------------------------- */
/* Start default colors */
.button,
input.submit,
button.submit,
.backbutton a,
.readbutton a,
#bBasket .button,
#form_container .submit,
#articlesHeader #articlesSorting input,
#articlesFooter #articlesSorting input,
#login_container input[type="submit"],
#downloadSearch input[type="submit"],
.scrollToTop {
    color: #fff;
    background: #07853e;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color .2s ease-in-out;
}

.button:hover,
.button.light:hover,
.button.white:hover,
.button.dark:hover,
.button.dark.checked,
.backbutton a:hover,
.readbutton a:hover,
input.submit:hover,
button.submit:hover,
#bBasket .button:hover,
#form_container .submit:hover,
#thumbImages span a,
#thumbImages span a:hover,
#articlesHeader #articlesSorting input:hover,
#articlesFooter #articlesSorting input:hover,
#login_container input[type="submit"]:hover,
#downloadSearch input[type="submit"]:hover,
.no-touch .scrollToTop:hover,
.scrollToTop.active {
    color: #fff;
    background: #000;
}

/* Shop button */
.button.webshop,
#bBasket .button.submit {
    color: #fff;
    background: #07853e;
    border: 1px solid transparent;
}
.button.webshop:hover,
#bBasket .button.submit:hover {
    color: #fff;
    background: #000;
    border: 1px solid transparent;
}

/* Reverse buttons */
.button.reverse,
.scrollToTop.reverse,
.scrollToTop.reverse {
    color: #fff;
    background: #07853e;
}
.button.reverse.active, .no-touch .button.reverse:hover,
.scrollToTop.reverse.active, .no-touch
.scrollToTop.reverse:hover,
.scrollToTop.reverse.active, .no-touch
.scrollToTop.reverse:hover {
    color: #fff;
    background: #000;
}

.readbutton.reverse a,
.backbutton.reverse a {
    color: #fff;
    background: #07853e;
}
.readbutton.reverse a.active, .no-touch .readbutton.reverse a:hover,
.backbutton.reverse a.active, .no-touch
.backbutton.reverse a:hover {
    color: #fff;
    background: #000;
}

#bBasket .button.submit.reverse,
.button.webshop.reverse {
    color: #fff;
    background: #07853e;
    border: 1px solid transparent;
}
#bBasket .button.submit.reverse:hover,
.button.webshop.reverse:hover {
    color: #fff;
    background: #000;
    border: 1px solid transparent;
}

/* Inset buttons */
.button.inset {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.11);
}

.button.light.checked {
    background: #07853e;
    color: #fff !important;
}

.button.white {
    background: #fff;
    color: #07853e;
}

.button.transparent {
    background: transparent;
    border: 1px solid #fff;
}

/* Start back button */
.button.light,
#bBasket .button.light,
#bBasket .button.back {
    color: #fff;
    background: #07853e;
}

.button.light:hover,
#bBasket .button.light:hover,
#bBasket .button.back:hover {
    color: #fff;
    background: #07853e;
    text-decoration: none;
}

/* End back button */
/* End default colors */
/* Customize colors */
.backbutton,
.readbutton {
    line-height: 0;
}

/*  Icons
/* -------------------------------------------------------------------- */
button .fa,
.button .fa {
    float: right;
    font-size: 1.2em;
    margin-left: 10px;
}
button.fa,
.button.fa {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.readbutton.iconBefore a:before,
.button.moreBefore:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    font-size: 1em;
    margin-left: 0.5em;
}

.readbutton.icon a:after,
.readbutton.iconAfter a:after,
.button.more:after,
.button.moreAfter:after {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    font-size: 1em;
    margin-left: 0.5em;
}

.backbutton.icon a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
    float: left;
    font-size: 1em;
    margin-right: 0.5em;
}

/*  Toggle
/* -------------------------------------------------------------------- */
.toggle-button {
    height: 35px;
    width: 35px;
    line-height: 35px;
    float: left;
    text-align: center;
    overflow: hidden;
    text-align: center;
    color: #fff;
    background: #07853e;
}
.toggle-button:hover {
    color: #fff;
    background: #07853e;
}
.toggle-button span.title {
    font-size: 1em;
}
.toggle-button .fa,
.toggle-button span {
    font-size: 1.8em;
    font-weight: normal;
    vertical-align: middle;
}
.toggle-button .fa {
    line-height: 1;
}
.toggle-button.disabled {
    color: #07853e;
}
.toggle-button.active {
    color: #fff;
    background: #07853e;
}
.toggle-button.myAccount {
    background: #07853e;
    color: #fff;
}
.toggle-button.myAccount span {
    color: #fff;
}
.toggle-button.defaultNav {
    position: absolute;
    right: 10px;
    top: 20px;
}
.toggle-button.checkOut {
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: visible;
}
.toggle-button.checkOut i.fa,
.toggle-button.checkOut span {
    font-size: 1.8em;
}
.toggle-button.checkOut span.count {
    padding: 3px;
    display: inline-block;
    position: absolute;
    font-size: 1em !important;
    line-height: 1em !important;
    right: -3px;
    top: -5px;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
    color: #fff;
    background: #07853e;
}
.toggle-button.checkOut.active {
    color: #fff;
    background: #07853e;
}
.toggle-button.checkOut.active span.count {
    color: #fff;
    background: #07853e;
}

/**********************************************
/* ERRORS
/*********************************************/
#bBasket .bErrors,
#bBasket .bMessage,
#basket_error,
#login_container .error,
#error,
#success {
    margin: 1.5em 0;
    /*@include border-radius(3px);*/
}

#basket_error,
#bBasket .bErrors,
#login_container .error,
.errorMsg {
    background: #ffecec;
    border: 1px solid #f5aca6;
    padding: 10px;
    color: red;
}

.successMsg {
    color: #555;
    background: #e9ffd9;
    border: 1px solid #a6ca8a;
    padding: 10px;
}

.generalMsg,
.bMessage {
    color: blue;
    border: 1px solid blue;
    padding: 10px;
}

.warningMsg {
    color: #555;
    background: #fcf8e3;
    border: 1px solid #faebcc;
    padding: 10px;
}

#bBasket label.error,
label.error {
    background: #ffecec;
    border: 1px solid #f5aca6;
    color: red;
    padding: 5px;
    margin: 0.5em 0;
    clear: both;
    display: inline-block;
    width: 100%;
}

input.error,
select.error,
textarea.error {
    border: 1px solid #f5aca6 !important;
    background: #ffecec !important;
}

#item.error {
    margin-top: 0.5em;
    padding: 5px;
}

/**********************************************
/* FORM ELEMENTS
/*********************************************/
/*Remove button padding in FF*/
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*set width type=search to maximum width even it has padding */
input[type="search"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Remove close button type=search */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration,
input[name="keywords"]::-webkit-search-decoration,
input[name="keywords"]::-webkit-search-cancel-button,
input[name="keywords"]::-webkit-search-results-button,
input[name="keywords"]::-webkit-search-results-decoration {
    display: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

::-ms-clear {
    display: none;
}

/* Vertical align select only in Firfox */
@-moz-document url-prefix() {
    select {
        line-height: 1em !important;
        height: auto !important;
        padding: 0.4em !important;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input.text,
input.keywords,
input.form-control {
    height: 40px;
    width: 100%;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    font: 1em "Open Sans", "Lucida Grande", "Arial", sans-serif;
    text-align: left;
    margin: 0 0 0.5em 0;
    border: 1px solid #abadb3;
    background: #fff;
    color: #000;
    text-indent: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    /* Placeholder color and vertical align */
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input.text::-moz-placeholder,
input.keywords::-moz-placeholder,
input.form-control::-moz-placeholder {
    color: #b9c8d3;
    opacity: 1;
    line-height: normal;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input.text:-ms-input-placeholder,
input.keywords:-ms-input-placeholder,
input.form-control:-ms-input-placeholder {
    color: #b9c8d3;
    line-height: normal;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input.text::-webkit-input-placeholder,
input.keywords::-webkit-input-placeholder,
input.form-control::-webkit-input-placeholder {
    color: #b9c8d3;
    line-height: normal;
}

input[type="file"] {
    margin: 0 0 0.5em 0;
}

#articleDetail input.amount {
    width: 50px;
    text-align: center;
    text-indent: 0;
    padding: 0;
    float: left;
    display: block;
    font-size: 1.333em;
}

textarea,
textarea.form-control {
    height: 150px;
    width: 100%;
    padding: 5px 0;
    display: block;
    font: 1em "Open Sans", "Lucida Grande", "Arial", sans-serif;
    text-align: left;
    margin: 0 0 0.5em 0;
    overflow: auto;
    overflow-x: hidden;
    text-indent: 5px;
    border: 1px solid #abadb3;
    background: #fff;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-resize: none;
    -moz-resize: none;
    resize: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.selectField,
select,
select.form-control {
    height: 40px;
    width: 100%;
    padding: 0;
    display: block;
    overflow: hidden;
    font: 1em "Open Sans", "Lucida Grande", "Arial", sans-serif;
    text-align: left;
    margin: 0 0 0.5em 0;
    text-indent: 5px;
    border: 1px solid #abadb3;
    background: #fff;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.selectField {
    line-height: 40px;
    text-indent: 0;
    padding: 0 5px;
}

label {
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}

/* Focus effect
/*-------------------------------------------------------------------*/
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input.text:focus,
input.keywords:focus,
select:focus,
textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: none;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type="text"]:focus.noFocus, .noFocus input[type="text"]:focus,
input[type="password"]:focus.noFocus, .noFocus
input[type="password"]:focus,
input[type="search"]:focus.noFocus, .noFocus
input[type="search"]:focus,
input[type="email"]:focus.noFocus, .noFocus
input[type="email"]:focus,
input.text:focus.noFocus, .noFocus
input.text:focus,
input.keywords:focus.noFocus, .noFocus
input.keywords:focus,
select:focus.noFocus, .noFocus
select:focus,
textarea:focus.noFocus, .noFocus
textarea:focus {
    border-color: none;
    outline: none;
    box-shadow: none;
}

/* Form container
/*-------------------------------------------------------------------*/
#form_container p {
    margin-bottom: 0.2em;
}

#form_container .radio,
#form_container .checkbox {
    margin-right: 10px;
    margin-top: 0;
    margin-right: 10px;
    vertical-align: middle;
}

#form_container .required {
    color: red;
    float: right;
}

#form_container .readonly {
    background: #eee;
}

#form_container h1,
#form_container h2,
#form_container h3 {
    clear: both;
}

#form_container #item {
    float: left;
    margin: 0 0 0.5em 0;
}

#form_container #item label {
    margin-right: 10px;
}

#form_container .hasFakeCheckbox {
    margin-bottom: 9px;
}

#form_container .fakeCheckbox {
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 1px solid #6c6869;
    float: left;
    cursor: pointer;
    position: relative;
    background: url("/public/images/bg-input-black.png");
    margin-right: 10px;
}

#form_container .fakeCheckbox span {
    display: none;
}

#form_container .fakeCheckbox.active span {
    display: block;
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 3px;
    background: #2eaadc;
}

#form_container .hasFakeCheckbox span.label {
    cursor: pointer;
}

/**********************************************
/* LANGUAGES
/*********************************************/
li.language {
    position: relative;
}
li.language > a .fa {
    display: none;
}
li.language.last {
    margin-right: 0 !important;
}
li.language.absolute {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0 !important;
}
li.language.absolute #languages {
    left: auto;
    right: 0;
}
li.language #languages {
    display: none;
    position: absolute;
    left: 0;
    top: auto;
    line-height: 1.5em;
    z-index: 1;
    min-width: 100%;
    background: #eee3e8;
    padding: 10px;
    text-align: left;
}

/* Language lightbox
/* -------------------------------------------------------------------- */
.lightbox .content > #languages {
    background: #fff;
    padding: 25px;
    display: inline-block;
    margin: 2em 0;
    position: relative;
    z-index: 950;
    text-align: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
}
.lightbox .content > #languages a {
    font-size: 1em;
}
.lightbox .content > #languages .closeButton {
    font-size: 1em;
    padding: 0 15px;
    margin: 1em 0 0 0;
}
.lightbox .content > #languages .closeButton span, .lightbox .content > #languages .closeButton i {
    margin-left: 5px;
    font-size: 1em;
    float: right;
}
.lightbox .content > #languages h3 {
    color: #000;
    font-weight: bold;
    font-size: 1.35em;
    line-height: 1em;
    margin: 0 0 1em 0;
}

.lightbox .content > #languages .item a,
li.language > #languages .item a {
    color: #07853e;
    padding-left: 25px;
    text-decoration: none;
}
.lightbox .content > #languages .item a:hover,
li.language > #languages .item a:hover {
    text-decoration: underline;
}

#languages .item {
    padding: 3px 0;
}
#languages .item:last-child {
    padding-bottom: 0;
}
#languages .item a {
    padding-left: 25px;
}
#languages .item a.nl {
    background: url("/public/images/language/nl.png") no-repeat left center;
}
#languages .item a.en {
    background: url("/public/images/language/gb.png") no-repeat left center;
}
#languages .item a.de {
    background: url("/public/images/language/de.png") no-repeat left center;
}
#languages .item a.it {
    background: url("/public/images/language/de.png") no-repeat left center;
}
#languages .item a.fr {
    background: url("/public/images/language/fr.png") no-repeat left center;
}
#languages .item a.es {
    background: url("/public/images/language/es.png") no-repeat left center;
}

.noFlags #languages .item a {
    padding-left: 0 !important;
    background: transparent !important;
}

/**********************************************
/* LIGHTBOXES
/*********************************************/
.lightbox {
    display: none;
}
.lightbox .content {
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: none;
}
.lightbox .content .box {
    font-size: 1em;
    background: #fff;
    padding: 25px;
    display: inline-block;
    margin: 2em 0;
    position: relative;
    z-index: 1;
    text-align: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
}
.lightbox .content a.close {
    font: 1em "Open Sans", "Lucida Grande", "Arial", sans-serif;
    color: #07853e;
    text-decoration: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.lightbox .content a.close:hover {
    color: #765F7C;
    text-decoration: underline;
}
.lightbox .content a.close.topRight {
    position: absolute;
    right: 25px;
    top: 15px;
}
.lightbox .content a.close.bottomRight {
    position: absolute;
    right: 25px;
    bottom: 15px;
}
.lightbox .overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
    background: #000;
    cursor: pointer;
    display: none;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.lightbox .overlay.white {
    background: #fff;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.listFilter .items:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.listFilter .collapseItems {
    clear: both;
    display: none;
}
.listFilter.active .collapseItems {
    display: block;
}

/**********************************************
/* LOGIN
/*********************************************/
#login_container #login_succes label {
    display: block;
    margin-bottom: 20px;
}
#login_container #login_form .error {
    margin-top: 0;
}
#login_container #login_form .login {
    clear: both;
    display: block;
}
#login_container #login_form input.text {
    margin-top: 5px;
    height: 40px;
    max-width: 320px;
}
#login_container #login_form .forgotten {
    margin-bottom: 15px;
}
#login_container #login_form input[type="submit"] {
    float: left;
}

/*****************************************
/* MAINSLIDER
/****************************************/
.mainSlider {
    position: relative;
    z-index: 0;
    float: none;
}
.mainSlider.fixedHeight {
    height: 1px;
    overflow: hidden;
}
.mainSlider.fixedHeight .loader {
    display: none;
}
.mainSlider.fixedLink a {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}
.mainSlider .loader {
    background: #fff url("/public/images/img-loader.gif") no-repeat center;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    height: auto;
    width: auto;
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
.mainSlider ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.mainSlider ul li {
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    width: inherit;
}
.mainSlider ul li img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.mainSlider ul .owl-item {
    display: table-cell;
}
.mainSlider ul .owl-item li img {
    width: auto;
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
.mainSlider.verticalMiddle .owl-carousel .owl-wrapper {
    display: table !important;
}
.mainSlider.verticalMiddle .owl-carousel .owl-item {
    float: none;
    vertical-align: middle;
}
.mainSlider .bx-controls.bx-has-pager {
    text-align: center;
}
.mainSlider .bx-pager {
    position: absolute;
    bottom: 30px;
    width: 100%;
}
.mainSlider .bx-pager .bx-pager-item {
    height: 20px;
    width: 20px;
    margin: 0 12px;
    position: relative;
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
.mainSlider .bx-pager .bx-pager-item a {
    background: url("/public/images/bg-pager-item.png") 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block;
    overflow: hidden;
    text-indent: 999px;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.mainSlider .bx-pager .bx-pager-item a.active, .mainSlider .bx-pager .bx-pager-item a:hover {
    background-position: 0 -12px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.mainSlider .bx-wrapper {
    position: relative;
}
.mainSlider .bx-prev,
.mainSlider .bx-next {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    text-align: center;
    overflow: hidden;
    text-indent: 999px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mainSlider .bx-prev:before,
.mainSlider .bx-next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2em;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    text-indent: 0;
}
.mainSlider .bx-prev {
    left: 0;
}
.mainSlider .bx-prev:before {
    content: "\f104";
}
.mainSlider .bx-next {
    right: 0;
}
.mainSlider .bx-next:before {
    content: "\f105";
}
.mainSlider.roundControls .bx-wrapper, .mainSlider.controlsRoundOverflow .bx-wrapper {
    overflow: hidden;
}
.mainSlider.roundControls .bx-prev, .mainSlider.controlsRoundOverflow .bx-prev {
    left: -25px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.mainSlider.roundControls .bx-prev:before, .mainSlider.controlsRoundOverflow .bx-prev:before {
    text-align: left;
    margin-left: 1px;
}
.mainSlider.roundControls .bx-next, .mainSlider.controlsRoundOverflow .bx-next {
    right: -25px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.mainSlider.roundControls .bx-next:before, .mainSlider.controlsRoundOverflow .bx-next:before {
    left: auto;
    right: 50%;
    text-align: right;
    margin-left: 1px;
}
.mainSlider.hoverControls {
    overflow: hidden;
}
.mainSlider.hoverControls .bx-prev {
    left: -50px;
}
.mainSlider.hoverControls .bx-next {
    right: -50px;
}
.mainSlider.hoverControls:hover .bx-prev {
    left: 0;
}
.mainSlider.hoverControls:hover .bx-next {
    right: 0;
}
.mainSlider.hoverControls.roundControls:hover .bx-prev {
    left: -25px;
}
.mainSlider.hoverControls.roundControls:hover .bx-next {
    right: -25px;
}
.mainSlider.animatedCaption {
    overflow: hidden;
}
.mainSlider.animatedCaption .caption {
    position: absolute;
    top: 0;
    display: none;
}
.mainSlider.animatedCaption .caption > div {
    display: none;
}
.mainSlider.disabled .owl-stage {
    width: 100% !important;
}
.mainSlider.disabled .owl-item {
    display: inline-block !important;
    float: none !important;
}
.mainSlider.disabled .owl-item:last-child {
    margin-right: 0 !important;
}
.mainSlider.disabled .owl-item:last-child li {
    border-right: none !important;
}

/**********************************************
/* NAVIGATION
/*********************************************/
/* General
/* -------------------------------------------------------------------- */
.dropdown ul > li {
    position: relative;
}
.dropdown ul > li div > ul,
.dropdown ul > li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 20px 0;
    margin: 0;
    height: auto;
    list-style: none;
    display: none;
    min-width: 100%;
}
.dropdown ul > li div > ul li,
.dropdown ul > li > ul li {
    display: block !important;
}

.seperator > ul > li {
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
    border-right: 1px solid #d9dde2;
    padding-right: 10px;
    margin-right: 10px;
}
.seperator > ul > li:first-child {
    margin-right: 10px;
}
.seperator > ul > li.last, .seperator > ul > li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.seperator span.copyright {
    border-left: 1px solid #d9dde2;
    padding-left: 10px;
    margin-left: 10px;
}

/* defaultNav
/* -------------------------------------------------------------------- */
#defaultNav {
    position: relative;
    z-index: 1;
}

/* mainNav
/* -------------------------------------------------------------------- */
#mainNav {
    clear: left;
}
#mainNav ul {
    list-style: none;
    margin-bottom: 0;
}
#mainNav ul.row {
    clear: left;
}
#mainNav ul > li {
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
#mainNav ul > li.last, #mainNav ul > li:last-child {
    margin-right: 0;
}
#mainNav ul > li .fa {
    display: none;
}
#mainNav ul > li > div > ul,
#mainNav ul > li > ul {
    display: none;
}
#mainNav ul > li > div > ul li,
#mainNav ul > li > ul li {
    display: block;
}
#mainNav ul > li > div > ul li a,
#mainNav ul > li > ul li a {
    white-space: nowrap;
}
#mainNav a {
    text-decoration: none;
}
#mainNav.alignCenter {
    text-align: center;
}
#mainNav.alignRight {
    text-align: right;
}
#mainNav.alignRight ul > li:first-child {
    margin-left: 0;
}
#mainNav .dropdownExist div.arrow {
    width: 20px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 0;
    border-top-color: #ecf0f5;
    color: #ecf0f5;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid;
}

/* topNav
/* -------------------------------------------------------------------- */
#topNav {
    clear: both;
}
#topNav ul {
    list-style: none;
    margin-bottom: 0;
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
#topNav ul > li {
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
#topNav ul > li.last, #topNav ul > li:last-child {
    margin-right: 0;
}
#topNav ul > li .fa {
    display: none;
}
#topNav ul > li > div > ul,
#topNav ul > li > ul {
    display: none;
}
#topNav ul > li > div > ul li,
#topNav ul > li > ul li {
    display: block;
}
#topNav a {
    text-decoration: none;
}
#topNav.alignCenter {
    text-align: center;
}
#topNav.alignRight {
    text-align: right;
}
#topNav.alignRight ul > li:first-child {
    margin-left: 0;
}
@media only screen and (max-width: 479px) {
    #topNav.alignRight {
        text-align: center;
    }
    #topNav ul {
        display: block;
    }
    #topNav ul > li {
        display: block;
        margin: 0 !important;
    }
    #topNav ul > li a {
        display: block !important;
    }
    #topNav.seperator > ul > li {
        border-right: none;
        border-bottom: 1px solid #d9dde2;
    }
    #topNav.seperator > ul > li:last-child {
        border-bottom: none;
    }
    #topNav.seperator > ul > li a {
        padding: 10px 0;
    }
}

/* footerNav
/* -------------------------------------------------------------------- */
#footerNav {
    clear: both;
}
#footerNav ul {
    list-style: none;
    margin-bottom: 0;
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
#footerNav ul > li {
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
#footerNav ul > li.last, #footerNav ul > li:last-child {
    margin-right: 0;
}
#footerNav ul > li .fa {
    display: none;
}
#footerNav ul > li > div > ul,
#footerNav ul > li > ul {
    display: none;
}
#footerNav ul > li > div > ul li,
#footerNav ul > li > ul li {
    display: block;
}
#footerNav a {
    text-decoration: none;
}
#footerNav.alignCenter {
    text-align: center;
}
#footerNav.alignRight {
    text-align: right;
}
#footerNav.alignRight ul > li:first-child {
    margin-left: 0;
}
#footerNav span.copyright {
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
}
@media only screen and (max-width: 479px) {
    #footerNav.alignRight {
        text-align: center;
    }
    #footerNav ul {
        display: block;
    }
    #footerNav ul > li {
        display: block;
        margin: 0 !important;
    }
    #footerNav ul > li a {
        display: block !important;
    }
    #footerNav.seperator > ul > li {
        border-right: none;
        border-bottom: 1px solid #d9dde2;
    }
    #footerNav.seperator > ul > li:last-child {
        border-bottom: none;
    }
    #footerNav.seperator > ul > li a {
        padding: 10px 0;
    }
}

/* leftNav & rightNav
--------------------------------------------------------------------- */
#leftNav a, #shopNav.vertical a,
#rightNav a {
    text-decoration: none;
}
#leftNav h3, #shopNav.vertical h3,
#rightNav h3 {
    margin-bottom: 0.5em;
}
#leftNav h3 a, #shopNav.vertical h3 a,
#rightNav h3 a {
    display: block;
}
#leftNav.noMargin ul, .noMargin#shopNav.vertical ul,
#rightNav.noMargin ul {
    margin: 0;
}
#leftNav ul, #shopNav.vertical ul,
#rightNav ul {
    list-style: none;
    margin: 0 0 20px 12px;
}
#leftNav ul.dropShadow, #shopNav.vertical ul.dropShadow,
#rightNav ul.dropShadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
#leftNav ul > li, #shopNav.vertical ul > li,
#rightNav ul > li {
    display: block;
    padding-bottom: 4px;
}
#leftNav ul > li:last-child, #shopNav.vertical ul > li:last-child,
#rightNav ul > li:last-child {
    margin-bottom: 0;
}
#leftNav ul > li.more, #shopNav.vertical ul > li.more,
#rightNav ul > li.more {
    display: none;
}
#leftNav ul > li .aNiveau2, #shopNav.vertical ul > li .aNiveau2, #leftNav ul > li.selected ul > li a, #shopNav.vertical ul > li.selected ul > li a,
#rightNav ul > li.selected #leftNav ul > li a,
#rightNav ul > li.selected #shopNav.vertical ul > li a,
#leftNav ul > li a,
#shopNav.vertical ul > li a,
#rightNav ul > li .aNiveau2,
#leftNav ul > li.selected #rightNav ul > li a,
#shopNav.vertical ul > li.selected #rightNav ul > li a,
#rightNav ul > li.selected ul > li a,
#rightNav ul > li a {
    display: inline-block;
    font-size: 1em;
    color: #07853e;
}
#leftNav ul > li ul, #shopNav.vertical ul > li ul,
#rightNav ul > li ul {
    margin: 0;
    padding: 4px 0 0 10px;
}
#leftNav ul > li ul > li ul, #shopNav.vertical ul > li ul > li ul,
#rightNav ul > li ul > li ul {
    margin: 0;
    padding: 0 0 0.5em 0;
}
#leftNav ul > li .fa, #shopNav.vertical ul > li .fa,
#rightNav ul > li .fa {
    float: right;
    font-size: 1.2em;
    display: none;
}
#leftNav ul > li a:hover, #shopNav.vertical ul > li a:hover,
#rightNav ul > li a:hover {
    color: #000;
}
#leftNav ul > li.selected a, #shopNav.vertical ul > li.selected a,
#rightNav ul > li.selected a {
    color: #000;
}
#leftNav ul > li.selected div.arrow, #shopNav.vertical ul > li.selected div.arrow,
#rightNav ul > li.selected div.arrow {
    display: none;
}
#leftNav ul > li.selected ul > li a, #shopNav.vertical ul > li.selected ul > li a,
#rightNav ul > li.selected ul > li a {
    text-decoration: none;
}
#leftNav ul > li.selected ul > li a:hover, #shopNav.vertical ul > li.selected ul > li a:hover,
#rightNav ul > li.selected ul > li a:hover {
    text-decoration: underline;
}
#leftNav ul > li.selected ul > li.selected a, #shopNav.vertical ul > li.selected ul > li.selected a,
#rightNav ul > li.selected ul > li.selected a {
    color: #000;
}

/* shopNav
--------------------------------------------------------------------- */
#shopNav.vertical a.selected {
    color: #07853e;
}
#shopNav.vertical a.selected:hover {
    color: #000;
}

div.closeMainNav {
    font-size: 0.875em;
    text-align: right;
    display: block;
    display: none;
}
div.closeMainNav a {
    height: 45px;
    line-height: 45px;
    color: #fff;
    padding: 0 15px;
    display: block;
    text-decoration: none;
    color: #07853e;
    background: #fff;
}
div.closeMainNav a span,
div.closeMainNav a i {
    float: left;
    font-size: 1em;
}

#tabletMainNav {
    /* mainNav
  --------------------------------------------------------------------- */
}
#tabletMainNav .overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: pointer;
    display: none;
}
#tabletMainNav .bgMainNav {
    position: absolute;
    background: #fff;
    width: 300px;
    height: 100%;
    z-index: 101;
    top: 0;
    display: none;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
#tabletMainNav div.closeMainNav {
    display: block;
}
#tabletMainNav div.navigation {
    display: none;
    position: absolute;
    width: 300px;
    z-index: 103;
    text-align: left;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
#tabletMainNav #mainNav {
    max-width: none;
}
#tabletMainNav #mainNav ul {
    position: static;
    height: auto;
}
#tabletMainNav #mainNav ul :after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
#tabletMainNav #mainNav ul.row {
    margin: 0;
    padding: 0;
}
#tabletMainNav #mainNav ul > li {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
}
#tabletMainNav #mainNav ul > li.last > a {
    margin-right: 0;
}
#tabletMainNav #mainNav ul > li.sep {
    display: none;
}
#tabletMainNav #mainNav ul > li ul {
    position: static;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    width: auto;
    float: none;
    margin-bottom: 10px;
}
#tabletMainNav #mainNav ul > li ul.alt, #tabletMainNav #mainNav ul > li ul:last-child {
    margin: 0;
}
#tabletMainNav #mainNav ul > li ul > li {
    padding: 5px 0;
}

@media (min-width: 0) and (max-width: 990px) {
    #defaultNav .navigation {
        display: none;
    }
    #defaultNav .navigation > .inner {
        padding: 0;
    }

    #mainNav .dropdownExist div.arrow {
        display: none !important;
    }
    #mainNav ul > li .fa {
        display: inline-block;
    }
}
/**********************************************
 * PAGINATION
**********************************************/
.pagination {
    clear: none;
    font-size: 1em;
    height: auto;
    text-align: right;
}
.pagination span,
.pagination a {
    display: inline-block;
    text-decoration: none !important;
}
.pagination .prev,
.pagination .next {
    float: none;
    margin: 0;
    padding: 0;
    background: transparent;
    width: auto;
    height: auto;
    border: none;
    padding: 0 9px;
}
.pagination .prev,
.pagination .next {
    color: #000;
}
.pagination .prev:hover,
.pagination .next:hover {
    color: #000;
}
.pagination .seperator {
    color: #ccc;
    padding: 0;
}
.pagination span.selected {
    color: #000;
    font-weight: bold;
}
.pagination span.item {
    padding: 0 9px;
}

/**********************************************
 * TABBOXES
**********************************************/
.tabBox {
    clear: both;
}
.tabBox .tabHeadings {
    position: relative;
    z-index: 1;
}
.tabBox .tabHeadings ul,
.tabBox .tabHeadings li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabBox .tabHeadings ul {
    position: relative;
    top: 1px;
    display: block;
    margin: 0 5px;
    text-align: center;
}
.tabBox .tabHeadings ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.tabBox .tabHeadings ul > li {
    border: 1px solid #e2dfdf;
    float: left;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    padding: 0 9px;
    margin-left: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.tabBox .tabHeadings ul > li.radius {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.tabBox .tabHeadings ul > li.active {
    border-bottom: 1px solid #fff;
}
.tabBox .tabHeadings ul > li.first, .tabBox .tabHeadings ul > li:first-child {
    margin-left: 0;
}
.tabBox .tabContent {
    display: none;
    background: #fff;
    min-height: 318px;
    border: 1px solid #e2dfdf;
    position: relative;
    z-index: 0;
}
.tabBox .tabContent > .inner {
    padding: 20px;
}
.tabBox .tabContent.active {
    display: block;
}
.tabBox .tabContent h2 {
    margin-bottom: 0.9em;
}

/**********************************************
 * PANELBOXES
**********************************************/
.panelBox {
    clear: both;
}
.panelBox .panel {
    border: 1px solid #e2dfdf;
    overflow: hidden;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 5px;
}
.panelBox .panel.radius {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.panelBox .panel:last-child {
    margin-bottom: 0;
}
.panelBox .panel .panelHeading {
    margin: 0;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.panelBox .panel .panelHeading .fa {
    font-size: 1.3em;
}
.panelBox .panel .panelContent {
    display: none;
    background: #fff;
}
.panelBox .panel .panelContent > .inner {
    padding: 20px;
}
.panelBox .panel .panelContent.active {
    display: block;
}
.panelBox .panel .panelContent h2 {
    margin-bottom: 0.9em;
}
.panelBox .panel.active .panelContent {
    display: block;
}

/**********************************************
* THUMBNAILS
**********************************************/
#thumbImages {
    margin-left: -10px;
    margin-right: -10px;
}
#thumbImages .thumbnail {
    margin: 0 0 20px 0;
    padding: 0 10px;
    border: 0;
    background: transparent;
    line-height: 1;
    text-align: center;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#thumbImages .thumbnail a {
    display: block;
    text-align: center;
    border: 1px solid #dfe0e1;
    overflow: hidden;
}
#thumbImages.rectangle .thumbnail {
    margin: 0;
    width: 25%;
    float: left;
    display: inline-block;
    position: relative;
    padding-bottom: 25%;
    display: table-cell;
}
#thumbImages.rectangle .thumbnail a {
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 10px;
    right: 10px;
    border: 1px solid #dfe0e1;
    overflow: hidden;
}
#thumbImages.rectangle .thumbnail a img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#thumbImages.rectangle.cover .thumbnail img {
    width: 320px;
    max-width: none;
    left: 50%;
    margin-left: -160px;
}
@media only screen and (max-width: 479px) {
    #thumbImages.rectangle .thumbnail {
        width: 50%;
        padding-bottom: 50%;
    }
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
    #thumbImages.rectangle .thumbnail {
        width: 100%;
        padding-bottom: 100%;
    }
}

/**********************************************
 * WARNING MESSAGES
**********************************************/
#warningMsg {
    position: fixed;
    left: 10px;
    top: 10px;
    z-index: 999;
}
#warningMsg .box {
    width: 235px;
    min-height: 50px;
    border: 1px solid red;
    background: #fff;
    padding: 5px;
    color: #333;
    font-size: 0.9em;
    line-height: 1em;
    cursor: pointer;
    margin-bottom: 1em;
}
#warningMsg .box h6 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px;
    color: red;
}
#warningMsg .box p {
    margin: 0;
    padding: 0;
}

#oldBrowser {
    display: none;
}