/* Start:/local/templates/repako_main/src/css/plugins.css?1682703216222219*/
@charset "UTF-8";
.remodal, html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

hr, img, legend {
    border: 0
}

legend, td, th {
    padding: 0
}

body, figure {
    margin: 0
}

.lnr, button, select {
    text-transform: none
}

.fa, .lnr {
    -moz-osx-font-smoothing: grayscale
}

.fa-fw, .fa-li, .mfp-container {
    text-align: center
}

.mfp-close, a {
    text-decoration: none
}

.mfp-arrow, .owl-carousel, .owl-carousel .owl-item, html {
    -webkit-tap-highlight-color: transparent
}

html {
    font-family: sans-serif
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    color: #337ab7
}

.img-thumbnail, body {
    background-color: #fff
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    vertical-align: middle
}

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

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre, textarea {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.container, .container-fluid {
    padding-left: 15px;
    padding-right: 15px
}

.relative {
    position: relative
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
    content: " ";
    display: table
}

.clearfix:after, .container-fluid:after, .container:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.fa.fa-pull-left, .fa.pull-left {
    margin-right: .3em
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }

    .visible-md-block {
        display: block !important
    }

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }

    .hidden-lg {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }

    .hidden-print {
        display: none !important
    }
}

.fa, .fa-stack {
    display: inline-block
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 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
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -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 {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

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

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

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from, to {
        -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)
    }
}

@keyframes pulse {
    from, to {
        -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)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from, to {
        -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)
    }
}

@keyframes rubberBand {
    from, to {
        -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)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

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

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

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

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

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

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

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from, to {
        -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)
    }
}

@keyframes wobble {
    from, to {
        -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)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

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

@-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .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)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        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)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        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)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        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)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        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)
    }
    to {
        -webkit-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(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

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

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-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)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@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)
    }
    to {
        opacity: 0;
        -webkit-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)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-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)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-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)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@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)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY, .flipOutX {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

.flip-in-x, .flipOutY {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-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 {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.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
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

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

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

/*! * animsition v4.0.1 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */
.animsition, .animsition-overlay {
    position: relative;
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animsition-overlay-slide {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #ddd
}

@-webkit-keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes animsition-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

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

@-webkit-keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up {
    0% {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up {
    -webkit-animation-name: fade-in-up;
    animation-name: fade-in-up
}

@-webkit-keyframes fade-out-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
}

@keyframes fade-out-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
}

.fade-out-up {
    -webkit-animation-name: fade-out-up;
    animation-name: fade-out-up
}

@-webkit-keyframes fade-in-up-sm {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up-sm {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up-sm {
    -webkit-animation-name: fade-in-up-sm;
    animation-name: fade-in-up-sm
}

@-webkit-keyframes fade-out-up-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

@keyframes fade-out-up-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
}

.fade-out-up-sm {
    -webkit-animation-name: fade-out-up-sm;
    animation-name: fade-out-up-sm
}

@-webkit-keyframes fade-in-up-lg {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-up-lg {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-up-lg {
    -webkit-animation-name: fade-in-up-lg;
    animation-name: fade-in-up-lg
}

@-webkit-keyframes fade-out-up-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

@keyframes fade-out-up-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }
}

.fade-out-up-lg {
    -webkit-animation-name: fade-out-up-lg;
    animation-name: fade-out-up-lg
}

@-webkit-keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down {
    0% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
}

@keyframes fade-out-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(500px);
        transform: translateY(500px);
        opacity: 0
    }
}

.fade-out-down {
    -webkit-animation-name: fade-out-down;
    animation-name: fade-out-down
}

@-webkit-keyframes fade-in-down-sm {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fade-in-down-sm {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-in-down-sm {
    -webkit-animation-name: fade-in-down-sm;
    animation-name: fade-in-down-sm
}

@-webkit-keyframes fade-out-down-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

@keyframes fade-out-down-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }
}

.fade-out-down-sm {
    -webkit-animation-name: fade-out-down-sm;
    animation-name: fade-out-down-sm
}

.fade-in-down-lg {
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down
}

@-webkit-keyframes fade-out-down-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

@keyframes fade-out-down-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }
}

.fade-out-down-lg {
    -webkit-animation-name: fade-out-down-lg;
    animation-name: fade-out-down-lg
}

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left {
    -webkit-animation-name: fade-in-left;
    animation-name: fade-in-left
}

@-webkit-keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
}

@keyframes fade-out-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
        opacity: 0
    }
}

.fade-out-left {
    -webkit-animation-name: fade-out-left;
    animation-name: fade-out-left
}

@-webkit-keyframes fade-in-left-sm {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left-sm {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left-sm {
    -webkit-animation-name: fade-in-left-sm;
    animation-name: fade-in-left-sm
}

@-webkit-keyframes fade-out-left-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
}

@keyframes fade-out-left-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
        opacity: 0
    }
}

.fade-out-left-sm {
    -webkit-animation-name: fade-out-left-sm;
    animation-name: fade-out-left-sm
}

@-webkit-keyframes fade-in-left-lg {
    0% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left-lg {
    0% {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-left-lg {
    -webkit-animation-name: fade-in-left-lg;
    animation-name: fade-in-left-lg
}

@-webkit-keyframes fade-out-left-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
}

@keyframes fade-out-left-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-1500px);
        transform: translateX(-1500px);
        opacity: 0
    }
}

.fade-out-left-lg {
    -webkit-animation-name: fade-out-left-lg;
    animation-name: fade-out-left-lg
}

@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right {
    -webkit-animation-name: fade-in-right;
    animation-name: fade-in-right
}

@-webkit-keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
}

@keyframes fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 0
    }
}

.fade-out-right {
    -webkit-animation-name: fade-out-right;
    animation-name: fade-out-right
}

@-webkit-keyframes fade-in-right-sm {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right-sm {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right-sm {
    -webkit-animation-name: fade-in-right-sm;
    animation-name: fade-in-right-sm
}

@-webkit-keyframes fade-out-right-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

@keyframes fade-out-right-sm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        opacity: 0
    }
}

.fade-out-right-sm {
    -webkit-animation-name: fade-out-right-sm;
    animation-name: fade-out-right-sm
}

@-webkit-keyframes fade-in-right-lg {
    0% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right-lg {
    0% {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-in-right-lg {
    -webkit-animation-name: fade-in-right-lg;
    animation-name: fade-in-right-lg
}

@-webkit-keyframes fade-out-right-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
}

@keyframes fade-out-right-lg {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(1500px);
        transform: translateX(1500px);
        opacity: 0
    }
}

.fade-out-right-lg {
    -webkit-animation-name: fade-out-right-lg;
    animation-name: fade-out-right-lg
}

@-webkit-keyframes rotate-in {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transform-origin: center center;
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
}

@keyframes rotate-in {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transform-origin: center center;
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
}

.rotate-in {
    -webkit-animation-name: rotate-in;
    animation-name: rotate-in
}

@-webkit-keyframes rotate-out {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes rotate-out {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        transform-origin: center center;
        opacity: 0
    }
}

.rotate-out {
    -webkit-animation-name: rotate-out;
    animation-name: rotate-out
}

@-webkit-keyframes rotate-in-sm {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transform-origin: center center;
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
}

@keyframes rotate-in-sm {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transform-origin: center center;
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
}

.rotate-in-sm {
    -webkit-animation-name: rotate-in-sm;
    animation-name: rotate-in-sm
}

@-webkit-keyframes rotate-out-sm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes rotate-out-sm {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        opacity: 0
    }
}

.rotate-out-sm {
    -webkit-animation-name: rotate-out-sm;
    animation-name: rotate-out-sm
}

@-webkit-keyframes rotate-in-lg {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        transform-origin: center center;
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
}

@keyframes rotate-in-lg {
    0% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        transform-origin: center center;
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
}

.rotate-in-lg {
    -webkit-animation-name: rotate-in-lg;
    animation-name: rotate-in-lg
}

@-webkit-keyframes rotate-out-lg {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        transform-origin: center center;
        opacity: 0
    }
}

@keyframes rotate-out-lg {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: center center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        transform-origin: center center;
        opacity: 0
    }
}

.rotate-out-lg {
    -webkit-animation-name: rotate-out-lg;
    animation-name: rotate-out-lg
}

@-webkit-keyframes flip-in-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateX(0);
        transform: perspective(550px) rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateX(0);
        transform: perspective(550px) rotateX(0);
        opacity: 1
    }
}

.flip-in-x {
    -webkit-animation-name: flip-in-x;
    animation-name: flip-in-x;
    backface-visibility: visible !important
}

.flip-in-x-nr, .flip-out-x {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flip-out-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(0);
        transform: perspective(550px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x {
    0% {
        -webkit-transform: perspective(550px) rotateX(0);
        transform: perspective(550px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateX(90deg);
        transform: perspective(550px) rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x {
    -webkit-animation-name: flip-out-x;
    animation-name: flip-out-x;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0);
        transform: perspective(100px) rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateX(0);
        transform: perspective(100px) rotateX(0);
        opacity: 1
    }
}

.flip-in-x-nr {
    -webkit-animation-name: flip-in-x-nr;
    animation-name: flip-in-x-nr;
    backface-visibility: visible !important
}

.flip-in-x-fr, .flip-out-x-nr {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flip-out-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(0);
        transform: perspective(100px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x-nr {
    0% {
        -webkit-transform: perspective(100px) rotateX(0);
        transform: perspective(100px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateX(90deg);
        transform: perspective(100px) rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x-nr {
    -webkit-animation-name: flip-out-x-nr;
    animation-name: flip-out-x-nr;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
        opacity: 1
    }
}

@keyframes flip-in-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
        opacity: 1
    }
}

.flip-in-x-fr {
    -webkit-animation-name: flip-in-x-fr;
    animation-name: flip-in-x-fr;
    backface-visibility: visible !important
}

.flip-in-y, .flip-out-x-fr {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flip-out-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flip-out-x-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0
    }
}

.flip-out-x-fr {
    -webkit-animation-name: flip-out-x-fr;
    animation-name: flip-out-x-fr;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateY(0);
        transform: perspective(550px) rotateY(0);
        opacity: 1
    }
}

@keyframes flip-in-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(550px) rotateY(0);
        transform: perspective(550px) rotateY(0);
        opacity: 1
    }
}

.flip-in-y {
    -webkit-animation-name: flip-in-y;
    animation-name: flip-in-y;
    backface-visibility: visible !important
}

.flip-in-y-nr, .flip-out-y {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flip-out-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(0);
        transform: perspective(550px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y {
    0% {
        -webkit-transform: perspective(550px) rotateY(0);
        transform: perspective(550px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(550px) rotateY(90deg);
        transform: perspective(550px) rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y {
    -webkit-animation-name: flip-out-y;
    animation-name: flip-out-y;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
}

@keyframes flip-in-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
}

.flip-in-y-nr {
    -webkit-animation-name: flip-in-y-nr;
    animation-name: flip-in-y-nr;
    backface-visibility: visible !important
}

.flip-in-y-fr, .flip-out-y-nr {
    -webkit-backface-visibility: visible !important
}

@-webkit-keyframes flip-out-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y-nr {
    0% {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(100px) rotateY(90deg);
        transform: perspective(100px) rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y-nr {
    -webkit-animation-name: flip-out-y-nr;
    animation-name: flip-out-y-nr;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-in-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
        opacity: 1
    }
}

@keyframes flip-in-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
        opacity: 1
    }
}

.flip-in-y-fr {
    -webkit-animation-name: flip-in-y-fr;
    animation-name: flip-in-y-fr;
    backface-visibility: visible !important
}

@-webkit-keyframes flip-out-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flip-out-y-fr {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        transform: perspective(1000px) rotateY(90deg);
        opacity: 0
    }
}

.flip-out-y-fr {
    -webkit-animation-name: flip-out-y-fr;
    animation-name: flip-out-y-fr;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.mfp-wrap, .owl-carousel .owl-item, .owl-carousel .owl-video-play-icon, .remodal-overlay, .remodal-wrapper {
    -webkit-backface-visibility: hidden
}

@-webkit-keyframes zoom-in {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoom-in {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

@-webkit-keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    50%, to {
        opacity: 0
    }
}

@keyframes zoom-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    50%, to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoom-in-sm {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoom-in-sm {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.zoom-in-sm {
    -webkit-animation-name: zoom-in-sm;
    animation-name: zoom-in-sm
}

@-webkit-keyframes zoom-out-sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50%, to {
        opacity: 0
    }
}

@keyframes zoom-out-sm {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50%, to {
        opacity: 0
    }
}

.zoom-out-sm {
    -webkit-animation-name: zoom-out-sm;
    animation-name: zoom-out-sm
}

@-webkit-keyframes zoom-in-lg {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes zoom-in-lg {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.zoom-in-lg {
    -webkit-animation-name: zoom-in-lg;
    animation-name: zoom-in-lg
}

@-webkit-keyframes zoom-out-lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    50%, to {
        opacity: 0
    }
}

@keyframes zoom-out-lg {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
    50%, to {
        opacity: 0
    }
}

.zoom-out-lg {
    -webkit-animation-name: zoom-out-lg;
    animation-name: zoom-out-lg
}

@-webkit-keyframes overlay-slide-in-top {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

@keyframes overlay-slide-in-top {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

.overlay-slide-in-top {
    top: 0;
    height: 0;
    -webkit-animation-name: overlay-slide-in-top;
    animation-name: overlay-slide-in-top
}

@-webkit-keyframes overlay-slide-out-top {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

@keyframes overlay-slide-out-top {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

.overlay-slide-out-top {
    top: 0;
    height: 100%;
    -webkit-animation-name: overlay-slide-out-top;
    animation-name: overlay-slide-out-top
}

@-webkit-keyframes overlay-slide-in-bottom {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

@keyframes overlay-slide-in-bottom {
    0% {
        height: 100%
    }
    to {
        height: 0
    }
}

.overlay-slide-in-bottom {
    bottom: 0;
    height: 0;
    -webkit-animation-name: overlay-slide-in-bottom;
    animation-name: overlay-slide-in-bottom
}

@-webkit-keyframes overlay-slide-out-bottom {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

@keyframes overlay-slide-out-bottom {
    0% {
        height: 0
    }
    to {
        height: 100%
    }
}

.overlay-slide-out-bottom {
    bottom: 0;
    height: 100%;
    -webkit-animation-name: overlay-slide-out-bottom;
    animation-name: overlay-slide-out-bottom
}

@-webkit-keyframes overlay-slide-in-left {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

@keyframes overlay-slide-in-left {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.overlay-slide-in-left {
    width: 0;
    -webkit-animation-name: overlay-slide-in-left;
    animation-name: overlay-slide-in-left
}

@-webkit-keyframes overlay-slide-out-left {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes overlay-slide-out-left {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.overlay-slide-out-left {
    left: 0;
    width: 100%;
    -webkit-animation-name: overlay-slide-out-left;
    animation-name: overlay-slide-out-left
}

@-webkit-keyframes overlay-slide-in-right {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

@keyframes overlay-slide-in-right {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.overlay-slide-in-right {
    right: 0;
    width: 0;
    -webkit-animation-name: overlay-slide-in-right;
    animation-name: overlay-slide-in-right
}

@-webkit-keyframes overlay-slide-out-right {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes overlay-slide-out-right {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.overlay-slide-out-right {
    right: 0;
    width: 100%;
    -webkit-animation-name: overlay-slide-out-right;
    animation-name: overlay-slide-out-right
}

@font-face {
    font-family: 'Roboto';
    src: url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-regular-webfont.eot');
    src: url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-regular-webfont.eot#iefix') format('embedded-opentype'),
    url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-regular-webfont.woff') format('woff2'),
    url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-regular-webfont.woff') format('woff'),
    url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
    url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-regular-webfont.svg') format('svg');
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-bold-webfont.eot');
    src: url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-bold-webfont.eot#iefix') format('embedded-opentype'),
    url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-bold-webfont.woff') format('woff2'),
    url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-bold-webfont.woff') format('woff'),
    url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
    url('../../../../../../local/templates/repako_main/src/fonts/roboto/roboto-bold-webfont.svg') format('svg');
}

@font-face {
    font-family: crazy;
    src: url(../../../../../../local/templates/repako_main/src/fonts/crazy/crazy.eot);
    src: url(../../../../../../local/templates/repako_main/src/fonts/crazy/crazy.eot) format('embedded-opentype'), url(../../../../../../local/templates/repako_main/src/fonts/crazy/crazy.ttf) format('truetype'), url(../../../../../../local/templates/repako_main/src/fonts/crazy/crazy.woff) format('woff'), url(../../../../../../local/templates/repako_main/src/fonts/crazy/crazy.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'sf_ui_display';
    src: url('../../../../../../local/templates/repako_main/src/fonts/SFUIDisplay-Black/sfuidisplay-black-webfont.eot');
    src: url('../../../../../../local/templates/repako_main/src/fonts/SFUIDisplay-Black/sfuidisplay-black-webfont.eot#iefix') format('embedded-opentype'),
    url('../../../../../../local/templates/repako_main/src/fonts/SFUIDisplay-Black/sfuidisplay-black-webfont.woff') format('woff2'),
    url('../../../../../../local/templates/repako_main/src/fonts/SFUIDisplay-Black/sfuidisplay-black-webfont.woff') format('woff'),
    url('../../../../../../local/templates/repako_main/src/fonts/SFUIDisplay-Black/sfuidisplay-black-webfont.ttf') format('truetype'),
    url('../../../../../../local/templates/repako_main/src/fonts/SFUIDisplay-Black/sfuidisplay-black-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {font-family: "MuseoSansCyrlW03-900";
    src: url("../../../../../../local/templates/repako_main/src/fonts/MuseoSansCyrlW03-900/MuseoSansCyrlW03-900.eot");
    src: url("../../../../../../local/templates/repako_main/src/fonts/MuseoSansCyrlW03-900/MuseoSansCyrlW03-900.eot#iefix") format("embedded-opentype"),
    url("../../../../../../local/templates/repako_main/src/fonts/MuseoSansCyrlW03-900/MuseoSansCyrlW03-900.woff") format("woff2"),
    url("../../../../../../local/templates/repako_main/src/fonts/MuseoSansCyrlW03-900/MuseoSansCyrlW03-900.woff") format("woff"),
    url("../../../../../../local/templates/repako_main/src/fonts/MuseoSansCyrlW03-900/MuseoSansCyrlW03-900.ttf") format("truetype"),
    url("../../../../../../local/templates/repako_main/src/fonts/MuseoSansCyrlW03-900/MuseoSansCyrlW03-900.svg") format("svg");
}

[class*=" icon-"]:before, [class^=icon-]:before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.icon-reliability:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzgiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNDM4IDUxMiI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDk3NDYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQyOS4zOTcgODguNDExQzM1OC45NSA2OS4xMSAyODguMDg5IDM5LjA1NSAyMjQuNDc3IDEuNDk2YTEwLjc2NSAxMC43NjUgMCAwIDAtMTAuOTUxIDBDMTQ4LjA4MyA0MC4xMzMgODEuMDUyIDY4LjU2MyA4LjYwNSA4OC40MTFBMTAuNzcgMTAuNzcgMCAwIDAgLjY4MSA5OC43OTl2MTEwLjA0N2MwIDExMy4zMjMgNTIuMjc5IDE4OC4zMzUgOTYuMTM2IDIzMS4zMDYgNDcuMjE3IDQ2LjI2NCAxMDIuMjE1IDcxLjg0OSAxMjIuMTg0IDcxLjg0OSAxOS45NjcgMCA3NC45NjctMjUuNTg2IDEyMi4xODMtNzEuODQ5IDQzLjg1Ny00Mi45NzEgOTYuMTM2LTExNy45ODMgOTYuMTM2LTIzMS4zMDZWOTguNzk4YTEwLjc2NSAxMC43NjUgMCAwIDAtNy45MjMtMTAuMzg3em0tMTMuNjE2IDEyMC40MzRjMCAxMDUuODQyLTQ4Ljc2MSAxNzUuODM4LTg5LjY3IDIxNS45Mi00Ni40MzEgNDUuNDk1LTk2LjA3NSA2NS42OTUtMTA3LjEwOCA2NS42OTUtMTEuMDMzIDAtNjAuNjc5LTIwLjItMTA3LjEwOS02NS42OTUtNDAuOTA3LTQwLjA4Mi04OS42Ny0xMTAuMDc5LTg5LjY3LTIxNS45MnYtMTAxLjg3YzY5LjI4Mi0xOS42NzIgMTMzLjc5OS00Ny4xMjIgMTk2Ljc4Mi04My43MjQgNjEuNDEyIDM1LjYzMSAxMjkuMTUgNjQuNDQ2IDE5Ni43NzcgODMuNzJ2MTAxLjg3NGgtLjAwMnoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDA5NzQ2IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xNDMuOTU5IDEwNy44MzZjMS40MjIgMCAyLjg2Ny0uMjgzIDQuMjU3LS44ODJsLjIwMi0uMDg5LTQuMjMyLTkuOTA0IDQuMjYzIDkuODkxYzUuNDYzLTIuMzU0IDcuOTgyLTguNjkgNS42MjgtMTQuMTU0LTIuMzU1LTUuNDYyLTguNjg4LTcuOTgxLTE0LjE1NC01LjYyOGwtLjIzNC4xMDJjLTUuNDYzIDIuMzU0LTcuOTgzIDguNjktNS42MyAxNC4xNTRhMTAuNzg0IDEwLjc4NCAwIDAgMCA5LjkgNi41MXptLTIwLjQyMi0yLjA2NGMtMi4xOC01LjUzNS04LjQzNS04LjI1MS0xMy45NjktNi4wNzNhODc3Ljc1NCA4NzcuNzU0IDAgMCAxLTU4LjY5NCAyMC43NCAxMC43NyAxMC43NyAwIDAgMC03LjU0NSAxMC4yNzZ2NDEuNTg5YzAgNS45NDggNC44MjMgMTAuNzcgMTAuNzcgMTAuNzcgNS45NDcgMCAxMC43Ny00LjgyMiAxMC43Ny0xMC43N3YtMzMuNzE4YTkwMC4yNDggOTAwLjI0OCAwIDAgMCA1Mi41OTYtMTguODQ1YzUuNTM0LTIuMTgxIDguMjUxLTguNDM1IDYuMDcyLTEzLjk2OXptMTIyLjAwNSAzMjcuNjg1bC0uNjU2LjM4NGMtNS4xMzEgMy4wMDktNi44NDkgOS42MDktMy44MzggMTQuNzRhMTAuNzY2IDEwLjc2NiAwIDAgMCAxNC43NCAzLjgzOWwuNjc1LS4zOTVjNS4xMjgtMy4wMTYgNi44MzktOS42MTcgMy44MjQtMTQuNzQzLTMuMDE4LTUuMTI5LTkuNjItNi44NDEtMTQuNzQ1LTMuODI1em0yNS4wMy0xNi45MDVjLTQuNzMgMy42MDYtNS42NDEgMTAuMzY0LTIuMDM3IDE1LjA5NWExMC43NTQgMTAuNzU0IDAgMCAwIDguNTc0IDQuMjQxIDEwLjcyIDEwLjcyIDAgMCAwIDYuNTIxLTIuMjA1IDI5Ny4xMDggMjk3LjEwOCAwIDAgMCAzMy4zMi0yOS42NGMxMi42MTEtMTMuMDQ3IDIzLjg4My0yNy4xMjggMzMuNDk4LTQxLjg1MiAzLjI1NC00Ljk4IDEuODU0LTExLjY1NC0zLjEyOC0xNC45MDctNC45NzktMy4yNTMtMTEuNjUzLTEuODUyLTE0LjkwNiAzLjEyOC04Ljg3MiAxMy41ODQtMTkuMjg3IDI2LjU5MS0zMC45NTEgMzguNjU5YTI3NS4zMjggMjc1LjMyOCAwIDAgMS0zMC44OTEgMjcuNDgxeiIvPgogICAgICAgIDx0ZXh0IGZpbGw9IiNGRkYiIGZvbnQtZmFtaWx5PSJSb2JvdG8tUmVndWxhciwgUm9ib3RvIiBmb250LXNpemU9IjE0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0xKSI+CiAgICAgICAgICAgIDx0c3BhbiB4PSIxOTUiIHk9IjI2MiI+MzM5ZTM1PC90c3Bhbj4KICAgICAgICA8L3RleHQ+CiAgICA8L2c+Cjwvc3ZnPgo=");
}

.icon-availability:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTQiIGhlaWdodD0iMzgwIiB2aWV3Qm94PSIwIDAgMzE0IDM4MCI+CiAgICA8cGF0aCBmaWxsPSIjMDA5NzQ2IiBkPSJNMzYuNDEuMDFhOC4yNjIgOC4yNjIgMCAwIDAtNy40ODkgOC4yNnYyNC43ODJjMCA0LjU2MiAzLjcgOC4yNiA4LjI2MyA4LjI2aDE2LjUyN3YxMi4zOTFIOC4yNjNhOC4yNjYgOC4yNjYgMCAwIDAtLjc3NCAwQTguMjYyIDguMjYyIDAgMCAwIDAgNjEuOTY0djEyMy45MWMwIDQuNTYyIDMuNyA4LjI2IDguMjYzIDguMjZoMTAzLjI5djIwLjY1M2E4LjI2MSA4LjI2MSAwIDAgMCA0LjUxOSA3LjM1N2wxMi4wMDcgNi4wNjZ2MTQzLjUzYzAgNC41NjEgMy43IDguMjYgOC4yNjMgOC4yNmg0MS4zMTZhOC4yNjMgOC4yNjMgMCAwIDAgOC4yNjMtOC4yNlYyMjguMjFsMTIuMDA3LTYuMDY2YTguMjYxIDguMjYxIDAgMCAwIDQuNTItNy4zNTd2LTIwLjY1MmgxMDMuMjg5YTguMjYzIDguMjYzIDAgMCAwIDguMjYzLTguMjZWNjEuOTY0YzAtNC41NjMtMy43LTguMjYxLTguMjYzLTguMjYyaC00NS40NDh2LTEyLjM5aDE2LjUyN2E4LjI2MyA4LjI2MyAwIDAgMCA4LjI2My04LjI2MVY4LjI3QTguMjYyIDguMjYyIDAgMCAwIDI3Ny41OS4wMWE4LjI2NiA4LjI2NiAwIDAgMC0uNzc0IDBoLTQ5LjU4YTguMjYzIDguMjYzIDAgMCAwLTguMjYyIDguMjZ2MjQuNzgyYzAgNC41NjIgMy43IDguMjYgOC4yNjMgOC4yNmgxNi41MjZ2MTIuMzkxaC03OC41di0xMi4zOWgxNi41MjdhOC4yNjMgOC4yNjMgMCAwIDAgOC4yNjMtOC4yNjFWOC4yN2E4LjI2MiA4LjI2MiAwIDAgMC03LjQ4OS04LjI2IDguMjY2IDguMjY2IDAgMCAwLS43NzQgMGgtNDkuNThhOC4yNjMgOC4yNjMgMCAwIDAtOC4yNjMgOC4yNnYyNC43ODJjMCA0LjU2MiAzLjcgOC4yNiA4LjI2NCA4LjI2aDE2LjUyNnYxMi4zOTFoLTc4LjV2LTEyLjM5aDE2LjUyNmE4LjI2MyA4LjI2MyAwIDAgMCA4LjI2My04LjI2MVY4LjI3YzAtNC41NjItMy43LTguMjYtOC4yNjMtOC4yNkgzNy4xODRhOC4yNjYgOC4yNjYgMCAwIDAtLjc3NCAwem05LjAzNyAxNi41Mkg3OC41djguMjYxSDQ1LjQ0N3YtOC4yNnptOTUuMDI3IDBoMzMuMDUydjguMjYxaC0zMy4wNTJ2LTguMjZ6bTk1LjAyNiAwaDMzLjA1M3Y4LjI2MUgyMzUuNXYtOC4yNnpNMTYuNTI2IDcwLjIyNWgyODAuOTQ4djEwNy4zODlIMTYuNTI2VjcwLjIyNHptMTExLjU1MyAxMjMuOTFoNTcuODQydjE1LjQ4OWwtMTIuMDA3IDYuMDY2YTguMjYxIDguMjYxIDAgMCAwLTQuNTIgNy4zNTdWMzYzLjQ4aC0yNC43ODlWMjIzLjA0N2E4LjI2MSA4LjI2MSAwIDAgMC00LjUxOS03LjM1N2wtMTIuMDA3LTYuMDY2di0xNS40OXoiLz4KPC9zdmc+Cg==");
}

.icon-production:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNjAwIDYwMCI+CiAgICA8cGF0aCBmaWxsPSIjMDA5NzQ2IiBkPSJNNTk3Ljc3MyAyNzQuNDI4YzAtNi4yMzctMy43MzYtMTEuMjI2LTkuOTYzLTEyLjQ3NGwtNDQuODMzLTguNzMyYy0yLjQ5LTEyLjQ3NC00Ljk4Mi0yNC45NDgtOS45NjMtMzYuMTc0bDMzLjYyNS0yOS45MzhjNC45ODEtMy43NDIgNC45ODEtOS45NzkgMi40OS0xNi4yMTZsLTI0LjkwNy00My42NmMtMi40OS00Ljk4OS04LjcxNy03LjQ4My0xNC45NDQtNC45ODlsLTQxLjA5NyAxNC45N2MtOC43MTgtOS45OC0xNy40MzUtMTguNzEyLTI2LjE1My0yNi4xOTZsMTQuOTQ1LTQyLjQxMmMyLjQ5LTYuMjM3IDAtMTEuMjI3LTQuOTgyLTE0Ljk2OUw0MjguNDA0IDI4LjY5Yy02LjIyNy0zLjc0Mi0xMy43LTIuNDk1LTE3LjQzNSAxLjI0OGwtMjkuODg5IDMzLjY4Yy0xMS4yMDgtMy43NDMtMjMuNjYyLTcuNDg1LTM2LjExNS05Ljk4TDMzNi4yNDcgOS45OEMzMzUuMDAyIDMuNzQyIDMzMC4wMiAwIDMyMy43OTQgMGgtNDkuODE1Yy02LjIyNyAwLTExLjIwOCAzLjc0Mi0xMi40NTMgOS45OGwtOC43MTggNDQuOTA2Yy0xMi40NTQgMi40OTQtMjQuOTA3IDQuOTktMzYuMTE1IDkuOTc5bC0yOS44ODktMzQuOTI3Yy0zLjczNi00Ljk5LTkuOTYzLTQuOTktMTYuMTktMi40OTVMMTI3LjAyNyA1Mi4zOWMtMy43MzYgMy43NDItNi4yMjcgOS45OC00Ljk4MiAxNC45NjlsMTQuOTQ1IDQyLjQxMWMtOS45NjMgOC43MzItMTguNjggMTcuNDY0LTI2LjE1MyAyNi4xOTZsLTQzLjU4OC0xMy43MjJjLTQuOTgxLTIuNDk0LTExLjIwOCAwLTE0Ljk0NCA0Ljk5bC0yNC45MDcgNDMuNjU5Yy0yLjQ5IDQuOTktMS4yNDUgMTIuNDc0IDIuNDkgMTYuMjE2bDMzLjYyNSAyOS45MzhjLTMuNzM2IDExLjIyNi03LjQ3MiAyMy43LTkuOTYzIDM2LjE3NGwtNDMuNTg3IDguNzMyQzMuNzM2IDI2My4yMDIgMCAyNjguMTkxIDAgMjc0LjQyOHY0OS44OTZjMCA2LjIzNyAzLjczNiAxMS4yMjcgOS45NjMgMTIuNDc0bDQ0LjgzMyA4LjczMmMyLjQ5IDEyLjQ3NCA0Ljk4MSAyNC45NDggOS45NjMgMzYuMTc1bC0zNC44NyAyOS45MzdjLTQuOTgyIDMuNzQzLTQuOTgyIDkuOTgtMi40OTEgMTYuMjE3bDI0LjkwNyA0My42NTljMi40OSA0Ljk5IDguNzE4IDcuNDg0IDE0Ljk0NCA0Ljk5bDQyLjM0My0xNC45N2M4LjcxNyA5Ljk4IDE3LjQzNSAxOC43MTEgMjcuMzk4IDI3LjQ0M2wtMTQuOTQ1IDQyLjQxMmMtMi40OSA2LjIzNyAwIDExLjIyNyA0Ljk4MiAxNC45NjlsNDMuNTg3IDI0Ljk0OGM0Ljk4MiAyLjQ5NSAxMS4yMDkgMi40OTUgMTYuMTktMi40OTVsMjkuODg5LTMzLjY4YzExLjIwOCAzLjc0MiAyMy42NjEgNy40ODUgMzYuMTE1IDkuOThsOC43MTggNDQuOTA2YzEuMjQ1IDYuMjM3IDYuMjI2IDkuOTc5IDEyLjQ1MyA5Ljk3OWg0OS44MTVjNi4yMjYgMCAxMS4yMDgtMy43NDIgMTIuNDUzLTkuOThsOC43MTgtNDQuOTA2YzEyLjQ1My0yLjQ5NCAyNC45MDctNC45OSAzNi4xMTUtOS45NzlsMjkuODg5IDMzLjY4YzMuNzM2IDQuOTkgOS45NjMgNC45OSAxNi4xOSAyLjQ5NWw0My41ODctMjQuOTQ4YzQuOTgxLTIuNDk1IDcuNDcyLTguNzMyIDQuOTgxLTE0Ljk3bC0xNC45NDQtNDIuNDFjOS45NjMtOC43MzMgMTguNjgtMTcuNDY0IDI3LjM5OC0yNy40NDRsNDIuMzQyIDE0Ljk3YzYuMjI3IDIuNDk0IDExLjIwOCAwIDE0Ljk0NS00Ljk5bDI0LjkwNy00My42NmMyLjQ5LTQuOTg5IDIuNDktMTEuMjI2LTIuNDkxLTE2LjIxNmwtMzMuNjI1LTI5LjkzN2MzLjczNi0xMS4yMjcgNy40NzItMjMuNyA5Ljk2My0zNi4xNzVsNDQuODMzLTguNzMyYzYuMjI3LTEuMjQ3IDkuOTYzLTYuMjM3IDkuOTYzLTEyLjQ3NGwtMS4yNDUtNDkuODk2em0tNjcuMjUgNDguNjQ5Yy00Ljk4MSAxLjI0Ny04LjcxNyA0Ljk5LTkuOTYzIDkuOTgtMi40OSAxNi4yMTUtNi4yMjYgMzIuNDMyLTEyLjQ1MyA0OC42NDgtMi40OTEgNC45OSAwIDkuOTc5IDMuNzM2IDEzLjcyMWwzMi4zOCAyOC42OS0xNC45NDUgMjQuOTQ4LTQxLjA5Ny0xMy43MjFjLTQuOTgxLTEuMjQ3LTkuOTYzIDAtMTMuNjk5IDMuNzQyLTkuOTYzIDEyLjQ3NC0yMi40MTYgMjQuOTQ4LTM0Ljg3IDM0LjkyNy0zLjczNiAzLjc0My02LjIyNyA4LjczMi0zLjczNiAxMy43MjJsMTMuNjk5IDQxLjE2NC0yNC45MDcgMTQuOTY5LTI5Ljg4OS0zMi40MzJjLTMuNzM2LTMuNzQzLTguNzE4LTQuOTktMTMuNjk5LTMuNzQzLTE0Ljk0NCA2LjIzNy0zMS4xMzQgOS45OC00OC41NjkgMTIuNDc0LTQuOTgxIDEuMjQ4LTkuOTYzIDQuOTktOS45NjMgOS45OGwtOC43MTcgNDMuNjU5aC0yOS44ODlsLTguNzE4LTQyLjQxMmMtMS4yNDUtNC45OS00Ljk4MS04LjczMi05Ljk2Mi05Ljk4LTE2LjE5LTIuNDk0LTMyLjM4LTYuMjM2LTQ4LjU3LTEyLjQ3My0xLjI0NSAwLTIuNDktMS4yNDgtNC45OC0xLjI0OC0zLjczNyAwLTcuNDczIDEuMjQ4LTkuOTY0IDMuNzQzbC0yNy4zOTggMzIuNDMyLTI0LjkwNy0xNC45NjkgMTMuNy00MS4xNjRjMS4yNDQtNC45OSAwLTkuOTgtMy43MzctMTMuNzIyLTEyLjQ1NC05Ljk3OS0yNC45MDctMjIuNDUzLTM0Ljg3LTM0LjkyNy0zLjczNi0zLjc0Mi04LjcxOC02LjIzNy0xMy42OTktMy43NDJsLTQyLjM0MiAxMy43MjEtMTQuOTQ1LTI0Ljk0OCAzMy42MjUtMjguNjljMy43MzYtMy43NDIgNC45ODItOC43MzIgMy43MzYtMTMuNzIxLTYuMjI3LTE0Ljk2OS05Ljk2My0zMS4xODUtMTIuNDUzLTQ4LjY0OS0xLjI0Ni00Ljk5LTQuOTgyLTguNzMyLTkuOTYzLTkuOThsLTQzLjU4OC04Ljczdi0yOS45MzlsNDIuMzQyLTguNzMxYzQuOTgyLTEuMjQ4IDguNzE4LTQuOTkgOS45NjMtOS45OCAyLjQ5MS0xNi4yMTYgNi4yMjctMzIuNDMyIDEyLjQ1NC00OC42NDggMi40OS00Ljk5IDAtOS45OC0zLjczNi0xMy43MjJsLTMxLjEzNC0yOC42OSAxNC45NDQtMjQuOTQ4IDQxLjA5NyAxMy43MjJjNC45ODEgMS4yNDcgOS45NjMgMCAxMy42OTktMy43NDMgOS45NjMtMTIuNDc0IDIyLjQxNi0yNC45NDggMzQuODctMzQuOTI3IDMuNzM2LTMuNzQyIDYuMjI3LTguNzMyIDMuNzM2LTEzLjcyMWwtMTMuNjk5LTQyLjQxMiAyNC45MDctMTQuOTY5IDI4LjY0NCAzMy42OGMzLjczNiAzLjc0MiA4LjcxNyA0Ljk5IDEzLjY5OSAzLjc0MiAxNC45NDQtNi4yMzcgMzEuMTM0LTkuOTc5IDQ4LjU2OS0xMi40NzQgNC45ODEtMS4yNDcgOC43MTctNC45OSA5Ljk2Mi05Ljk3OWw4LjcxOC00My42NTloMjkuODg5bDguNzE3IDQyLjQxMmMxLjI0NiA0Ljk5IDQuOTgyIDguNzMxIDkuOTYzIDkuOTc5IDE2LjE5IDIuNDk1IDMyLjM4IDYuMjM3IDQ4LjU3IDEyLjQ3NCA0Ljk4IDIuNDk1IDkuOTYyIDAgMTMuNjk4LTMuNzQybDI4LjY0My0zMS4xODUgMjQuOTA3IDE0Ljk2OC0xMy42OTggNDEuMTY1Yy0xLjI0NiA0Ljk5IDAgOS45NzkgMy43MzYgMTMuNzIxIDEyLjQ1MyA5Ljk4IDI0LjkwNyAyMi40NTMgMzQuODcgMzQuOTI3IDMuNzM2IDMuNzQzIDguNzE3IDYuMjM3IDEzLjY5OSAzLjc0M2w0MS4wOTctMTMuNzIyIDE0Ljk0NCAyNC45NDgtMzIuMzggMjguNjljLTMuNzM2IDMuNzQzLTQuOTgxIDguNzMyLTMuNzM2IDEzLjcyMiA2LjIyNyAxNC45NjkgOS45NjMgMzEuMTg1IDEyLjQ1NCA0OC42NDggMS4yNDUgNC45OSA0Ljk4MSA4LjczMiA5Ljk2MyA5Ljk4bDQyLjM0MiA4LjczMXYyOS45MzhsLTQxLjA5NyA4LjczMnpNMjk4Ljg4NiAxMjQuNzRjLTk1Ljg5MiAwLTE3NC4zNSA3OC41ODYtMTc0LjM1IDE3NC42MzZ2MTIuNDc0SDk5LjYyOXYtMTIuNDc0YzAtMTA5Ljc3MSA4OS42NjYtMTk5LjU4NCAxOTkuMjU3LTE5OS41ODR2MjQuOTQ4em0xNzQuMzUgMTYyLjE2MmgyNC45MDh2MTIuNDc0YzAgMTA5Ljc3Mi04OS42NjYgMTk5LjU4NC0xOTkuMjU4IDE5OS41ODR2LTI0Ljk0OGM5NS44OTMgMCAxNzQuMzUtNzguNTg2IDE3NC4zNS0xNzQuNjM2di0xMi40NzR6Ii8+Cjwvc3ZnPgo=");
}

.icon-result:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTMiIGhlaWdodD0iNDU3IiB2aWV3Qm94PSIwIDAgNTEzIDQ1NyI+CiAgICA8cGF0aCBmaWxsPSIjMDA5NzQ2IiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMTIiIGQ9Ik02LjkyNSAyNTMuODNjLTQuNjE2LTU5LjUgMTUuMzg5LTExNS45MjQgNTUuOTEtMTU5LjAxIDM5LjQ5Ny00Mi41NzUgOTUuOTItNjcuMTk2IDE1NC4zOTYtNjcuMTk2IDY0LjExNyAwIDEyNC4xMzEgMjkuMjM4IDE2NC4xNCA3OC40OGw5NC4zODItOTMuODY4YzcuMTgxLTcuMTgxIDE4LjQ2Ni03LjE4MSAyNS4xMzQgMCA3LjE4MSA3LjE4MSA3LjE4MSAxOC40NjYgMCAyNS4xMzRMMjM0LjY3IDMwMi4wNDdjLTMuNTkgMy41OS03LjY5NCA1LjEzLTEyLjgyNCA1LjEzLTQuNjE2IDAtOS4yMzMtMi4wNTItMTIuODIzLTUuMTNsLTg3LjItODguMjI2Yy03LjE4MS03LjE4LTcuMTgxLTE4LjQ2NSAwLTI1LjEzNCA3LjE4MS02LjY2OCAxOC40NjYtNy4xOCAyNS4xMzQgMGw3NS40MDIgNzUuNDAzTDM1NS43MjUgMTMxLjc1Yy0zMy4zNDEtNDIuNTc0LTg0LjEyMi02Ny43MDgtMTM4LjQ5NC02Ny43MDgtNDguMjE2IDAtOTQuODk0IDIwLjUxNy0xMjguMjM1IDU1LjkxLTMzLjM0MSAzNS45MDYtNDkuNzU1IDgyLjU4NC00Ni42NzggMTMyLjMzOSA2LjE1NiA4Ni4xNzQgNzUuNDAyIDE1NS45MzQgMTYxLjU3NiAxNjIuMDkgOTAuNzkgNi42NjcgMTcyLjM0OC01OC40NzYgMTg2LjE5OC0xNDcuNzI4IDEuNTM5LTguNzIgMi4wNTItMTcuOTUzIDIuMDUyLTI3LjE4NiAwLTkuNzQ1IDguMjA3LTE3Ljk1MiAxNy45NTItMTcuOTUyIDkuNzQ2IDAgMTcuOTUzIDguMjA3IDE3Ljk1MyAxNy45NTIgMCAxMC43NzItMS4wMjYgMjEuNTQ0LTIuNTY0IDMyLjMxNi0xNS45MDEgMTAyLjU4OC0xMDYuMTc5IDE3OC41MDMtMjA5LjI4IDE3OC41MDMtNS4xMyAwLTkuNzQ2IDAtMTQuODc1LS41MTMtMTAzLjYxNC04LjIwNy0xODcuMjIzLTkyLjMzLTE5NC40MDUtMTk1Ljk0M3oiLz4KPC9zdmc+Cg==");
}

[class*=" cr-"], [class^=cr-] {
    font-family: crazy !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cr-target:before {
    content: "\e900"
}

.cr-light_b:before {
    content: "\e901"
}

.cr-flower:before {
    content: "\e902"
}

.cr-anchor:before {
    content: "\e903"
}

.cr-check:before {
    content: "\e904"
}

.cr-cup:before {
    content: "\e905"
}

.cr-diamond:before {
    content: "\e906"
}

.cr-gear:before {
    content: "\e907"
}

.cr-heart:before {
    content: "\e908"
}

.cr-location:before {
    content: "\e909"
}

.cr-magnifier:before {
    content: "\e90a"
}

.cr-pencil:before {
    content: "\e90b"
}

.cr-phone:before {
    content: "\e90c"
}

.cr-send:before {
    content: "\e90d"
}

.cr-star:before {
    content: "\e90e"
}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(../../../../../../local/templates/repako_main/src/fonts/font-awesome/fontawesome-webfont_v-4.5.0.eot);
    src: url(../../../../../../local/templates/repako_main/src/fonts/font-awesome/fontawesome-webfont.eot) format('embedded-opentype'), url(../../../../../../local/templates/repako_main/src/fonts/font-awesome/fontawesome-webfont.woff) format('woff2'), url(../../../../../../local/templates/repako_main/src/fonts/font-awesome/fontawesome-webfont_v-4.5.0.woff) format('woff'), url(../../../../../../local/templates/repako_main/src/fonts/font-awesome/fontawesome-webfont_v-4.5.0.ttf) format('truetype'), url(../../../../../../local/templates/repako_main/src/fonts/font-awesome/fontawesome-webfont_v-4.5.0.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.lnr, .mfp-close {
    font-style: normal
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-stack, .mfp-container:before, .mfp-content, .remodal, .remodal-wrapper:after {
    vertical-align: middle
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa.fa-pull-right, .fa.pull-right {
    margin-left: .3em
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.mfp-bg, .mfp-wrap {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before, .fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}

.fa-krw:before, .fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before, .fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-edge:before {
    content: "\f282"
}

.fa-credit-card-alt:before {
    content: "\f283"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-modx:before {
    content: "\f285"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-usb:before {
    content: "\f287"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-pause-circle-o:before {
    content: "\f28c"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stop-circle-o:before {
    content: "\f28e"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-percent:before {
    content: "\f295"
}

@font-face {
    font-family: Linearicons-Free;
    src: url(../../../../../../local/templates/repako_main/src/fonts/LinearIcons/Linearicons-Free_w118d.eot);
    src: url(../../../../../../local/templates/repako_main/src/fonts/LinearIcons/Linearicons-Free.eot) format('embedded-opentype'), url(../../../../../../local/templates/repako_main/src/fonts/LinearIcons/Linearicons-Free.woff) format('woff2'), url(../../../../../../local/templates/repako_main/src/fonts/LinearIcons/Linearicons-Free_w118d.woff) format('woff'), url(../../../../../../local/templates/repako_main/src/fonts/LinearIcons/Linearicons-Free_w118d.ttf) format('truetype'), url(../../../../../../local/templates/repako_main/src/fonts/LinearIcons/Linearicons-Free_w118d.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

.lnr {
    font-family: Linearicons-Free;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.lnr-home:before {
    content: "\e800"
}

.lnr-apartment:before {
    content: "\e801"
}

.lnr-pencil:before {
    content: "\e802"
}

.lnr-magic-wand:before {
    content: "\e803"
}

.lnr-drop:before {
    content: "\e804"
}

.lnr-lighter:before {
    content: "\e805"
}

.lnr-poop:before {
    content: "\e806"
}

.lnr-sun:before {
    content: "\e807"
}

.lnr-moon:before {
    content: "\e808"
}

.lnr-cloud:before {
    content: "\e809"
}

.lnr-cloud-upload:before {
    content: "\e80a"
}

.lnr-cloud-download:before {
    content: "\e80b"
}

.lnr-cloud-sync:before {
    content: "\e80c"
}

.lnr-cloud-check:before {
    content: "\e80d"
}

.lnr-database:before {
    content: "\e80e"
}

.lnr-lock:before {
    content: "\e80f"
}

.lnr-cog:before {
    content: "\e810"
}

.lnr-trash:before {
    content: "\e811"
}

.lnr-dice:before {
    content: "\e812"
}

.lnr-heart:before {
    content: "\e813"
}

.lnr-star:before {
    content: "\e814"
}

.lnr-star-half:before {
    content: "\e815"
}

.lnr-star-empty:before {
    content: "\e816"
}

.lnr-flag:before {
    content: "\e817"
}

.lnr-envelope:before {
    content: "\e818"
}

.lnr-paperclip:before {
    content: "\e819"
}

.lnr-inbox:before {
    content: "\e81a"
}

.lnr-eye:before {
    content: "\e81b"
}

.lnr-printer:before {
    content: "\e81c"
}

.lnr-file-empty:before {
    content: "\e81d"
}

.lnr-file-add:before {
    content: "\e81e"
}

.lnr-enter:before {
    content: "\e81f"
}

.lnr-exit:before {
    content: "\e820"
}

.lnr-graduation-hat:before {
    content: "\e821"
}

.lnr-license:before {
    content: "\e822"
}

.lnr-music-note:before {
    content: "\e823"
}

.lnr-film-play:before {
    content: "\e824"
}

.lnr-camera-video:before {
    content: "\e825"
}

.lnr-camera:before {
    content: "\e826"
}

.lnr-picture:before {
    content: "\e827"
}

.lnr-book:before {
    content: "\e828"
}

.lnr-bookmark:before {
    content: "\e829"
}

.lnr-user:before {
    content: "\e82a"
}

.lnr-users:before {
    content: "\e82b"
}

.lnr-shirt:before {
    content: "\e82c"
}

.lnr-store:before {
    content: "\e82d"
}

.lnr-cart:before {
    content: "\e82e"
}

.lnr-tag:before {
    content: "\e82f"
}

.lnr-phone-handset:before {
    content: "\e830"
}

.lnr-phone:before {
    content: "\e831"
}

.lnr-pushpin:before {
    content: "\e832"
}

.lnr-map-marker:before {
    content: "\e833"
}

.lnr-map:before {
    content: "\e834"
}

.lnr-location:before {
    content: "\e835"
}

.lnr-calendar-full:before {
    content: "\e836"
}

.lnr-keyboard:before {
    content: "\e837"
}

.lnr-spell-check:before {
    content: "\e838"
}

.lnr-screen:before {
    content: "\e839"
}

.lnr-smartphone:before {
    content: "\e83a"
}

.lnr-tablet:before {
    content: "\e83b"
}

.lnr-laptop:before {
    content: "\e83c"
}

.lnr-laptop-phone:before {
    content: "\e83d"
}

.lnr-power-switch:before {
    content: "\e83e"
}

.lnr-bubble:before {
    content: "\e83f"
}

.lnr-heart-pulse:before {
    content: "\e840"
}

.lnr-construction:before {
    content: "\e841"
}

.lnr-pie-chart:before {
    content: "\e842"
}

.lnr-chart-bars:before {
    content: "\e843"
}

.lnr-gift:before {
    content: "\e844"
}

.lnr-diamond:before {
    content: "\e845"
}

.lnr-linearicons:before {
    content: "\e846"
}

.lnr-dinner:before {
    content: "\e847"
}

.lnr-coffee-cup:before {
    content: "\e848"
}

.lnr-leaf:before {
    content: "\e849"
}

.lnr-paw:before {
    content: "\e84a"
}

.lnr-rocket:before {
    content: "\e84b"
}

.lnr-briefcase:before {
    content: "\e84c"
}

.lnr-bus:before {
    content: "\e84d"
}

.lnr-car:before {
    content: "\e84e"
}

.lnr-train:before {
    content: "\e84f"
}

.lnr-bicycle:before {
    content: "\e850"
}

.lnr-wheelchair:before {
    content: "\e851"
}

.lnr-select:before {
    content: "\e852"
}

.lnr-earth:before {
    content: "\e853"
}

.lnr-smile:before {
    content: "\e854"
}

.lnr-sad:before {
    content: "\e855"
}

.lnr-neutral:before {
    content: "\e856"
}

.lnr-mustache:before {
    content: "\e857"
}

.lnr-alarm:before {
    content: "\e858"
}

.lnr-bullhorn:before {
    content: "\e859"
}

.lnr-volume-high:before {
    content: "\e85a"
}

.lnr-volume-medium:before {
    content: "\e85b"
}

.lnr-volume-low:before {
    content: "\e85c"
}

.lnr-volume:before {
    content: "\e85d"
}

.lnr-mic:before {
    content: "\e85e"
}

.lnr-hourglass:before {
    content: "\e85f"
}

.lnr-undo:before {
    content: "\e860"
}

.lnr-redo:before {
    content: "\e861"
}

.lnr-sync:before {
    content: "\e862"
}

.lnr-history:before {
    content: "\e863"
}

.lnr-clock:before {
    content: "\e864"
}

.lnr-download:before {
    content: "\e865"
}

.lnr-upload:before {
    content: "\e866"
}

.lnr-enter-down:before {
    content: "\e867"
}

.lnr-exit-up:before {
    content: "\e868"
}

.lnr-bug:before {
    content: "\e869"
}

.lnr-code:before {
    content: "\e86a"
}

.lnr-link:before {
    content: "\e86b"
}

.lnr-unlink:before {
    content: "\e86c"
}

.lnr-thumbs-up:before {
    content: "\e86d"
}

.lnr-thumbs-down:before {
    content: "\e86e"
}

.lnr-magnifier:before {
    content: "\e86f"
}

.lnr-cross:before {
    content: "\e870"
}

.lnr-menu:before {
    content: "\e871"
}

.lnr-list:before {
    content: "\e872"
}

.lnr-chevron-up:before {
    content: "\e873"
}

.lnr-chevron-down:before {
    content: "\e874"
}

.lnr-chevron-left:before {
    content: "\e875"
}

.lnr-chevron-right:before {
    content: "\e876"
}

.lnr-arrow-up:before {
    content: "\e877"
}

.lnr-arrow-down:before {
    content: "\e878"
}

.lnr-arrow-left:before {
    content: "\e879"
}

.lnr-arrow-right:before {
    content: "\e87a"
}

.lnr-move:before {
    content: "\e87b"
}

.lnr-warning:before {
    content: "\e87c"
}

.lnr-question-circle:before {
    content: "\e87d"
}

.lnr-menu-circle:before {
    content: "\e87e"
}

.lnr-checkmark-circle:before {
    content: "\e87f"
}

.lnr-cross-circle:before {
    content: "\e880"
}

.lnr-plus-circle:before {
    content: "\e881"
}

.lnr-circle-minus:before {
    content: "\e882"
}

.lnr-arrow-up-circle:before {
    content: "\e883"
}

.lnr-arrow-down-circle:before {
    content: "\e884"
}

.lnr-arrow-left-circle:before {
    content: "\e885"
}

.lnr-arrow-right-circle:before {
    content: "\e886"
}

.lnr-chevron-up-circle:before {
    content: "\e887"
}

.lnr-chevron-down-circle:before {
    content: "\e888"
}

.lnr-chevron-left-circle:before {
    content: "\e889"
}

.lnr-chevron-right-circle:before {
    content: "\e88a"
}

.lnr-crop:before {
    content: "\e88b"
}

.lnr-frame-expand:before {
    content: "\e88c"
}

.lnr-frame-contract:before {
    content: "\e88d"
}

.lnr-layers:before {
    content: "\e88e"
}

.lnr-funnel:before {
    content: "\e88f"
}

.lnr-text-format:before {
    content: "\e890"
}

.lnr-text-format-remove:before {
    content: "\e891"
}

.lnr-text-size:before {
    content: "\e892"
}

.lnr-bold:before {
    content: "\e893"
}

.lnr-italic:before {
    content: "\e894"
}

.lnr-underline:before {
    content: "\e895"
}

.lnr-strikethrough:before {
    content: "\e896"
}

.lnr-highlight:before {
    content: "\e897"
}

.lnr-text-align-left:before {
    content: "\e898"
}

.lnr-text-align-center:before {
    content: "\e899"
}

.lnr-text-align-right:before {
    content: "\e89a"
}

.lnr-text-align-justify:before {
    content: "\e89b"
}

.lnr-line-spacing:before {
    content: "\e89c"
}

.lnr-indent-increase:before {
    content: "\e89d"
}

.lnr-indent-decrease:before {
    content: "\e89e"
}

.lnr-pilcrow:before {
    content: "\e89f"
}

.lnr-direction-ltr:before {
    content: "\e8a0"
}

.lnr-direction-rtl:before {
    content: "\e8a1"
}

.lnr-page-break:before {
    content: "\e8a2"
}

.lnr-sort-alpha-asc:before {
    content: "\e8a3"
}

.lnr-sort-amount-asc:before {
    content: "\e8a4"
}

.lnr-hand:before {
    content: "\e8a5"
}

.lnr-pointer-up:before {
    content: "\e8a6"
}

.lnr-pointer-right:before {
    content: "\e8a7"
}

.lnr-pointer-down:before {
    content: "\e8a8"
}

.lnr-pointer-left:before {
    content: "\e8a9"
}

.mfp-container:before, .mfp-figure:after {
    content: ''
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    z-index: 1043;
    outline: 0 !important
}

.mfp-container {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    display: inline-block;
    height: 100%
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close, .mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

.mfp-figure:after, .mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    position: absolute;
    left: 0
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-right {
    right: 0
}

/*.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}*/

.mfp-iframe-holder {
    padding: 0;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.mfp-image-holder .mfp-content, img.mfp-img {
    max-width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    /*padding-top: 56.25%*/
}

.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.mfp-figure:after, img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

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

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

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

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

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

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

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

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

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

.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-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .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-loaded {
    display: block
}

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

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

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

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

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

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

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn, .remodal, .remodal-wrapper, [data-remodal-id] {
    display: none
}

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

.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(https://repako.kz/local/templates/repako_main/src/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: scale .1s ease;
    -moz-transition: scale .1s ease;
    -ms-transition: scale .1s ease;
    -o-transition: scale .1s ease;
    transition: scale .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

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

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    background: rgba(43, 46, 56, .9)
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 0
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay, .remodal-wrapper {
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff
}

.remodal-cancel, .remodal-close, .remodal-confirm {
    overflow: visible;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-close, .remodal-close:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px
}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay.remodal-is-closing, .remodal-overlay.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes
}

.remodal.remodal-is-closing, .remodal.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}

.remodal-close {
    height: 35px;
    padding: 0;
    -webkit-transition: color .2s;
    transition: color .2s;
    color: #95979c;
    background: 0 0
}

.remodal-close:focus, .remodal-close:hover {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    content: "\00d7";
    text-align: center
}

.remodal-cancel, .remodal-confirm {
    font: inherit;
    display: inline-block;
    min-width: 110px;
    padding: 12px 0;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-align: center;
    vertical-align: middle
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:focus, .remodal-confirm:hover {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:focus, .remodal-cancel:hover {
    background: #ef5350
}

.remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}
/* End */


/* Start:/local/templates/repako_main/src/css/ymaps_customizedBalloon.css?16827032164081*/
.ymaps-balloonLayout {
    position: relative;
    width: 280px;
    padding: 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    color: #383838;
    font-size: 14px;
    line-height: 22px;
    z-index: 1;
}
.ymaps-balloonLayout::after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
    display: block;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.05);
}
.ymaps-balloonLayout .ymaps-balloonContent {
    position: relative;
    display: flex;
    padding-top: 165px;
    flex-direction: row-reverse;
    margin-bottom: 15px;
}
.ymaps-balloonLayout .ymaps-balloonContent p:only-child {
    display: block;
    margin-bottom: 0;
    padding-top: 0;
    text-align: center;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-radio {
    display: none;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-radio.radio-A:checked ~ .board-controls .board-control.control-A,
.ymaps-balloonLayout .ymaps-balloonContent .board-radio.radio-B:checked ~ .board-controls .board-control.control-B {
    color: #fff;
    background-color: #009746;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-radio.radio-A:checked ~ .board-info .board-side .side-name.side-name-A,
.ymaps-balloonLayout .ymaps-balloonContent .board-radio.radio-B:checked ~ .board-info .board-side .side-name.side-name-B {
    display: inline-block;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-radio.radio-A:checked ~ .board-info .board-side-status .status.status-side-A,
.ymaps-balloonLayout .ymaps-balloonContent .board-radio.radio-B:checked ~ .board-info .board-side-status .status.status-side-B {
    display: inline-block;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-radio.radio-A:checked ~ .board-info .board-images .board-img.img-A,
.ymaps-balloonLayout .ymaps-balloonContent .board-radio.radio-B:checked ~ .board-info .board-images .board-img.img-B {
    display: block;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-controls {
    width: 70px;
    text-align: right;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-controls .board-control {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #033704;
    background-color: #c9e9d8;
    text-transform: uppercase;
    cursor: pointer;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-controls .board-control:not(:last-child) {
    margin-right: 10px;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-info {
    width: 170px;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-info .board-side .side-name {
    display: none;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-info .board-side-status .status {
    display: none;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-info .board-side-status .status.status-free {
    color: #009746;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-info .board-side-status .status.status-busy {
    color: #d0021b;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-info .board-images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
}
.ymaps-balloonLayout .ymaps-balloonContent .board-info .board-images .board-img {
    display: none;
}
.ymaps-balloonLayout .ymaps-balloonFooter {

}
.ymaps-balloonLayout .ymaps-balloonFooter .btn {
    width: 100%;
    margin: 0;
    color: #033704;
    font-size: 14px;
    font-weight: normal;
    line-height: 36px;
    text-transform: none;
    padding: 0;
}
.ymaps-balloonLayout .ymaps-balloonFooter .btn:hover {
    color: #fff;
}
.ymaps-balloonLayout .ymaps-balloonFooter .btn::after {
    z-index: -1;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/menu/top_desktop/style.css?16827032152283*/
.navbar .nav {
    float: right;
}
.navbar .nav .sf-menu li:last-child {
    float: right;
    margin-left: 65px;
}
.navbar .nav .sf-menu li:last-child > a::after {
    display: none;
}
.sf-menu {
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu > li {
    padding: 45px 0;
}
.sf-menu ul {
    position: absolute;
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    top: calc(100% - 3px);
    min-width: 200px;
    padding: 10px 25px;
    left: 0;
    z-index: 99;
    background-color: #fff;
    border-top: 3px solid #0de7cb;
}
.sf-menu ul li a {
    display: block;
    text-transform: uppercase;
    color: #171717;
    line-height: 35px;
    font-size: 13px;
    letter-spacing: 1px;
}
.sf-menu ul li a:hover {
    text-decoration: none;
    color: #0de7cb;
}
.sf-menu ul li.current-page-item a {
    color: #0de7cb;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
    animation: fadeMenu 0.25s forwards;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
.sf-menu {
    margin: 0;
    padding: 0;
}
.sf-menu > li {
    margin-left: 38px;
}
.sf-menu > li > a {
    font-size: 18px;
    display: block;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding: 2px 0;
}
.sf-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    display: block;
    width: 0;
    background-color: #009746;
    transition: all 0.35s ease-in-out;
}
.sf-menu > li > a:hover {
    text-decoration: none;
}
.sf-menu > li:hover > a::after,
.sf-menu > li.current-menu-item > a::after,
.sf-menu > li.sfHover > a::after {
    width: 24px;
}
.crazy-border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-bottom: 3px solid #fff;
}
@media (min-width: 1500px) {
    .crazy-border {
        left: -100px;
        right: -100px;
    }
}
@media (max-width: 1155px) {
    .navbar .nav {
        display: none;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/menu/top_mobile/style.css?1682703215895*/
.mobile-menu-wrap {
    display: none;
    position: relative;
    z-index: 888;
}
.mobile-menu-wrap nav {
    background-color: rgba(0, 40, 0, 0.9);
    border-bottom: 3px solid #fff;
}
.mobile-menu-wrap nav ul {
    margin: 0;
    padding: 15px;
}
.mobile-menu-wrap nav ul li {
    padding: 5px 0;
}
.mobile-menu-wrap nav ul li > a {
    display: block;
    color: #fff;
}
.mobile-menu-wrap nav ul li:hover >a,
.mobile-menu-wrap nav ul li.current-menu-item >a {
    color: #009746;
    text-decoration: none;
}
.mobile-menu-wrap nav ul li:hover > ul {
    display: block;
}
.mobile-menu-wrap nav ul li ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none;
}
.mobile-menu-wrap nav ul li.current-page-item a {
    color: #0de7cb;
}
@media (min-width: 1155px) {
    .mobile-menu-wrap {
        display: none !important;
    }
}
/* End */


/* Start:/local/templates/repako_main/template_styles.css?168270321574012*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: The - Crazy*/
/* Version: 1.0 auto Release*/
/* Build Date: 14-04-2017*/
/* Author: Design by unvab. Coded by VLThemes*/
/* Copyright: (C) 2017 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*

	01-IMPORT FONTS
	03-ALL STYLES
	04-TO TOP
	06-MENU
	07-TITLE
	08-PAGE TITLE
	09-BREADCRUMBS
	10-CONTACT
	11-ABOUT US
	12-SERVICE
	13-PROCESS
	14-FEATURES
	15-COUNTERS
	16-CLIENTS
	17-SERVICEs SLIDER
	18-VIDEO
	19-PROGRESS BAR
	20-OUR TEAM
	21-TESTIMONIAL
	22-BLOG
	23-POST SINGLE
	24-COMMENTS
	25-PORTFOLIO
	26-FILTERS
	27-SINGLE WORK
	28-FOOTER
	29-BILLBOARD DETAIL
	31-PROJECT DETAIL

 */
/*--------------------------------------------------------*/
/*----------------------*/
/*   01-IMPORT FONTS    */
/*----------------------*/
/*@import url("//fonts.googleapis.com/css?family=Archivo+Black|Roboto:400,300,400italic,700");*/
/*@import url("//fonts.googleapis.com/css?family=Roboto:400,300,400italic,700");*/
/*----------------------*/
/*   03-ALL STYLES      */
/*----------------------*/
.content-wrap {
    overflow: hidden;
    min-height: calc(100vh - 60px);
}
@media (max-width: 768px) {
    .content-wrap {
        min-height: 100vh;
    }
}
.frame-line {
    position: fixed;
    left: 0;
    right: 0;
    display: block;
    background: #009746;
    z-index: 888;
}
.frame-line.top-frame {
    height: 30px;
    top: -30px;
}
.frame-line.bottom-frame {
    height: 30px;
    bottom: -30px;
}
.frame-line.right-frame {
    width: 30px;
    right: -30px;
    height: 100%;
    left: auto;
    top: 0;
}
.frame-line.left-frame {
    width: 30px;
    left: -30px;
    height: 100%;
    right: auto;
    top: 0;
}
.frame-line.animated {
    transition: all 0.35s ease-in-out;
}
.frame-line.animated.top-frame {
    top: 0;
}
.frame-line.animated.bottom-frame {
    bottom: 0;
}
.frame-line.animated.right-frame {
    right: 0;
}
.frame-line.animated.left-frame {
    left: 0;
}
body {
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    min-width: 320px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.8;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #393939;
    margin: 30px;
}
@media (max-width: 768px) {
    .frame-line {
        display: none;
    }
    body {
        margin: 0 !important;
    }
}
a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease-in-out, background-color 0.2s ease-in-out;
}
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #009746;
    text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 2em;
    font-family: 'MuseoSansCyrlW03-900', sans-serif;
    margin: 15px 0;
    color: #383838;
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 36px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}
p {
    margin: 0 0 20px 0;
    padding: 0;
}
b,
strong {
    font-weight: 700;
}
i,
em {
    font-style: italic;
}
ul.list-none,
ol.list-none {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
blockquote {
    border-left: 1px solid #020033;
    font-style: italic;
    color: #161616;
    display: block;
    margin: 40px 0;
    padding-left: 30px;
}
blockquote::after {
    content: '';
    clear: both;
    display: table;
}
.btn {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    color: #171717;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    padding: 20px 70px;
    position: relative;
    outline: none;
    background-color: transparent;
    border: 3px solid #009746;
    z-index: 1;
}
.btn span {
    position: relative;
    z-index: 2;
}
.btn::after {
    content: '';
    background-color: #009746;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    transition: all 0.2s ease-in-out;
}
.btn:hover {
    color: #171717;
    text-decoration: none;
}
.btn:hover::after {
    height: 100%;
}
.btn-white {
    color: #fff;
}
.btn-white:hover {
    color: #fff;
}
.btn-green {
    color: #009746;
}
.btn-green:hover {
    color: #fff;
}
.btn-green-bg {
    color: #fff;
}
.btn-green-bg::after {
    height: 100%;
}
.btn-green-bg:hover {
    color: #fff;
}
.btn-green-bg:hover::after {
    height: 0;
}
.btn:focus {
    outline: none;
}
.btn.disable {
    cursor: default;
}
.btn.line-vert::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    top: -85%;
    left: 50%;
    z-index: 22;
    background-color: #0de7cb;
    transition: all 0.2s ease-in-out;
}
.btn.line-vert:hover::before {
    top: 85%;
}
.btn.line-hor::before {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 1px;
    top: 50%;
    left: 100%;
    z-index: 22;
    margin-left: -10px;
    background-color: #0de7cb;
    transition: all 0.2s ease-in-out;
}
.btn.line-hor:hover::before {
    left: -70px;
    margin-left: 0;
}
@media (max-width: 480px) {
    .btn {
        padding: 12px 40px;
    }
}
.btn-play {
    height: 80px;
    width: 80px;
    padding: 0;
    line-height: 80px;
}
.btn-play span {
    font-size: 20px;
    line-height: 1em;
}
.form-control {
    position: relative;
}
input,
textarea {
    border: none;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
    display: block;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    padding: 13px 15px;
    color: #fff;
}
::-webkit-input-placeholder {
    color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;
}
:-ms-input-placeholder {
    color: #fff;
}
input:focus + .line-input,
textarea:focus + .line-input {
    transform: scaleX(1);
}
.line-input {
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    right: 0;
    background-color: #009746;
    transform: scaleX(0);
    transition: all 0.35s ease-in-out;
}
.form-black input,
.form-black textarea {
    color: #171717;
    border-color: #171717;
}
.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 0;
}
.tlt {
    visibility: hidden;
}
.overlay {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    text-align: center;
}
.overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(46, 46, 46, 0.7);
}
.overlay.overlay-gradient {
    height: 530px;
    top: auto;
    bottom: 0;
}
.overlay.overlay-gradient::after {
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.9) 51%, #ffffff);
}
.video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    text-align: center;
}
.overlay video,
.video-wrap video {
    width: 100%;
    max-width: 1920px;
    height: 100%;
    object-fit: cover;
}
.overlay ~ .container {
    position: relative;
    z-index: 5;
}
.sep-line {
    display: block;
    position: relative;
}
.sep-line::after {
    content: '';
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    height: 3px;
    background-color: #020033;
}
@media (min-width: 1500px) {
    .sep-line::after {
        left: -100px !important;
        right: -100px !important;
    }
}
/*----------------------*/
/*   05-TO TOP       */
/*----------------------*/
.toTop {
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    font-size: 24px;
    background-color: rgba(46, 46, 46, 0.9);
    color: #fff !important;
    overflow: hidden;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    line-height: 50px;
    z-index: 666;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.toTop:hover {
    text-decoration: none;
}
.toTop:hover i {
    animation: animateIconTop 0.3s forwards;
}
.toTop.cd-is-visible,
.toTop.cd-top.cd-fade-out {
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: 0.5;
}
@media (max-width: 768px) {
    .toTop {
        display: none;
    }
}
/*----------------------*/
/*   06-MENU            */
/*----------------------*/
.navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.navbar .container {
    position: relative;
}
.navbar .logo {
    float: left;
    line-height: 122px;
}
.navbar .link-back {
    float: right;
    height: 122px;
    line-height: 122px;
}
.navbar .link-back a {
    display: inline-block;
    position: relative;
    padding-right: 30px;
    padding-left: 60px;
    height: 60px;
    font-size: 15px;
    line-height: 60px;
    color: #009746;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.navbar .link-back a:hover {
    text-decoration: none;
}
.navbar .link-back a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 27px;
    display: block;
    height: 100%;
    width: 20px;
    background-image: url("https://repako.kz/local/templates/icons/back.svg");
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width: 480px) {
    .navbar .logo a {
        display: block;
        width: 120px;
    }
}
/*.navbar .nav {
    float: right;
}
.navbar .nav .sf-menu li:last-child {
    float: right;
    margin-left: 65px;
}
.navbar .nav .sf-menu li:last-child > a::after {
    display: none;
}
.sf-menu {
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu > li {
    padding: 45px 0;
}
.sf-menu ul {
    position: absolute;
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    top: calc(100% - 3px);
    min-width: 200px;
    padding: 10px 25px;
    left: 0;
    z-index: 99;
    background-color: #fff;
    border-top: 3px solid #0de7cb;
}
.sf-menu ul li a {
    display: block;
    text-transform: uppercase;
    color: #171717;
    line-height: 35px;
    font-size: 13px;
    letter-spacing: 1px;
}
.sf-menu ul li a:hover {
    text-decoration: none;
    color: #0de7cb;
}
.sf-menu ul li.current-page-item a {
    color: #0de7cb;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
    animation: fadeMenu 0.25s forwards;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
.sf-menu {
    margin: 0;
    padding: 0;
}
.sf-menu > li {
    margin-left: 38px;
}
.sf-menu > li > a {
    font-size: 18px;
    display: block;
    !*font-weight: 700;*!
    font-family: 'RobotoBold', sans-serif;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    padding: 2px 0;
}
.sf-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    display: block;
    width: 0;
    background-color: #009746;
    transition: all 0.35s ease-in-out;
}
.sf-menu > li > a:hover {
    text-decoration: none;
}
.sf-menu > li:hover > a::after,
.sf-menu > li.current-menu-item > a::after,
.sf-menu > li.sfHover > a::after {
    width: 24px;
}
.crazy-border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-bottom: 3px solid #fff;
}
@media (min-width: 1500px) {
    .crazy-border {
        left: -100px;
        right: -100px;
    }
}*/
/*.mobile-menu-wrap {
    display: none;
    position: relative;
    z-index: 888;
}
.mobile-menu-wrap nav {
    background-color: rgba(0, 40, 0, 0.9);
    border-bottom: 3px solid #fff;
}
.mobile-menu-wrap nav ul {
    margin: 0;
    padding: 15px;
}
.mobile-menu-wrap nav ul li {
    padding: 5px 0;
}
.mobile-menu-wrap nav ul li > a {
    display: block;
    color: #fff;
}
.mobile-menu-wrap nav ul li:hover >a,
.mobile-menu-wrap nav ul li.current-menu-item >a {
    color: #009746;
    text-decoration: none;
}
.mobile-menu-wrap nav ul li:hover > ul {
    display: block;
}
.mobile-menu-wrap nav ul li ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none;
}
.mobile-menu-wrap nav ul li.current-page-item a {
    color: #0de7cb;
}*/
.open-menu {
    float: right;
    display: none;
    text-align: center;
    position: relative;
    line-height: 122px;
    z-index: 222;
}
.open-menu.isActive .burger-icon i {
    background-color: transparent;
}
.open-menu.isActive .burger-icon i::before {
    transform: translateY(8px) rotate(45deg);
}
.open-menu.isActive .burger-icon i::after {
    transform: translateY(-8px) rotate(-45deg);
}
.burger-icon {
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 5px;
}
.burger-icon i {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
}
.burger-icon i,
.burger-icon i::before,
.burger-icon i::after {
    width: 30px;
    height: 3px;
    background-color: #fff;
    display: block;
    transition-duration: 0.3s;
    transition-property: background-color, transform;
}
.burger-icon i::before,
.burger-icon i::after {
    content: '';
    position: absolute;
}
.burger-icon i::before {
    top: -8px;
}
.burger-icon i::after {
    top: 8px;
}
@media (max-width: 1155px) {
    .open-menu {
        display: block;
    }
    /*.navbar .nav {
        display: none;
    }*/
}
/*@media (min-width: 1155px) {
    .mobile-menu-wrap {
        display: none !important;
    }
}*/
/*----------------------*/
/*   06-MENU FULL SCREEN            */
/*----------------------*/
/*@media (max-width: 1500px) {
    .navbar.navbar-full-screen .logo {
        width: 18%;
    }
    .navbar.navbar-full-screen .nav {
        width: 82%;
    }
    .navbar.navbar-full-screen .nav {
        padding-top: 45px;
    }
    .navbar.navbar-full-screen .sf-menu {
        text-align: right;
    }
    .navbar.navbar-full-screen .sf-menu > li {
        float: none;
        display: inline-block;
        padding: 0;
    }
    .navbar .logo a {
        display: block;
        width: 23vh;
    }
}*/
/*----------------------*/
/*   07-TITLE           */
/*----------------------*/
.section-title {
    text-align: center;
    /*margin-bottom: 100px;*/
    margin-bottom: 50px;
}
.section-title h2 {
    text-transform: uppercase;
    font-family: 'MuseoSansCyrlW03-900', sans-serif;
    font-size: 118px;
    letter-spacing: 5px;
    color: #009746;
    line-height: 1em;
    margin: 0;
}
.section-title em {
    display: block;
    margin-top: 45px;
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
    color: #171717;
}
.section-title-sm {
    text-align: center;
    margin-bottom: 100px;
}
.section-title-sm h2 {
    font-size: 36px;
    line-height: 50px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}
.section-title-sm em {
    display: block;
    margin-top: 35px;
    font-size: 18px;
    color: #171717;
}
@media (max-width: 992px) {
    .section-title h2 {
        font-size: 90px;
    }
}
@media (max-width: 768px) {
    .section-title h2 {
        font-size: 64px;
    }
    .section-title em,
    .section-title-sm em {
        font-size: 16px;
    }
}
@media (max-width: 480px) {
    .section-title h2 {
        font-size: 40px;
    }
}
/*----------------------*/
/*   08-PAGE TITLE      */
/*----------------------*/
.title-home {
    background-size: cover;
    padding-top: 200px;
    overflow: hidden;
    position: relative;
    background-position: center center;
}
.title-home .title-home-links a,
.title-home .title-home-links a:hover {
    color: #fff;
}
.title-home h1,
.title-home h1 span {
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1em;
    color: #fff;
}
.title-home h1 span {
    color: #0de7cb;
}
.title-home h1 {
    font-family: 'MuseoSansCyrlW03-900', sans-serif;
    height: 160px;
    font-size: 70px;
    line-height: 80px;
    margin-bottom: 150px;
}
.title-home em {
    color: #fff;
}
.title-home .buttons {
    margin-bottom: 90px;
}
.title-home .buttons .btn {
    margin: 0 15px 30px 15px;
}
.goto {
    position: relative;
    padding: 50px 0;
}
.goto a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 15px;
}
.goto a:hover {
    color: #0de7cb;
    text-decoration: none;
}
@media (max-width: 992px) {
    .title-home h1,
    .title-home h1 span {
        font-size: 48px;
    }
}
@media (max-width: 768px) {
    .title-home {
        padding-top: 220px;
    }
    .title-home h1 {
        margin-bottom: 80px;
    }
    .title-home h1,
    .title-home h1 span {
        font-size: 44px;
        line-height: 60px;
    }
    .goto {
        display: none;
    }
}
@media (max-width: 480px) {
    .title-home {
        padding-top: 150px;
    }
    .title-home h1 {
        margin-bottom: 80px;
    }
    .title-home h1,
    .title-home h1 span {
        font-size: 34px;
        line-height: 50px;
    }
    .title-home .buttons .btn {
        display: block;
        margin: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.page-title {
    position: relative;
    overflow: hidden;
    padding: 260px 0 150px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.page-title h1 {
    font-size: 60px;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-family: 'Archivo Black', sans-serif;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}
.page-title h1::before,
.page-title h1::after {
    content: '\e870';
    position: absolute;
    font-family: 'Linearicons-Free';
    top: 0;
    font-size: 16px;
}
.page-title h1::before {
    left: -46px;
}
.page-title h1::after {
    right: -46px;
}
@media (max-width: 768px) {
    .page-title h1 {
        font-size: 46px;
    }
}
@media (max-width: 480px) {
    .page-title h1 {
        font-size: 22px;
    }
    .page-title h1::before {
        left: -26px;
    }
    .page-title h1::after {
        right: -26px;
    }
}
/*----------------------*/
/*   08-PAGE TITLE FULL SCREEN      */
/*----------------------*/
.title-home.title-home-full-screen {
    height: calc(100vh - 60px);
    padding-top: 25vh;
    padding-bottom: 25vh;
}
@media (max-width: 1026px) {
    .title-home.title-home-full-screen {
        padding-top: 22vh;
        padding-bottom: 22vh;
    }
}
@media (max-width: 820px) {
    .title-home.title-home-full-screen {
        padding-top: 25vh;
    }
}
@media (max-width: 768px) {
    .title-home.title-home-full-screen {
        height: 100vh;
    }
}
@media (max-width: 1500px) {
    .title-home.title-home-full-screen {
        /*height: calc(100vh - 60px);
        padding-top: 28vh;
        padding-bottom: 18vh;*/
    }
    .title-home.title-home-full-screen .title-container {
        height: 100%;
    }
    .title-home.title-home-full-screen .title-container .title-wrap {
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: space-between;
    }
    .title-home.title-home-full-screen h1 {
        height: auto;
        width: 100%;
        margin: 0;
        font-size: 8.5vh;
        line-height: 11vh;
    }
    @media (max-width: 1026px) {
        .title-home.title-home-full-screen h1 {
            font-size: 4.5vh;
            line-height: 7vh;
        }
    }
    @media (max-width: 992px) {
        .title-home.title-home-full-screen h1 {
            height: auto;
            font-size: 7vh;
            line-height: 9vh;
        }
    }
    @media (max-width: 820px) {
        .title-home.title-home-full-screen h1 {
            height: auto;
            font-size: 5vh;
            line-height: 8vh;
        }
    }
    @media (max-width: 480px) {
        .title-home.title-home-full-screen h1 {
            height: auto;
            font-size: 4.5vh;
            line-height: 7vh;
        }
    }
    .title-home.title-home-full-screen .buttons {
        margin: 0;
    }
    .title-home.title-home-full-screen .buttons .btn {
        margin: 0;
        padding: 2vh 7vh;
        font-size: 2.1vh;
    }
}
/*----------------------*/
/*   09-BREADCRUMBS     */
/*----------------------*/
/*.breadcrumbs {
    margin-top: 30px;
}
.breadcrumbs ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.breadcrumbs ul li {
    float: left;
    color: #9db09a;
    font-size: 11px;
    text-transform: uppercase;
}
.breadcrumbs ul li +li::before {
    content: '/';
    margin: 0 10px;
}
.breadcrumbs ul li a:hover {
    text-decoration: underline;
    color: #9db09a;
}*/
/*----------------------*/
/*   10-CONTACT         */
/*----------------------*/
/*.contacts-wrap {
    padding-top: 60px;
    padding-bottom: 30px;
    position: relative;
}
.contact-item {
    position: relative;
    padding-left: 70px;
    display: inline-block;
    margin-bottom: 30px;
}
.contact-item p {
    margin-bottom: 0;
    text-align: left;
    color: #393939;
}
.contact-item i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -21px;
    font-size: 45px;
    color: #161616;
}
.map {
    width: 100%;
    height: 735px;
}
@media (max-width: 768px) {
    .map {
        height: 400px;
    }
}*/
/*----------------------*/
/*   11-ABOUT US        */
/*----------------------*/
.about-text .container p {
    font-size: 15px;
    line-height: 20px;
}
.main-activities .container .section-title-sm {
    margin-bottom: 55px;
}
.video-section .container .row em {
    display: block;
    width: 83.3%;
    margin: 0 auto;
}
.info-block-wrap {
    position: relative;
}
.info-block-wrap .info-block {
    background-color: #fff;
    margin-top: 95px;
    padding: 80px;
    color: #fff;
    box-shadow: 0px 0px 50px 0px rgba(23,23,23,0.15);
}
.info-block-wrap .info-block h3 {
    text-transform: uppercase;
    font-size: 36px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 40px;
    color: #009746;
}
.info-block-wrap .info-block p {
    font-size: 16px;
    line-height: 24px;
    color: #383838;
}
.info-block-wrap .image-block {
    position: absolute;
    top: 0;
    bottom: 95px;
    right: 0;
    margin-right: 15px;
    margin-left: 15px;
    z-index: -1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.info-block-wrap .owl-item {
    padding-right: 20px;
}
/*.info-block-wrap .owl-dots {
    display: block;
    margin-top: 20px;
}
.info-block-wrap .owl-dots .owl-dot {
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #fff;
    margin-right: 8px;
}
.info-block-wrap .owl-dots .owl-dot.active {
    background-color: #fff;
    transform: scale(1.5);
}*/
/*
.love-block {
    text-align: center;
    margin: 100px 0;
}
.love-block h2 {
    text-transform: uppercase;
}
.love-block h2 i {
    font-size: 48px;
    transition: all 0.25s ease-in-out;
    animation: heartbeat 2s infinite;
}*/
.about-contacts-list {
    display: flex;
    justify-content: space-between;
}
.about-contacts-list .about-contact img {
    margin-right: 15px;
}
.about-map {
    width: 100%;
    height: 650px;
}
@media (max-width: 992px) {
    .info-block-wrap .info-block {
        margin-top: 0;
    }
    .info-block-wrap .image-block {
        position: static;
        height: 500px;
    }
}
@media (max-width: 768px) {
    /*.love-block h2 {
        font-size: 24px;
    }
    .love-block h2 i {
        font-size: 36px;
    }*/
}
@media (max-width: 480px) {
    .info-block-wrap .image-block {
        height: 400px;
    }
    .info-block-wrap .info-block {
        padding: 40px;
    }
    .about-contacts-list {
        flex-wrap: wrap;
    }
    .about-contacts-list .about-contact:not(:last-child) {
        margin-bottom: 10px;
    }
}
/*----------------------*/
/*   12-SERVICE         */
/*----------------------*/
.our-clients .section-title {
    margin-bottom: 0;
}
/*.our-clients .our-clients-item {
    height: 130px;
    line-height: 130px;
    margin-top: 100px;
    overflow: hidden;
}
.our-clients .our-clients-item img {
    max-height: 100%;
}
.our-clients .our-clients-item::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}*/
/*.our-clients-reviews {
    padding-bottom: 187px;
}
.our-clients-reviews .row {
    position: relative;
    transition: height 0.3s 0s;
}
.our-clients-reviews .row .our-clients-item {
    opacity: 1;
    position: relative;
}
.our-clients-reviews .row.review-showed .our-clients-item {
    opacity: 0;
}
.our-clients-reviews .row .our-clients-item .show-review-text {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    color: #009746;
}
@media (min-width: 1028px) {
    .our-clients-reviews .row .our-clients-item:hover .show-review-text {
        display: block;
    }
}
.our-clients-reviews .row .our-clients-review {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 80px 0 40px;
    opacity: 0;
    z-index: -1;
    background-color: #ffffff;
    transition: all 0.3s 0s;
}
.our-clients-reviews .row .our-clients-review.review-showed {
    opacity: 1;
    z-index: 1;
    transition: all 0.3s 0s;
}
.our-clients-reviews .row .our-clients-review .close-review {
    font-size: 12px;
    padding: 10px 35px;
    cursor: pointer;
}
.our-clients-reviews .row .our-clients-review .close-review.btn:hover::after {
    z-index: -1;
}
@media (max-width: 720px) {
    .our-clients-reviews {
        padding-bottom: 227px;
    }
}
@media (max-width: 380px) {
    .our-clients-reviews {
        padding-bottom: 252px;
    }
}*/
/*.service-item {
    position: relative;
    margin-bottom: 50px;
}
.service-item i {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 70px;
    width: 70px;
    color: #020033;
    background-position: left top;
    background-repeat: no-repeat;
}
.service-item .service-content {
    padding-left: 70px;
    font-size: 15px;
    line-height: 22px;
}
.service-item .service-content h6 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1em;
}
.service-item:hover i {
    animation: animateIconTop 0.3s forwards;
}*/
/*----------------------*/
/*   13-PROCESS         */
/*----------------------*/
.process-item h6 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1em;
}
/*----------------------*/
/*   14-FEATURES        */
/*----------------------*/
/*.features {
    background-color: #fff;
    color: #020033;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.features .feature-item .item-head {
    position: relative;
    display: block;
}
!*.features .feature-item .item-head i {
    font-size: 43px;
}*!
.features .feature-item .item-head .item-icon {
    width: 60px;
    height: 60px;
}
.features .feature-item h6 {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 0;
    color: #292929;
}
.features .feature-item p {
    font-size: 15px;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 0;
    padding: 0;
    color: #383838;
}*/
/*----------------------*/
/*   15-COUNTERS        */
/*----------------------*/
.counters {
    background-color: #0de7cb;
    color: #020033;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.counters .counter-item .item-head {
    position: relative;
    display: block;
}
.counters .counter-item .item-head i {
    font-size: 43px;
}
.counters .counter-item h6 {
    margin: 0;
    padding: 0;
    font-size: 36px;
    font-family: 'Archivo Black', sans-serif;
    color: #020033;
}
.counters .counter-item p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #020033;
}
@media (max-width: 992px) {
    .counter-item .col-sm-6,
    .feature-item .col-sm-6 {
        margin-bottom: 30px;
    }
}
@media (min-width: 992px) {
    .counter-item .item-head::after,
    .feature-item .item-head::after {
        content: '';
        position: absolute;
        display: block;
        width: 25px;
        height: 25px;
        top: 50%;
        right: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICAgIDxnIGZpbGw9IiM2ODg3NjkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTApIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMiIgeD0iLTEwIiB5PSIxMCIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKDkwIDEgMTEpIi8+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjIyIiBoZWlnaHQ9IjIiIHg9Ii0xMCIgeT0iMTAiIHJ4PSIxIi8+CiAgICA8L2c+Cjwvc3ZnPgo=');
        margin-right: -25px;
        margin-top: -12px;
    }
    .feature-item:nth-child(3) .item-head::after {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMjMgOSI+CiAgICA8ZyBmaWxsPSIjNjg4NzY5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyIiB5PSI3IiByeD0iMSIvPgogICAgICAgIDxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyIiByeD0iMSIvPgogICAgPC9nPgo8L3N2Zz4K');
    }
    .counter-item:last-child .item-head::after,
    .feature-item:last-child .item-head::after {
        display: none;
    }
}
/*----------------------*/
/*   16-CLIENTS         */
/*----------------------*/
.clients {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.clients img {
    display: inline-block;
}
/*----------------------*/
/*   17-SERVICES SLIDER */
/*----------------------*/
.sep-with-icon {
    position: relative;
}
.sep-with-icon i {
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
    display: block;
    font-size: 45px;
    color: #fff;
    background-color: #020033;
}
.sep-with-icon span {
    display: block;
    height: 3px;
    background-color: #020033;
    position: absolute;
    left: 150px;
    top: 50%;
    margin-top: -1px;
    right: 0;
}
.services-nav {
    height: 60px;
    line-height: 60px;
}
.services-nav i {
    margin-right: 8px;
    font-size: 22px;
    color: #020033;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
}
.services-nav i:hover {
    color: #0de7cb;
}
@media (min-width: 1500px) {
    .sep-with-icon i {
        margin-left: -100px;
    }
    .sep-with-icon span {
        left: 50px;
        right: -100px;
    }
}
/*----------------------*/
/*   18-VIDEO           */
/*----------------------*/
.video-section {
    text-align: center;
    overflow: hidden;
}
.video-section h2 {
    font-size: 60px;
    line-height: 1em;
    margin: 0 0 55px 0;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
}
.video-section em {
    color: #fff;
}
@media (max-width: 768px) {
    .video-section h2 {
        font-size: 34px;
        line-height: 50px;
    }
}
/*----------------------*/
/*   19-PROGRESS BAR    */
/*----------------------*/
ul.progress-bar {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.progress-bar li {
    margin-bottom: 30px;
    color: #171717;
}
ul.progress-bar li:last-child {
    margin-bottom: 0;
}
ul.progress-bar li strong {
    text-transform: uppercase;
}
ul.progress-bar li i {
    font-style: normal;
}
ul.progress-bar li p {
    margin-bottom: 7px;
}
.bar-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 6px;
    background-color: #e7e7e7;
}
.bar-wrap span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: #0de7cb;
}
/*----------------------*/
/*   20-OUR TEAM        */
/*----------------------*/
/*.team-item {
    position: relative;
}
.team-item .team-header {
    position: relative;
    overflow: hidden;
}
.team-item .team-footer {
    border-top: 2px solid #009746;
    margin-top: 20px;
    padding-top: 10px;
}
.team-item .team-footer h6 {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    color: #383838;
    text-transform: uppercase;
}
.social-wrap {
    position: absolute;
    bottom: -100%;
    opacity: 0;
    left: 0;
    right: 0;
    background-color: #0de7cb;
    padding: 16px 0;
    text-align: center;
    transition: all 0.45s ease;
}
.social-wrap ul {
    display: inline-block;
    margin-top: 10px;
}
.social-wrap ul li {
    float: left;
    margin: 0 10px;
}
.social-wrap ul li a {
    display: block;
    font-size: 22px;
    line-height: 1em;
    color: #020033;
}
.social-wrap a:hover {
    color: #fff;
}
.social-wrap a:hover i {
    animation: animateIconBottom 0.3s forwards;
}*/
/*.team-item:hover .social-wrap {
  bottom: 0;
  opacity: 1;
}*/
/*----------------------*/
/*   21-TESTIMONIAL     */
/*----------------------*/
/*.owl-testimonial-slider .owl-item .quote-wrap {
    height: 600px;
    display: flex;
    align-items: center;
    padding-right: 0;
}
.testimonial-image {
    width: 500px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
    transform: translateY(-50%);
}
.testimonial-wrap {
    position: relative;
    padding-left: 80px;
    padding-right: 80px;
}
.testimonial-wrap .quote-block {
    width: 100%;
    background-color: #009746;
    padding: 60px 90px 60px 80px;
    !*margin: 40px 0 0 0;*!
    position: relative;
}
.testimonial-wrap .quote-block::before {
    content: '\f10d';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 34px;
    margin-top: 50px;
    margin-right: 50px;
    color: #fff;
}*/
/*.testimonial-wrap .quote-block::after {
  content: '';
  top: -50px;
  height: 3px;
  background-color: #020033;
  right: 0;
  position: absolute;
  left: 0;
}*/
/*.testimonial-wrap .quote-block h3 {
    font-size: 36px;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    padding: 0 20px;
}
.testimonial-wrap .quote-block h5 {
    color: #fff;
    margin: 0 0 15px 0;
    padding: 0 20px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
.testimonial-wrap .quote-block p {
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    padding: 0 0 0 20px;
    margin-bottom: 0;
}
.testimonial-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 40px;
    text-align: right;
    line-height: 40px;
}
.testimonial-nav i {
    font-size: 22px;
    color: #020033;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
}
.testimonial-nav i.lnr-arrow-left {
    float: left;
}
.testimonial-nav i.lnr-arrow-right {
    float: right;
}
.testimonial-nav i:hover {
    color: #009746;
}
@media (min-width: 1500px) {
    .testimonial-wrap .quote-block::after {
        right: -100px;
    }
}
@media (max-width: 1028px) {
    .testimonial-wrap {
        padding: 0;
    }
    .testimonial-nav {
        display: none;
    }
}
@media (max-width: 992px) {
    .owl-testimonial-slider .owl-item .quote-wrap {
        height: auto;
        padding-left: 0;
    }
    .testimonial-image {
        display: none;
    }
    .testimonial-nav i {
        display: none;
    }
}*/
/*@media (max-width: 768px) {
    .owl-testimonial-slider .owl-item .quote-wrap {
        height: auto;
        padding-left: 0;
    }
    .testimonial-wrap .quote-block::before {
        display: none;
    }
    .testimonial-nav {
        display: none;
    }
    .testimonial-wrap .quote-block {
        padding: 40px 60px 40px 40px;
    }
}
@media (max-width: 480px) {
    .owl-testimonial-slider .owl-item .quote-wrap {
        height: auto;
        padding-left: 0;
    }
    .testimonial-wrap .quote-block {
        padding: 20px 40px 40px 20px;
    }
    .testimonial-wrap .quote-block::before {
        display: none;
    }
    .testimonial-nav {
        display: none;
    }
}*/
/*----------------------*/
/*   22-BLOG            */
/*----------------------*/
.blog {
    padding-top: 150px;
    padding-bottom: 150px;
}
.blog-masonry .isotope-item {
    float: left;
    width: 33.333%;
    padding: 0 15px;
}
@media (max-width: 992px) {
    .blog-masonry .isotope-item {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .blog-masonry .isotope-item {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .blog {
        padding-top: 100px;
        padding-bottom: 250px;
    }
}
.blog-item h6 {
    text-transform: uppercase;
    margin: 15px 0;
}
.blog-item h6 a:hover {
    text-decoration: none;
}
.blog-item {
    margin-bottom: 30px;
}
.blog-item .thumb {
    position: relative;
    margin-bottom: 30px;
}
.blog-meta span.date {
    color: #6a6a6a;
    line-height: 28px;
}
.blog-meta a {
    margin-right: 20px;
}
.blog-meta a:hover {
    text-decoration: none;
}
.blog-meta a i {
    color: #0de7cb;
    margin-right: 4px;
}
.blog-item:not(.large):not(.full-img) .thumb::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    z-index: 2;
    height: 0;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
}
.blog-item.large .thumb {
    margin-bottom: 0;
}
.blog-item.large .thumb::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    z-index: 2;
    height: 0;
    margin-top: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #fff;
}
.blog-item.large .post-content {
    margin-top: 50px;
}
.blog-item.full-img {
    padding: 4px;
    background-size: cover;
    background-position: center center;
    box-shadow: inset 0px 0px 0px 4px #0de7cb;
    text-align: center;
    margin-bottom: 30px;
}
.blog-item.full-img .post-content {
    margin: 70px 40px;
}
/*----------------------*/
/*   23-POST SINGLE     */
/*----------------------*/
.post-single h6 {
    font-size: 30px;
    text-transform: none;
    margin: 0;
    padding: 0;
}
.post-single .thumb+.post-content h6 {
    margin-top: 80px;
}
.post-single .blog-meta {
    float: left;
    margin-right: 40px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.blog-video-wrap {
    position: relative;
}
.blog-video-wrap .blog-video-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(23,23,23,0.4);
}
.blog-video-wrap .blog-video-content a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
/*----------------------*/
/*   24-COMMENTS        */
/*----------------------*/
.comment-title {
    font-size: 30px;
    margin-bottom: 40px;
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
}
.comment-list .media {
    margin-bottom: 45px;
}
.comment-list .media.reply-comment {
    margin-left: 150px;
}
.comment-list .comment-img {
    height: 130px;
    width: 130px;
}
.comment-list .media-body {
    padding-left: 25px;
}
.comment-list .media-body p {
    margin-bottom: 10px;
}
.comment-list .media-body h6 {
    font-size: 16px;
    text-transform: uppercase;
    color: #171717;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding: 0;
}
.comment-list .media-body h6 span {
    font-weight: 400;
    text-transform: none;
    color: #6a6a6a;
    font-size: 14px;
    margin-left: 10px;
}
.comment-list .media-body .comment-meta a {
    margin-right: 15px;
    color: #0de7cb;
}
.post-comment {
    text-align: center;
    padding: 50px;
    max-width: 770px;
    background-color: #fff;
}
.remodal-overlay {
    background: rgba(23,23,23,0.5);
}
.remodal-close-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: none;
}
.remodal-close-popup i {
    color: #dcdcdc;
    font-size: 18px;
    line-height: 20px;
    transition: all 0.25s ease-in-out;
}
.remodal-close-popup:hover i {
    color: #0de7cb;
}
.remodal-close-popup:focus,
.remodal-close-popup:active {
    outline: none;
}
@media (max-width: 768px) {
    .comment-list .media.reply-comment {
        margin-left: 60px;
    }
    .comment-list .comment-img {
        height: 80px;
        width: 80px;
    }
    .comment-list .media-body {
        padding-left: 15px;
    }
}
@media (max-width: 480px) {
    .comment-list .media.reply-comment {
        margin-left: 0;
    }
}
/*----------------------*/
/*   25-PORTFOLIO       */
/*----------------------*/
.portfolio-section {
    padding-top: 70px;
    padding-bottom: 155px;
}
/*.crazy-portfolio-masonry-wrapper[data-col="3"] .crazy-portfolio-item {
    float: left;
    width: 33.333%;
}
.crazy-portfolio-masonry-wrapper[data-col="2"] .crazy-portfolio-item {
    float: left;
    width: 50%;
}
.crazy-portfolio-masonry-wrapper[data-col="4"] .crazy-portfolio-item {
    float: left;
    width: 25%;
}
@media (max-width: 768px) {
    .crazy-portfolio-masonry-wrapper[data-col="3"] .crazy-portfolio-item,
    .crazy-portfolio-masonry-wrapper[data-col="4"] .crazy-portfolio-item {
        width: 50%;
    }
}
@media (max-width: 480px) {
    .crazy-portfolio-masonry-wrapper[data-col="2"] .crazy-portfolio-item,
    .crazy-portfolio-masonry-wrapper[data-col="3"] .crazy-portfolio-item,
    .crazy-portfolio-masonry-wrapper[data-col="4"] .crazy-portfolio-item {
        width: 100%;
    }
}
.crazy-portfolio-item {
    overflow: hidden;
    padding: 15px;
}
.crazy-portfolio-item a {
    display: block;
    background-color: #009746;
    position: relative;
}
.crazy-portfolio-item .image-wrap {
    background-size: 105%;
    background-repeat: no-repeat;
    padding-top: 100%;
    background-position: center center;
    transform-origin: center center;
    transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.crazy-portfolio-item .item-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 15px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-family: 'RobotoBold', sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    visibility: hidden;
    transition: all 0.22s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.crazy-portfolio-item .overlay-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    background-color: rgba(0,151,70,0.65);
    transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.crazy-portfolio-item:hover {
    text-decoration: none;
}
.crazy-portfolio-item:hover .overlay-color {
    opacity: 1;
}
.crazy-portfolio-item:hover .image-wrap {
    transform: scale(0.95);
}
.crazy-portfolio-item:hover .item-text {
    visibility: visible;
}*/
/*----------------------*/
/*   26-FILTERS         */
/*----------------------*/
.filters-wrap {
    padding-top: 60px;
    padding-bottom: 40px;
    position: relative;
}
.filters {
    display: inline-block;
    position: relative;
    text-align: center;
}
.filters li {
    position: relative;
    text-align: center;
    display: inline-block;
    color: #171717;
    transition: all 0.25s ease-in-out;
    margin: 0 20px;
    padding: 6px 0;
}
.filters li span {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}
.filters li:hover {
    color: #0de7cb;
}
.filters li.active-filter span {
    animation: anim-filter 0.4s forwards;
}
.borders {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-top: 3px solid #020033;
    border-bottom: 3px solid #020033;
}
@media (min-width: 1500px) {
    .borders {
        left: -100px;
        right: -100px;
    }
}
@media (max-width: 480px) {
    .filters li {
        float: none;
        display: block !important;
    }
}
/*----------------------*/
/*   27-SINGLE WORK     */
/*----------------------*/
.single-work-wrap {
    padding-top: 60px;
    padding-bottom: 50px;
    position: relative;
}
.single-work-wrap .work-meta h6 {
    text-transform: uppercase;
    color: #171717;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
.single-work-wrap .work-meta h6 span {
    font-weight: normal;
    text-transform: none;
}
@media (min-width: 992px) {
    .single-work-wrap .work-meta h6::after {
        content: '\e870';
        position: absolute;
        font-size: 16px;
        top: 0;
        right: 0;
        margin-right: -25px;
        font-family: 'Linearicons-Free';
    }
    .single-work-wrap .work-meta:last-child h6::after {
        display: none;
    }
}
.vl-portfolio-masonry-wrapper .vl-portfolio-item {
    padding: 15px;
}
.vl-portfolio-masonry-wrapper .vl-portfolio-item {
    float: left;
    width: 33.333%;
}
.vl-portfolio-masonry-wrapper .vl-portfolio-item.tall .vl-image-wrap {
    padding-top: 200%;
    padding-top: calc(200% + 30px);
}
.vl-portfolio-masonry-wrapper .vl-portfolio-item.large {
    width: 66.666%;
}
@media (max-width: 768px) {
    .vl-portfolio-masonry-wrapper .vl-portfolio-item.large {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .vl-portfolio-masonry-wrapper[data-col="3"] .vl-portfolio-item {
        width: 50%;
    }
}
@media (max-width: 480px) {
    .vl-portfolio-masonry-wrapper[data-col="3"] .vl-portfolio-item {
        width: 100%;
    }
    .vl-portfolio-masonry-wrapper[data-col="4"] .vl-portfolio-item.large {
        width: 100%;
    }
}
.vl-portfolio-masonry-wrapper .vl-portfolio-item {
    position: relative;
}
.vl-portfolio-masonry-wrapper .vl-portfolio-item .vl-image-wrap {
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    padding-top: 100%;
}
.single-work-slider,
.blog-slider {
    position: relative;
}
.single-work-slider .owl-dots,
.blog-slider .owl-dots {
    display: block;
    position: absolute;
    left: 0;
    bottom: 22px;
    width: 100%;
    text-align: center;
}
.single-work-slider .owl-dots .owl-dot,
.blog-slider .owl-dots .owl-dot {
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #171717;
    margin-right: 8px;
}
.single-work-slider .owl-dots .owl-dot.active,
.blog-slider .owl-dots .owl-dot.active {
    background-color: #171717;
    transform: scale(1.5);
}
.blog-slider .owl-dots .owl-dot {
    border-color: #fff;
}
.blog-slider .owl-dots .owl-dot.active {
    background-color: #fff;
}
/*----------------------*/
/*   28-FOOTER          */
/*----------------------*/
.footer-inner {
    padding-top: 0;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative !important;
}
footer {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    text-align: center;
}
footer h2,
.request-form h2 {
    text-align: center;
    font-size: 60px;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.request-form {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 88px;
}
.request-form .form-wrap {
    position: relative;
    padding-bottom: 65px;
}
.footer-links a {
    color: #fff;
}
.footer-social ul {
    display: inline-block;
}
.footer-social ul li {
    float: left;
    margin: 0 8px;
}
.footer-social ul li a {
    display: block;
    font-size: 22px;
    color: #fff;
}
.footer-social a:hover {
    color: #009746;
    text-decoration: none;
}
.footer-social a:hover i {
    animation: animateIconTop 0.3s forwards;
}
.footer-copy p {
    line-height: 25px;
    margin: 0 2rem 0 0;
    padding: 0;
    color: #fff;
}
.footer-copy a {
    color: #009746;
}
.return-msg {
    color: #fe3237;
    margin-top: 10px;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
}
.border-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-top: 3px solid #fff;
}
@media (min-width: 1500px) {
    .border-top {
        left: -100px;
        right: -100px;
    }
}
@media (max-width: 768px) {
    footer h2,
    .request-form h2 {
        font-size: 44px;
        line-height: 64px;
    }
}
@media (max-width: 960px) {
    .request-form {
        padding-bottom: 115px;
    }
    .request-form .form-wrap {
        padding-bottom: 0;
    }
    .footer-inner {
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: center;
    }
}
@media (max-width: 720px) {
    .request-form {
        padding-bottom: 128px;
    }
    .request-form .form-wrap {
        padding-bottom: 0;
    }
    .footer-inner {
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: center;
    }
    .footer-inner .footer-copy:first-of-type {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
}
@media (max-width: 480px) {
    .request-form {
        padding-bottom: 195px;
    }
    .footer-inner .footer-links {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
}
@media (max-width: 380px) {
    .request-form {
        padding-bottom: 195px;
    }
    .footer-inner .footer-links {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
}
/*----------------------*/
/*   29-BILLBOARD DETAIL          */
/*----------------------*/
.sides-calendar .section-title {
    margin-bottom: 40px;
}
.sides-calendar .section-title h3 {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
}
.calendar-container {
    overflow-x: auto;
}
.calendar-table {
    display: table;
    min-width: 1140px;
    width: 100%;
    border-collapse: collapse;
}
.calendar-table .calendar-table-row {
    display: table-row;
}
.calendar-table .calendar-table-row.row-head .col {
    padding-bottom: 16px;
}
.calendar-table .calendar-table-row:not(.row-head) .col {
    vertical-align: middle;
}
.calendar-table .calendar-table-row:not(.row-head) .col {
    height: 87px;
    border: 1px solid #b3c3b3;
}
.calendar-table .calendar-table-row:not(.row-head) .col:first-child {
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
}
.calendar-table .calendar-table-row:last-child .col:first-child {
    border-bottom-width: 0;
}
.calendar-table .calendar-table-row:not(.row-head) .col {
    position: relative;
}
.calendar-table .calendar-table-row:not(.row-head) .col.busy::before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "Продано";
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    color: #D63000;
    font-size: 1.4rem;
    transform: rotate(-45deg);
}
.calendar-table .calendar-table-row:not(.row-head) .col.free::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    background-color: #c9e9d8;
}
.calendar-table .calendar-table-row:not(.row-head) .col.current::after {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #009746;
    border-radius: 2px;
    z-index: 1;
}
.calendar-table .calendar-table-row:not(.row-head) .col.current::after {
    border-bottom-width: 0;
    border-top-width: 0;
}
.calendar-table .calendar-table-row:nth-child(2) .col.current::after {
    border-top-width: 1px;
}
.calendar-table .calendar-table-row:last-child .col.current::after {
    border-bottom-width: 1px;
}
.calendar-table .calendar-table-row .col {
    display: table-cell;
    text-align: center;
    font-size: 14px;
}
.calendar-table .calendar-table-row .col:first-child {
    text-align: left;
    font-weight: bold;
}
.calendar-table .calendar-table-row .col:not(:first-child) {
    width: 87px;
}
.calendar-note {
    display: inline-block;
    margin: 30px 0 0 96px;
    font-size: 14px;
}
.calendar-note::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background-color: #c9e9d8;
}
.billboard-sides .billboard-side .billboard-side-img-wrap {
    position: relative;
}
.billboard-sides .billboard-side .billboard-side-img-wrap::after {
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #009746;
    font-family: 'MuseoSansCyrlW03-900', sans-serif;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}
.billboard-sides .billboard-side.billboard-side-1 .billboard-side-img-wrap::after {
    content: 'A';
}
.billboard-sides .billboard-side.billboard-side-2 .billboard-side-img-wrap::after {
    content: 'Б';
}
.billboard-sides .billboard-side.billboard-side-3 .billboard-side-img-wrap::after {
    content: 'C';
}
.billboard-sides .billboard-sides-text {
    font-size: 14px;
}
@media (max-width: 980px) {
    .billboard-sides .billboard-side {
        text-align: center;
    }
    .billboard-sides .billboard-side.billboard-side-1 {
        margin-bottom: 30px;
    }
    .billboard-sides .billboard-side .billboard-side-img-wrap {
        display: inline-block;
    }
}
.billboard-map .section-title {
    margin-bottom: 40px;
}
.billboard-map .section-title h3 {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
}
/*----------------------*/
/*   29-BOARD MAP          */
/*----------------------*/
.mapFilter-container {
    position: relative;
    z-index: 1;
}
.mapFilter-container .mapFilter-wrap {
    position: absolute;
    top: 200px;
    left: 0;
    width: 200px;
    padding: 20px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.mapFilter-container .mapFilter-wrap .mapFilter-title {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 16px;
}
.mapFilter-container .mapFilter-wrap .mapFilter-group-wrap {
    border: 0;
    margin: 0;
    padding: 0;
}
.mapFilter-container .mapFilter-wrap .mapFilter-group-wrap:not(:last-of-type) {
    margin-bottom: 18px;
}
.mapFilter-container .mapFilter-wrap .mapFilter-group-wrap .mapFilter-group-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}
.mapFilter-container .mapFilter-wrap .mapFilter-group-wrap .mapFilter-group {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.mapFilter-container .mapFilter-wrap .mapFilter-group-wrap .mapFilter-group .mapFilter-group-item {
    margin-bottom: 5px;
}
.mapFilter-container .mapFilter-wrap .mapFilter-group-wrap .mapFilter-group .mapFilter-group-item .mapFilter-input {
    display: none;
}
.mapFilter-container .mapFilter-wrap .mapFilter-group-wrap .mapFilter-group .mapFilter-group-item .mapFilter-input:checked +  .mapFilter-label::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE2IDEyIj4KICAgIDxwYXRoIGZpbGw9IiMwMzM3MDQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjQ4Mi4xODhhLjYyLjYyIDAgMCAwLS44ODggMEw2LjIwNyA3LjcyNmwtMy44MDQtMy45MWEuNjE3LjYxNyAwIDAgMC0uODg3IDBMLjE4MyA1LjE3N2EuNjUzLjY1MyAwIDAgMCAwIC45MDZsNS41NzcgNS43M2EuNjIzLjYyMyAwIDAgMCAuODg4IDBsOS4xNjYtOS4zNThhLjY1LjY1IDAgMCAwIDAtLjkxTDE0LjQ4Mi4xODh6Ii8+Cjwvc3ZnPgo=');
}
.mapFilter-container .mapFilter-wrap .mapFilter-group-wrap .mapFilter-group .mapFilter-group-item .mapFilter-label {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}
.mapFilter-container .mapFilter-wrap .mapFilter-group-wrap .mapFilter-group .mapFilter-group-item .mapFilter-label::before {
    content: '';
    width: 30px;
    height: 30px;
    margin-right: 14px;
    border-radius: 3px;
    background-color: #c9e9d8;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
}
/*----------------------*/
/*   31-PROJECT DETAIL          */
/*----------------------*/
/*.project-detail-text .container p {
    font-size: 15px;
    line-height: 20px;
}
.project-detail-text .container p:last-of-type {
    margin-bottom: 0;
}
.project-detail-review .section-title {
    margin-bottom: 20px;
}
.project-detail-review .section-title h3 {
    font-size: 36px;
    text-transform: uppercase;
}
.project-detail-review .review-text {
    padding-top: 50px;
    font-size: 15px;
    line-height: 20px;
}
.project-detail-review .review-text p {

}
.project-wrap {
    position: relative;
}
.project-slider-wrap {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
.project-slider-wrap .owl-project-slider .owl-controls .owl-dots {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 22px;
    text-align: center;
}
.project-slider-wrap .owl-project-slider .owl-controls .owl-dots .owl-dot {
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #fff;
    margin-right: 8px;
}
.project-slider-wrap .owl-project-slider .owl-controls .owl-dots .owl-dot.active {
    background-color: #fff;
    transform: scale(1.5);
}
.project-nav {
    position: absolute;
    top: 50%;
    left: -5%;
    right: -5%;
    height: 40px;
    text-align: right;
    line-height: 40px;
}
.project-nav i {
    font-size: 22px;
    color: #020033;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
}
.project-nav i.lnr-arrow-left {
    float: left;
}
.project-nav i.lnr-arrow-right {
    float: right;
}
.project-nav i:hover {
    color: #009746;
}
@media (max-width: 1028px) {
    .project-slider-wrap {
        padding: 0;
    }
    .project-nav {
        display: none;
    }
}
@media (max-width: 992px) {
    .project-nav i {
        display: none;
    }
}
@media (max-width: 768px) {
    .project-nav {
        display: none;
    }
}
@media (max-width: 480px) {
    .project-nav {
        display: none;
    }
}*/
.pages {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pages .page {
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #009746;
    border: 3px solid #009746;
}

.pages a.page::after {
    content: '';
    background-color: #009746;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    transition: all 0.2s ease-in-out;
}
.pages a.page:hover {
    color: #fff;
    text-decoration: none;
}
.pages a.page:hover::after {
    height: 100%;
}

.pages .page.page-current {
    background-color: #009746;
    color: #fff;
}

.pages .page:not(:last-child) {
    margin-right: 10px;
}

.fz16 {
    font-size: 16px;
}
.fz14 {
    font-size: 14px;
}
.fz12 {
    font-size: 12px;
}
.m0 {
    margin: 0 !important;
}
.mt5 {
    margin-top: 5px;
    display: block;
}
.mb5 {
    margin-bottom: 5px;
    display: block;
}
.pt5 {
    padding-top: 5px;
    display: block;
}
.pb5 {
    padding-bottom: 5px;
    display: block;
}
.mt10 {
    margin-top: 10px;
    display: block;
}
.mb10 {
    margin-bottom: 10px;
    display: block;
}
.pt10 {
    padding-top: 10px;
    display: block;
}
.pb10 {
    padding-bottom: 10px;
    display: block;
}
.mt20 {
    margin-top: 20px;
    display: block;
}
.mb20 {
    margin-bottom: 20px;
    display: block;
}
.pt20 {
    padding-top: 20px;
    display: block;
}
.pb20 {
    padding-bottom: 20px;
    display: block;
}
.mt30 {
    margin-top: 30px;
    display: block;
}
.mb30 {
    margin-bottom: 30px;
    display: block;
}
.pt30 {
    padding-top: 30px;
    display: block;
}
.pb30 {
    padding-bottom: 30px;
    display: block;
}
.mt40 {
    margin-top: 40px;
    display: block;
}
.mb40 {
    margin-bottom: 40px;
    display: block;
}
.pt40 {
    padding-top: 40px;
    display: block;
}
.pb40 {
    padding-bottom: 40px;
    display: block;
}
.mt50 {
    margin-top: 50px;
    display: block;
}
.mb50 {
    margin-bottom: 50px;
    display: block;
}
.pt50 {
    padding-top: 50px;
    display: block;
}
.pb50 {
    padding-bottom: 50px;
    display: block;
}
.mt60 {
    margin-top: 60px;
    display: block;
}
.mb60 {
    margin-bottom: 60px;
    display: block;
}
.pt60 {
    padding-top: 60px;
    display: block;
}
.pb60 {
    padding-bottom: 60px;
    display: block;
}
.mt70 {
    margin-top: 70px;
    display: block;
}
.mb70 {
    margin-bottom: 70px;
    display: block;
}
.pt70 {
    padding-top: 70px;
    display: block;
}
.pb70 {
    padding-bottom: 70px;
    display: block;
}
.mt80 {
    margin-top: 80px;
    display: block;
}
.mb80 {
    margin-bottom: 80px;
    display: block;
}
.pt80 {
    padding-top: 80px;
    display: block;
}
.pb80 {
    padding-bottom: 80px;
    display: block;
}
.mt90 {
    margin-top: 90px;
    display: block;
}
.mb90 {
    margin-bottom: 90px;
    display: block;
}
.pt90 {
    padding-top: 90px;
    display: block;
}
.pb90 {
    padding-bottom: 90px;
    display: block;
}
.mt100 {
    margin-top: 100px;
    display: block;
}
.mb100 {
    margin-bottom: 100px;
    display: block;
}
.pt100 {
    padding-top: 100px;
    display: block;
}
.pb100 {
    padding-bottom: 100px;
    display: block;
}
.mt110 {
    margin-top: 110px;
    display: block;
}
.mb110 {
    margin-bottom: 110px;
    display: block;
}
.pt110 {
    padding-top: 110px;
    display: block;
}
.pb110 {
    padding-bottom: 110px;
    display: block;
}
.mt120 {
    margin-top: 120px;
    display: block;
}
.mb120 {
    margin-bottom: 120px;
    display: block;
}
.pt120 {
    padding-top: 120px;
    display: block;
}
.pb120 {
    padding-bottom: 120px;
    display: block;
}
.mt130 {
    margin-top: 130px;
    display: block;
}
.mb130 {
    margin-bottom: 130px;
    display: block;
}
.pt130 {
    padding-top: 130px;
    display: block;
}
.pb130 {
    padding-bottom: 130px;
    display: block;
}
.mt140 {
    margin-top: 140px;
    display: block;
}
.mb140 {
    margin-bottom: 140px;
    display: block;
}
.pt140 {
    padding-top: 140px;
    display: block;
}
.pb140 {
    padding-bottom: 140px;
    display: block;
}
.mt150 {
    margin-top: 150px;
    display: block;
}
.mb150 {
    margin-bottom: 150px;
    display: block;
}
.pt150 {
    padding-top: 150px;
    display: block;
}
.pb150 {
    padding-bottom: 150px;
    display: block;
}
.mt160 {
    margin-top: 160px;
    display: block;
}
.mb160 {
    margin-bottom: 160px;
    display: block;
}
.pt160 {
    padding-top: 160px;
    display: block;
}
.pb160 {
    padding-bottom: 160px;
    display: block;
}
@media (max-width: 768px) {
    .sm-mt5 {
        margin-top: 5px;
        display: block;
    }
    .sm-mb5 {
        margin-bottom: 5px;
        display: block;
    }
    .sm-pt5 {
        padding-top: 5px;
        display: block;
    }
    .sm-pb5 {
        padding-bottom: 5px;
        display: block;
    }
    .sm-mt10 {
        margin-top: 10px;
        display: block;
    }
    .sm-mb10 {
        margin-bottom: 10px;
        display: block;
    }
    .sm-pt10 {
        padding-top: 10px;
        display: block;
    }
    .sm-pb10 {
        padding-bottom: 10px;
        display: block;
    }
    .sm-mt20 {
        margin-top: 20px;
        display: block;
    }
    .sm-mb20 {
        margin-bottom: 20px;
        display: block;
    }
    .sm-pt20 {
        padding-top: 20px;
        display: block;
    }
    .sm-pb20 {
        padding-bottom: 20px;
        display: block;
    }
    .sm-mt30 {
        margin-top: 30px;
        display: block;
    }
    .sm-mb30 {
        margin-bottom: 30px;
        display: block;
    }
    .sm-pt30 {
        padding-top: 30px;
        display: block;
    }
    .sm-pb30 {
        padding-bottom: 30px;
        display: block;
    }
    .sm-mt40 {
        margin-top: 40px;
        display: block;
    }
    .sm-mb40 {
        margin-bottom: 40px;
        display: block;
    }
    .sm-pt40 {
        padding-top: 40px;
        display: block;
    }
    .sm-pb40 {
        padding-bottom: 40px;
        display: block;
    }
    .sm-mt50 {
        margin-top: 50px;
        display: block;
    }
    .sm-mb50 {
        margin-bottom: 50px;
        display: block;
    }
    .sm-pt50 {
        padding-top: 50px;
        display: block;
    }
    .sm-pb50 {
        padding-bottom: 50px;
        display: block;
    }
    .sm-mt60 {
        margin-top: 60px;
        display: block;
    }
    .sm-mb60 {
        margin-bottom: 60px;
        display: block;
    }
    .sm-pt60 {
        padding-top: 60px;
        display: block;
    }
    .sm-pb60 {
        padding-bottom: 60px;
        display: block;
    }
    .sm-mt70 {
        margin-top: 70px;
        display: block;
    }
    .sm-mb70 {
        margin-bottom: 70px;
        display: block;
    }
    .sm-pt70 {
        padding-top: 70px;
        display: block;
    }
    .sm-pb70 {
        padding-bottom: 70px;
        display: block;
    }
    .sm-mt80 {
        margin-top: 80px;
        display: block;
    }
    .sm-mb80 {
        margin-bottom: 80px;
        display: block;
    }
    .sm-pt80 {
        padding-top: 80px;
        display: block;
    }
    .sm-pb80 {
        padding-bottom: 80px;
        display: block;
    }
    .sm-mt90 {
        margin-top: 90px;
        display: block;
    }
    .sm-mb90 {
        margin-bottom: 90px;
        display: block;
    }
    .sm-pt90 {
        padding-top: 90px;
        display: block;
    }
    .sm-pb90 {
        padding-bottom: 90px;
        display: block;
    }
}
.hairline {
    font-weight: 100;
}
.light {
    font-weight: 300;
}
.normal {
    font-weight: 400;
}
.bold {
    font-weight: 700;
}
.extrabold {
    font-weight: 800;
}
.black {
    font-weight: 900;
}
.uppercase {
    text-transform: uppercase;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.highlight {
    background: #fafafa;
    border: 1px solid #eee;
    padding: 3px;
}
@media (max-width: 768px) {
    .text-right.sm {
        text-align: inherit;
    }
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
@-moz-keyframes animateIconTop {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-webkit-keyframes animateIconTop {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-o-keyframes animateIconTop {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes animateIconTop {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes animateIconBottom {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-webkit-keyframes animateIconBottom {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-o-keyframes animateIconBottom {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes animateIconBottom {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes animateIconLeft {
    49% {
        transform: translateX(-100%);
    }
    50% {
        opacity: 0;
        transform: translateX(100%);
    }
    51% {
        opacity: 1;
    }
}
@-webkit-keyframes animateIconLeft {
    49% {
        transform: translateX(-100%);
    }
    50% {
        opacity: 0;
        transform: translateX(100%);
    }
    51% {
        opacity: 1;
    }
}
@-o-keyframes animateIconLeft {
    49% {
        transform: translateX(-100%);
    }
    50% {
        opacity: 0;
        transform: translateX(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes animateIconLeft {
    49% {
        transform: translateX(-100%);
    }
    50% {
        opacity: 0;
        transform: translateX(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes animateIconRight {
    49% {
        transform: translateX(100%);
    }
    50% {
        opacity: 0;
        transform: translateX(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-webkit-keyframes animateIconRight {
    49% {
        transform: translateX(100%);
    }
    50% {
        opacity: 0;
        transform: translateX(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-o-keyframes animateIconRight {
    49% {
        transform: translateX(100%);
    }
    50% {
        opacity: 0;
        transform: translateX(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes animateIconRight {
    49% {
        transform: translateX(100%);
    }
    50% {
        opacity: 0;
        transform: translateX(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes fadeMenu {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes fadeMenu {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@-o-keyframes fadeMenu {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fadeMenu {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@-moz-keyframes heartbeat {
    0% {
        opacity: 1;
    }
    14% {
        opacity: 0.3;
    }
    28% {
        opacity: 1;
    }
    42% {
        opacity: 0.3;
    }
    70% {
        opacity: 1;
    }
}
@-webkit-keyframes heartbeat {
    0% {
        opacity: 1;
    }
    14% {
        opacity: 0.3;
    }
    28% {
        opacity: 1;
    }
    42% {
        opacity: 0.3;
    }
    70% {
        opacity: 1;
    }
}
@-o-keyframes heartbeat {
    0% {
        opacity: 1;
    }
    14% {
        opacity: 0.3;
    }
    28% {
        opacity: 1;
    }
    42% {
        opacity: 0.3;
    }
    70% {
        opacity: 1;
    }
}
@keyframes heartbeat {
    0% {
        opacity: 1;
    }
    14% {
        opacity: 0.3;
    }
    28% {
        opacity: 1;
    }
    42% {
        opacity: 0.3;
    }
    70% {
        opacity: 1;
    }
}
@-moz-keyframes anim-filter {
    50% {
        opacity: 0;
        color: #929292;
        transform: translate3d(80%, 0, 0);
    }
    51% {
        opacity: 0;
        color: #10f2d5;
        transform: translate3d(-80%, 0, 0);
    }
    75% {
        opacity: 1;
        transform: translate3d(5px, 0, 0);
    }
    100% {
        opacity: 1;
        color: #0de7cb;
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes anim-filter {
    50% {
        opacity: 0;
        color: #929292;
        transform: translate3d(80%, 0, 0);
    }
    51% {
        opacity: 0;
        color: #10f2d5;
        transform: translate3d(-80%, 0, 0);
    }
    75% {
        opacity: 1;
        transform: translate3d(5px, 0, 0);
    }
    100% {
        opacity: 1;
        color: #0de7cb;
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes anim-filter {
    50% {
        opacity: 0;
        color: #929292;
        transform: translate3d(80%, 0, 0);
    }
    51% {
        opacity: 0;
        color: #10f2d5;
        transform: translate3d(-80%, 0, 0);
    }
    75% {
        opacity: 1;
        transform: translate3d(5px, 0, 0);
    }
    100% {
        opacity: 1;
        color: #0de7cb;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes anim-filter {
    50% {
        opacity: 0;
        color: #929292;
        transform: translate3d(80%, 0, 0);
    }
    51% {
        opacity: 0;
        color: #10f2d5;
        transform: translate3d(-80%, 0, 0);
    }
    75% {
        opacity: 1;
        transform: translate3d(5px, 0, 0);
    }
    100% {
        opacity: 1;
        color: #0de7cb;
        transform: translate3d(0, 0, 0);
    }
}

.marquee {
	color: #fff;
	overflow: hidden;
    white-space: nowrap;
	position: absolute;

}

/* End */
/* /local/templates/repako_main/src/css/plugins.css?1682703216222219 */
/* /local/templates/repako_main/src/css/ymaps_customizedBalloon.css?16827032164081 */
/* /local/templates/.default/components/bitrix/menu/top_desktop/style.css?16827032152283 */
/* /local/templates/.default/components/bitrix/menu/top_mobile/style.css?1682703215895 */
/* /local/templates/repako_main/template_styles.css?168270321574012 */