/*!
Theme Name: ThemeCode
Theme URI: http://valentinmarin.ro/
Author: Valentin Marin
Author URI: https://valentinmarin.ro
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tcode
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 30px;
}

tr {

}

td {
    padding: 5px;
    border: 1px solid #DDD;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ddd;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto;
}

.clear:before, .clear:after, .clearfix:before, .clearfix:after, .row:before, .row:after {
    content: "";
    display: table;
}

.clear:before, .clear:after, .clearfix:before, .clearfix:after, .row:before, .row:after {
    content: "";
    display: table;
}

*, *:before, *:after {
    box-sizing: border-box;
    outline: 0;
}

.clear:before,
.clear:after {
    content: '';
    display: table;
}

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

a {
    color: #0093E3;
    text-decoration: none;
}

a:hover {
    color: #4a545a;
    text-decoration: none;
}

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

a img {
    vertical-align: top;
    display: block;
}

/*--------------------------------------------------------------
# Inputs and buttons
--------------------------------------------------------------*/

button, input[type="button"], input[type="reset"], input[type="submit"], .button {
    background: #03A1FF;
    border: none;
    border-radius: 3px;
    color: #FFF;
    display: inline-block;
    font-weight: 400;
    padding: 12px;
    font-size: 1.3rem;
    cursor: pointer;
    text-transform: uppercase;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover {
    background: #0079C0;
    border: none;
    color: #fff;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    border: none;
    font-family: 'Lato', sans-serif;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 1.3rem;
    padding: 12px;
    max-width: 100%;
    -webkit-appearance: none;
    color: #999;
    background: #eee;
    color: #000;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
    color: #111;
}

textarea {
    max-width: 100%;
}

.btn-default {
    background: none;
    color: #D31B2A;
    font-weight: 300;
}

.btn-success {

}

.btn-info {
    background: #1B8CD3;
}

.btn-danger {
    background: #CC0000;
}

.btn-large {
    padding: 20px 50px;
}

.btn-medium {
    padding: 10px 20px;
}

.btn-small {
    padding: 5px 10px;
}

.btn-group {
    display: flex;
    justify-content: space-between;
}

.btn-group button {
    width: 48%;
}

.btn-group button:last-of-type {
    margin-right: 0;
}

/*--------------------------------------------------------------
# General Structure
--------------------------------------------------------------*/

html {
    font-size: 62.5%;
}

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.55rem;
    line-height: 1.53;
    background: #FFF;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 100%;
    margin: 0;
    padding: 0;
}

.container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 10px;
    overflow: hidden;
    position: relative;
    min-width: 320px;
}

/*--------------------------------------------------------------
# Plugins and Icon Fonts
--------------------------------------------------------------*/

.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

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

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

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

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.ui.modal {
    display: none;
    z-index: 1001;
    text-align: left;
    background: #fff;
    border: none;
    -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .2), 1px 3px 15px 2px rgba(0, 0, 0, .2);
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .2), 1px 3px 15px 2px rgba(0, 0, 0, .2);
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: .28571429rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    will-change: top, left, margin, transform, opacity
}

.ui.modal > .icon:first-child + *, .ui.modal > :first-child:not(.icon) {
    border-top-left-radius: .28571429rem;
    border-top-right-radius: .28571429rem
}

.ui.modal > :last-child {
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: .28571429rem
}

.ui.modal > .close {
    cursor: pointer;
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    z-index: 1;
    opacity: .8;
    font-size: 1.25em;
    color: #fff;
    width: 2.25rem;
    height: 2.25rem;
    padding: .625rem 0 0 0
}

.ui.modal > .close:hover {
    opacity: 1
}

.ui.modal > .header {
    display: block;
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #fff;
    margin: 0;
    position: relative;
    padding: 1.25rem 1.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, .85);
    border-bottom: 1px solid rgba(34, 36, 38, .15)
}

.ui.modal > .header:not(.ui) {
    font-size: 1.42857143rem;
    line-height: 1.28571429em;
    font-weight: 700
}

.ui.modal > .content {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 1.5rem;
    background: #fff
}

.ui.modal > .image.content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.ui.modal > .content > .image {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: '';
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal > [class*="top aligned"] {
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal > [class*="middle aligned"] {
    -ms-flex-item-align: middle;
    align-self: middle
}

.ui.modal > [class*=stretched] {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.ui.modal > .content > .description {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0;
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: '';
    width: auto;
    padding-left: 2em
}

.ui.modal > .content > .image > i.icon {
    margin: 0;
    opacity: 1;
    width: auto;
    line-height: 1;
    font-size: 8rem
}

.ui.modal > .actions {
    background: #f9fafb;
    padding: 1rem 1rem;
    border-top: 1px solid rgba(34, 36, 38, .15);
    text-align: right
}

.ui.modal .actions > .button {
    margin-left: .75em
}

@media only screen and (max-width: 767px) {
    .ui.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.modal {
        width: 88%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.modal {
        width: 850px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.modal {
        width: 900px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.modal {
        width: 950px;
        margin: 0
    }
}

@media only screen and (max-width: 991px) {
    .ui.modal > .header {
        padding-right: 2.25rem
    }

    .ui.modal > .close {
        top: 1.0535rem;
        right: 1rem;
        color: rgba(0, 0, 0, .87)
    }
}

@media only screen and (max-width: 767px) {
    .ui.modal > .header {
        padding: .75rem 1rem !important;
        padding-right: 2.25rem !important
    }

    .ui.modal > .content {
        display: block;
        padding: 1rem !important
    }

    .ui.modal > .close {
        top: .5rem !important;
        right: .5rem !important
    }

    .ui.modal .image.content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ui.modal .content > .image {
        display: block;
        max-width: 100%;
        margin: 0 auto !important;
        text-align: center;
        padding: 0 0 1rem !important
    }

    .ui.modal > .content > .image > i.icon {
        font-size: 5rem;
        text-align: center
    }

    .ui.modal .content > .description {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 1rem 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .ui.modal > .actions {
        padding: 1rem 1rem 0 !important
    }

    .ui.modal .actions > .button, .ui.modal .actions > .buttons {
        margin-bottom: 1rem
    }
}

.ui.inverted.dimmer > .ui.modal {
    -webkit-box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, .2);
    box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, .2)
}

.ui.basic.modal {
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff
}

.ui.basic.modal > .actions, .ui.basic.modal > .content, .ui.basic.modal > .header {
    background-color: transparent
}

.ui.basic.modal > .header {
    color: #fff
}

.ui.basic.modal > .close {
    top: 1rem;
    right: 1.5rem
}

.ui.inverted.dimmer > .basic.modal {
    color: rgba(0, 0, 0, .87)
}

.ui.inverted.dimmer > .ui.basic.modal > .header {
    color: rgba(0, 0, 0, .85)
}

@media only screen and (max-width: 991px) {
    .ui.basic.modal > .close {
        color: #fff
    }
}

.ui.loading.modal {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.active.modal {
    display: block
}

.modals.dimmer[class*="top aligned"] .modal {
    margin: 5vh auto
}

.scrolling.dimmable.dimmed {
    overflow: hidden
}

.scrolling.dimmable > .dimmer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.scrolling.dimmable.dimmed > .dimmer {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.dimmable > .dimmer {
    position: fixed
}

.modals.dimmer .ui.scrolling.modal {
    margin: 1rem auto !important
}

.scrolling.undetached.dimmable.dimmed {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.undetached.dimmable.dimmed > .dimmer {
    overflow: hidden
}

.scrolling.undetached.dimmable .ui.scrolling.modal {
    position: absolute;
    left: 50%;
    margin-top: 1rem !important
}

.ui.modal .scrolling.content {
    max-height: calc(70vh);
    overflow: auto
}

.ui.fullscreen.modal {
    width: 95% !important;
    left: 0 !important;
    margin: 1em auto
}

.ui.fullscreen.scrolling.modal {
    left: 0 !important
}

.ui.fullscreen.modal > .header {
    padding-right: 2.25rem
}

.ui.fullscreen.modal > .close {
    top: 1.0535rem;
    right: 1rem;
    color: rgba(0, 0, 0, .87)
}

.ui.modal {
    font-size: 1rem
}

.ui.mini.modal > .header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.mini.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.mini.modal {
        width: 35.2%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.mini.modal {
        width: 340px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.mini.modal {
        width: 360px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.mini.modal {
        width: 380px;
        margin: 0
    }
}

.ui.small.modal > .header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.tiny.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.tiny.modal {
        width: 52.8%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.tiny.modal {
        width: 510px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.tiny.modal {
        width: 540px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.tiny.modal {
        width: 570px;
        margin: 0
    }
}

.ui.small.modal > .header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.small.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.small.modal {
        width: 70.4%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.small.modal {
        width: 680px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.small.modal {
        width: 720px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.small.modal {
        width: 760px;
        margin: 0
    }
}

.ui.large.modal > .header {
    font-size: 1.6em
}

@media only screen and (max-width: 767px) {
    .ui.large.modal {
        width: 95%;
        margin: 0
    }
}

@media only screen and (min-width: 768px) {
    .ui.large.modal {
        width: 88%;
        margin: 0
    }
}

@media only screen and (min-width: 992px) {
    .ui.large.modal {
        width: 1020px;
        margin: 0
    }
}

@media only screen and (min-width: 1200px) {
    .ui.large.modal {
        width: 1080px;
        margin: 0
    }
}

@media only screen and (min-width: 1920px) {
    .ui.large.modal {
        width: 1140px;
        margin: 0
    }
}

.dimmable:not(body) {
    position: relative
}

.ui.dimmer {
    display: none;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 1em;
    background-color: rgba(0, 0, 0, .85);
    opacity: 0;
    line-height: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-transition: background-color .5s linear;
    transition: background-color .5s linear;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: opacity;
    z-index: 1000
}

.ui.dimmer > .content {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    color: #fff
}

.ui.segment > .ui.dimmer {
    border-radius: inherit !important
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .1)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .25)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, .15)
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .35)
}

.animating.dimmable:not(body), .dimmed.dimmable:not(body) {
    overflow: hidden
}

.dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1
}

.ui.disabled.dimmer {
    width: 0 !important;
    height: 0 !important
}

.ui[class*="top aligned"].dimmer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ui[class*="bottom aligned"].dimmer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ui.page.dimmer {
    position: fixed;
    -webkit-transform-style: '';
    transform-style: '';
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

body.animating.in.dimmable, body.dimmed.dimmable {
    overflow: hidden
}

body.dimmable > .dimmer {
    position: fixed
}

.blurring.dimmable > :not(.dimmer) {
    -webkit-filter: blur(0) grayscale(0);
    filter: blur(0) grayscale(0);
    -webkit-transition: .8s -webkit-filter ease;
    transition: .8s -webkit-filter ease;
    transition: .8s filter ease;
    transition: .8s filter ease, .8s -webkit-filter ease
}

.blurring.dimmed.dimmable > :not(.dimmer) {
    -webkit-filter: blur(5px) grayscale(.7);
    filter: blur(5px) grayscale(.7)
}

.blurring.dimmable > .dimmer {
    background-color: rgba(0, 0, 0, .6)
}

.blurring.dimmable > .inverted.dimmer {
    background-color: rgba(255, 255, 255, .6)
}

.ui.dimmer > .top.aligned.content > * {
    vertical-align: top
}

.ui.dimmer > .bottom.aligned.content > * {
    vertical-align: bottom
}

.ui.inverted.dimmer {
    background-color: rgba(255, 255, 255, .85)
}

.ui.inverted.dimmer > .content > * {
    color: #fff
}

.ui.simple.dimmer {
    display: block;
    overflow: hidden;
    opacity: 1;
    width: 0%;
    height: 0%;
    z-index: -100;
    background-color: rgba(0, 0, 0, 0)
}

.dimmed.dimmable > .ui.simple.dimmer {
    overflow: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .85);
    z-index: 1
}

.ui.simple.inverted.dimmer {
    background-color: rgba(255, 255, 255, 0)
}

.dimmed.dimmable > .ui.simple.inverted.dimmer {
    background-color: rgba(255, 255, 255, .85)
}

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible !important
}

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.hidden.transition {
    display: none;
    visibility: hidden
}

.visible.transition {
    display: block !important;
    visibility: visible !important
}

.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.transition.browse {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.transition.browse.in {
    -webkit-animation-name: browseIn;
    animation-name: browseIn
}

.transition.browse.left.out, .transition.browse.out {
    -webkit-animation-name: browseOutLeft;
    animation-name: browseOutLeft
}

.transition.browse.right.out {
    -webkit-animation-name: browseOutRight;
    animation-name: browseOutRight
}

@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@keyframes browseIn {
    0% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1
    }
    10% {
        -webkit-transform: scale(.8) translateZ(0);
        transform: scale(.8) translateZ(0);
        z-index: -1;
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999
    }
}

@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0)
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
    }
    80% {
        opacity: 1
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0
    }
}

.drop.transition {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1);
    animation-timing-function: cubic-bezier(.34, 1.61, .7, 1)
}

.drop.transition.in {
    -webkit-animation-name: dropIn;
    animation-name: dropIn
}

.drop.transition.out {
    -webkit-animation-name: dropOut;
    animation-name: dropOut
}

@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

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

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

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

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }
}

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

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%)
    }
}

.flip.transition.in, .flip.transition.out {
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut
}

@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }
}

.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.transition.fly {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.transition.fly.in {
    -webkit-animation-name: flyIn;
    animation-name: flyIn
}

.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp
}

.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown
}

.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft
}

.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight
}

.transition.fly.out {
    -webkit-animation-name: flyOut;
    animation-name: flyOut
}

.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp
}

.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown
}

.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft
}

.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight
}

@-webkit-keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 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 flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 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)
    }
}

@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 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 flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 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
    }
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 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 flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 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
    }
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 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 flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 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
    }
}

@-webkit-keyframes flyOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes flyOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes flyOutUp {
    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 flyOutUp {
    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)
    }
}

@-webkit-keyframes flyOutDown {
    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 flyOutDown {
    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)
    }
}

@-webkit-keyframes flyOutRight {
    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 flyOutRight {
    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)
    }
}

@-webkit-keyframes flyOutLeft {
    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 flyOutLeft {
    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)
    }
}

.transition.slide.in, .transition[class*="slide down"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.transition.slide.out, .transition[class*="slide down"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="slide left"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.transition.swing {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.transition[class*="swing down"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.transition.swing.out, .transition[class*="swing down"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.transition[class*="swing left"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0)
    }
}

@keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0)
    }
}

@-webkit-keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0)
    }
}

@keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0)
    }
}

@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

@keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0)
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg)
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg)
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0
    }
}

.transition.zoom.in {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.transition.zoom.out {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.flash.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: flash;
    animation-name: flash
}

.shake.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: shake;
    animation-name: shake
}

.bounce.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: bounce;
    animation-name: bounce
}

.tada.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: tada;
    animation-name: tada
}

.pulse.transition {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.jiggle.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: jiggle;
    animation-name: jiggle
}

.transition.glow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.transition.glow {
    -webkit-animation-name: glow;
    animation-name: glow
}

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

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

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

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

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

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

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

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes glow {
    0% {
        background-color: #fcfcfd
    }
    30% {
        background-color: #fff6cd
    }
    100% {
        background-color: #fcfcfd
    }
}

@keyframes glow {
    0% {
        background-color: #fcfcfd
    }
    30% {
        background-color: #fff6cd
    }
    100% {
        background-color: #fcfcfd
    }
}

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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

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

.site-header {
    overflow: hidden;
    padding: 10px 0;
}

.site-header .site-branding {
    float: left;
    position: relative;
}

.site-header .site-branding a {
    display: block;
}

.site-header .site-branding a img {
    display: block;
}

.site-header .site-branding .fb-like {
    position: absolute;
    top: 12px;
    right: -90px;
}

/*--------------------------------------------------------------
# Main Navigation
--------------------------------------------------------------*/

.main-navigation {
    position: absolute;
    top: 0;
    right: 0;
}

#mobile-menu {
    display: none;
}

.main-navigation ul {
    overflow: hidden;
}

.main-navigation li {
    float: left;
    margin-right: 30px;
}

.main-navigation li:last-of-type {
    margin-right: 0;
}

.main-navigation li a {
    font-size: 1.4rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    line-height: 53px;
}

.main-navigation li a:hover {
    color: #03A1FF;
}

.main-navigation .current-menu-item a {
    color: #03A1FF;
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/

.site-content {

}

.intro {
    background-size: cover;
    background-position: center center;
    position: relative;
}

.intro:before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.intro .container {
    z-index: 5;
}

.mainintro {
    padding: 50px 0;
}

.mainintro .content {
    max-width: 700px;
}

.mainintro h1 {
    font-size: 2.3rem;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 30px;
}

.mainintro h1 span {
    font-weight: 700;
}

.mainintro .icon {
    float: left;
    margin-right: 10px;
}

.mainintro .icon img {
    max-width: 60px;
}

.mainintro .search-form {
    clear: both;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.mainintro .search-form input[type="search"] {
    width: 100%;
    padding: 16px;
}

.mainintro .search-form button {
    background: none;
    padding: 0;
    border-radius: 0;
    position: absolute;
    color: #0079C0;
    top: 12px;
    font-size: 1.8rem;
    right: 12px;
}

.mainintro .cats {

}

.cats h4 {
    font-size: 1.3rem;
    font-weight: 400;
    color: #FFF;
    margin-bottom: 10px;
}

.cats a {
    margin-right: 20px;
    font-weight: 700;
    padding: 15px 50px;
}

.cats a img {
    float: left;
    margin-right: 5px;
    max-width: 20px;
}

.cats a:last-of-type {
    margin-right: 0;
}

.mainintro .certificari {
    position: absolute;
    bottom: 0;
    right: 0;
}

.mainintro .certificari p {
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #FFF;
}

.mainintro .certificari span {
    margin-right: 10px;
}

.mainintro .certificari span img {
    border-radius: 999rem;
    width: 50px;
    height: 50px;;
}

.noProds {
    text-align: center;
    padding: 150px 0;
}

.noProds .icons {
    display: block;
    font-size: 15rem;
    color: #999;
}

.noProds h5 {
    color: #000;
}

.catslist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.catslist li {
    width: 48%;
    margin-bottom: 10px;
}

.catslist li h4 {
    font-size: 1.45rem;
}

.catslist li a {
    color: #000;
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
}

.catslist li  a:hover {
    text-decoration: underline;
}

.catslist li a span {
    font-weight: 300;
    color: #999;
    margin-left: 5px;
    font-size: 1.3rem;
}

#catinput {
    display: block;
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
    font-size: 1.4rem;
}

/*--------------------------------------------------------------
# Listings
--------------------------------------------------------------*/

.heading {
    position: relative;
    margin-bottom: 30px;
}

.heading h4 {
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    color: #000;
    position: relative;
}

.heading h4:after {
    content: '';
    background: #03A1FF;
    width: 50px;
    height: 4px;
    display: block;
    margin-top: 10px;
}

.heading a {
    font-size: 1.2rem;
    position: absolute;
    top: 5px;
    right: 5px;
}

.despreSepadin {
    background: #eee;
    padding: 40px 0;
    margin-bottom: 40px;
}

.despreSepadin .content {
    color: #000;
}

.despreSepadin .content p {
    padding-bottom: 20px;
}

.despreSepadin .content p:last-of-type {
    padding-bottom: 0;
}

.furnizoriHome {
    display: block;
    margin-bottom: 30px;
}

.furnizoriHome .owl-item img {
    display: block;
    max-height: 50px;
}

.furnizoriHome .owl-item .slide {
    
}

.furnizoriHome .owl-dots {
    text-align: center;
}

.owl-dots .owl-dot {
    width: 25px;
    height: 6px;
    display: inline-block;
    background: #999;
    margin-right: 10px;
    cursor: pointer;
}

.owl-dots .owl-dot:hover {
    background: #0079c0;
}

.owl-dots .owl-dot:last-of-type {
    margin-right: 0;
}

.owl-dots .active {
    background: #0079c0;
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/

.acf-map {
    width: 100%;
    height: 600px;
}

.acf-map img {
    max-width: inherit !important;
}

.pageheader {
    background-image: url(assets/images/bg.png);
    background-size: cover;
    background-position: bottom center;
    overflow: hidden;
    position: relative;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    padding: 40px 0;
}

.pageheader:after {
    content: "";
    background: rgba(0, 0, 0, 0.65);
    position: absolute;
    z-index: 3;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}

.pageheader .page-title {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 400;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);
    text-align: left;
    position: relative;
    z-index: 5;
}

.pageheader .backto {
    background: #0093E3;
    padding: 2px 10px;
    display: inline-block;
    color: #FFF;
    margin-top: 10px;
    font-size: 1.3rem;
    font-weight: 700;
    border-radius: 3px;
    line-height: 2;
}

.pageheader .rezultate {
    color: #fff;
    font-size: 1.4rem;
}

.pageheader .rezultate span {
    font-weight: 700;
}

.taxonomy-description {
    font-size: 1.4rem;
    color: #aaa;
}

.pageheader .container {
    z-index: 55;
}

.pageheader .product-title {
    color: #FFF;
    font-weight: 400;
    font-size: 2rem;
    margin-bottom: 10px;
}

.pageheader .catprodus {
    display: block;
    color: #999;
}

.pageheader .catprodus:hover {
    color: #fff;
}

.page-contact h2 {
    font-weight: 400;
    font-size: 2.5rem;
    color: #000;
    margin-bottom: 30px;
}

.contactinfo {
    width: 50%;
    border-right: 1px solid #DDD;
}

.contactinfo .adresa {
    margin-bottom: 40px;
}

.contactinfo h4 {
    color: #000;
    margin-bottom: 10px;
}

.contactform {
    width: 48%;
}

.page-contact .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.gform_body {

}

.gform_body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gform_body li {
    margin-bottom: 20px;
}

.gform_body label {
    font-size: 1.2rem;
    color: #999;
    display: block;
    margin-bottom: 5px;
    margin-left: 3px;
}

.gform_body .gfield_required {
    color: #cc0000;
    margin-left: 3px;
}

.gform_body input[type="text"], .gform_body input[type="email"], .gform_body input[type="tel"], .gform_body textarea {
    width: 100%;
    border: 1px solid #ddd;
    background: #FFF;
    color: #333;
}

.gform_button {
    width: 100%;
}

.page-content {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.the-content {
    font-size: 1.4rem;
}

.the-content p {
    padding-bottom: 30px;
}

.the-content h2, .the-content h3, .the-content h4, .the-content h5, .the-content h6 {
    margin-bottom: 20px;
    color: #000;
}

.the-content ul {
    list-style: inside;
    margin-bottom: 20px;
    overflow: hidden;
}

.the-content li {
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Archive & Search
--------------------------------------------------------------*/

.listing-archive {
    overflow: hidden;
    margin-bottom: 30px;
}

.listing-archive .item {
    width: 15%;
    margin-right: 2%;
    float: left;
    margin-bottom: 30px;
}

.listing-archive .item:nth-of-type(6n+1) {
    clear: both;
}

.navigation {
    text-align: center;
    margin-bottom: 30px;
}

.navigation span {
    display: inline-block;
    background: #0079c0;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
    border-radius: 3px;
}

.navigation span a {
    color: #fff;
    display: block;
}

.navigation .active {
    background: #000;
}

.navigation .active a {

}

.navigation .next {

}

.listing-archive .item:nth-of-type(6n) {
    margin-right: 0;
}

.produseHome {
    padding-bottom: 30px;
}

.productListing .product-title {
    font-size: 1.4rem;
    margin-bottom: 20px;
}

.productListing .product-title a {
    color: #000;
}

.productListing .product-title a:hover {
    text-decoration: underline;
}

.productListing .product-image {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    max-height: 150px;
    overflow: hidden;
    border: 1px solid #eee;
}

.productListing .post-date {
    color: #333;
    font-size: 1.2rem;
}

.produseHome .owl-dots {
    text-align: center;
}

.topProd {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.prodInfo h1 {
    font-size: 2.5rem;
    color: #000;
}

.prodImage {
    width: 45%;
    text-align: center;
}

.prodInfo {
    width: 50%;
}

.prodInfo .codProdus {
    text-transform: uppercase;
    font-weight: 400;
    color: #999;
    margin-bottom: 30px;
    font-size: 1.3rem;
}

.prodInfo .solicitaOferta {
    display: inline-block;
    background: #03A1FF;
    color: #FFF;
    padding: 15px 50px;
    margin-bottom: 30px;
    font-size: 1.8rem;
    border-radius: 3px;
    font-weight: 700;
    cursor: pointer;
}

.prodInfo .help {
    padding-top: 20px;
    border-top: 1px solid #DDD;
}

.prodInfo .help h4 {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 5px;
}

.prodInfo .help p {
    margin-bottom: 20px;
}

.prodInfo .help a {
    font-size: 1.5rem;
    font-weight: 700;
}

.produs-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.produs-content .the-content {
    width: 65%;
    border-right: 1px solid #DDD;
    padding-right: 5%;
    color: #000;
}

.produs-content .sidebar {
    width: 35%;
    padding-left: 5%;
}

.produs-content .headings {
    color: #000;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 30px;
}

.produs-content .headings:after {
    content: '';
    display: block;
    height: 2px;
    width: 80px;
    background: #03A1FF;
    margin-top: 5px;
}

.relatedProds {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.relatedProds .item {
    width: 48%;
    margin-bottom: 30px;
}

.relatedProds .item .product-title {
    font-size: 1.3rem;
}

.relatedProds .item .product-title a {
    color: #000;
}

.relatedProds .item .product-title a:hover {
    text-decoration: underline;
}

.relatedProds .item .product-image {
    margin-bottom: 5px;
    max-height: 140px;
    overflow: hidden;
    border: 1px solid #DDD;
}

.relatedProds .item .product-image img {
    width: 100%;
}

.cerereoferta .header {

}

.cerereoferta .header h4 {
    font-size: 2rem;
    margin-bottom: 5px;
}

.cerereoferta .header p {
    font-weight: 400;
}

.cerereoferta .header .cancel {
    position: absolute;
    top: 6px;
    font-size: 2rem;
    right: 6px;
    cursor: pointer;
}

.cerereoferta .validation_error {
    font-size: 1.3rem;
    font-weight: 700;
    color: #cc0000;
    margin-bottom: 10px;
}

.cerereoferta .validation_message {
    background: yellow;
    margin-top: 5px;
    padding: 5px;
    color: red;
    font-size: 1.2rem;
}

.gfield_checkbox input[type="checkbox"] {
    float: left;
}

.gform_confirmation_message {
    padding: 10px 0;
    font-size: 1.4rem;
    color: #8ec41a ;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
    background: #0079C0;
    color: #fff;
    padding: 40px 0;
}

.site-footer .footer-navigation {
    margin-bottom: 20px;
}

.site-footer .footer-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.site-footer .footer-navigation li {
    float: left;
    margin-right: 20px;
}

.site-footer .footer-navigation li a {
    color: #FFF;
    font-size: 1.3rem;
}

.site-footer .footer-navigation li a:hover {
    text-decoration: underline;
    color: #eee;
}

.site-footer .footer-navigation li:last-of-type {
    margin-right: 0px;
}

.site-footer .site-info p {
    font-size: 1.3rem;
    color: #ddd;
}

.site-footer .certificari {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
}

.site-footer .certificari p {
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #FFF;
}

.site-footer .certificari span {
    margin-right: 10px;
}

.site-footer .certificari span img {
    border-radius: 999rem;
    width: 40px;
    height: 40px;
}

.furnizoriSepadin {

}

.furnizoriSepadin ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.furnizoriSepadin li {
    text-align: center;
    margin-bottom: 30px;
    width: 23%;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
}

.furnizoriSepadin .image {
    height: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.furnizoriSepadin .image a {
    display: block;
    text-align: center;
    width: 100%;
}

.furnizoriSepadin .image img {
    display: inline-block;
    max-height: 40px;
}

.furnizoriSepadin .website {

}

.furnizoriSepadin .website a {
    display: block;
    font-size: 1.2rem;
    color: #999;
}

.furnizoriSepadin .website a:hover {
    text-decoration: underline;
}

.furnizoriSepadin h3 {
    color: #000;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 980px) {
    .site-header .site-branding a img {
        max-height: 30px;
        width: auto;
    }

    .main-navigation {
        display: none;
    }

    #mobile-menu {
        display: block;
    }

    .slicknav_btn {
        position: absolute;
        right: 0;
        line-height: 50px;
        font-size: 2rem;
        color: #fff;
        top: 0;
        padding: 0 20px;
        background: #0099CC;
    }

    .slicknav_btn:hover {
        color: #fff;
    }

    .slicknav_nav {
        background: #0099CC;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 999;
        top: 50px;
    }

    .slicknav_nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .slicknav_nav li {
        display: block;
    }

    .slicknav_nav li a {
        display: block;
        color: #FFF;
        padding: 10px;
        text-transform: uppercase;
        font-size: 1.6rem;
        font-weight: 400;
    }

    .mainintro h1 {
        font-size: 1.6rem;
    }

    .mainintro .icon img {
        max-width: 40px;
    }

    .cats a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        font-weight: 400;
    }

    .mainintro .certificari {
        display: none;
    }

    .mainintro {
        padding: 20px 0;
    }

    .heading h4 {
        font-size: 1.3rem;
        font-weight: 700;
        text-align: center
    }

    .heading h4::after {
        content: '';
        background: #03A1FF;
        width: 50px;
        height: 4px;
        display: block;
        margin-top: 10px;
        margin: 10px auto;

    }

    .heading a {
        position: relative;
        left: 0;
        right: 0;
        text-align: center;
        display: block;
    }

    .site-footer .footer-navigation {

    }

    .site-footer .footer-navigation ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .site-footer .footer-navigation li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .site-footer .footer-navigation li a {
        display: block;
    }

    .site-footer .certificari {
        position: relative;
        left: 0;
        right: 0;
        margin-top: 20px;
    }

    .site-footer {
        padding: 20px 0;
        text-align: center;
    }

    .page-contact .content {
        display: block;
    }

    .contactinfo {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #DDD;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .contactform {
        width: 100%;
    }
    .topProd {
        display: block;
    }
    .prodImage {
        width: 100%;
        margin-bottom: 10px;
    }
    .prodInfo {
        width: 100%;
        text-align: center;
    }
    .produs-content {
        display: block;
    }
    .produs-content .the-content {
        width: 100%;
        padding: 0;
        border: none;
    }
    .produs-content .sidebar {
        width: 100%;
        padding: 0;
    }
    .listing-archive .item {
        width: 49%;
    }
    .listing-archive .item:nth-of-type(2n) {
        margin-right: 0;
    }

    .furnizoriSepadin li {
        width: 48%;
    }
    .site-header .site-branding .fb-like {
        top: 0px;
    }
}

@media print {

}