/* CSS crunched with Crunch - http://crunchapp.net/ */


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

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

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
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
}

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

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    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,
select {
    text-transform: none
}

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 {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    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 #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Open sans", sans-serif;
    font-size: 16px;
    line-height: 1.1875;
    color: #333;
    background-color: #fff
}

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

a {
    color: #337ab7;
    text-decoration: none
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline
}

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

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

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

.img-thumbnail {
    padding: 4px;
    line-height: 1.1875;
    background-color: #fff;
    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: 19px;
    margin-bottom: 19px;
    border: 0;
    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
}

[role="button"] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: .93;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 19px;
    margin-bottom: 9.5px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 9.5px;
    margin-bottom: 9.5px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 41px
}

h2,
.h2 {
    font-size: 34px
}

h3,
.h3 {
    font-size: 28px
}

h4,
.h4 {
    font-size: 20px
}

h5,
.h5 {
    font-size: 16px
}

h6,
.h6 {
    font-size: 14px
}

p {
    margin: 0 0 9.5px
}

.lead {
    margin-bottom: 19px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 24px
    }
}

small,
.small {
    font-size: 87%
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 8.5px;
    margin: 38px 0 19px;
    border-bottom: 1px solid #eee
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 9.5px
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0
}

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

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 19px
}

dt,
dd {
    line-height: 1.1875
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 9.5px 19px;
    margin: 0 0 19px;
    font-size: 20px;
    border-left: 5px solid #eee
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.1875;
    color: #777
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 19px;
    font-style: normal;
    line-height: 1.1875
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none
}

pre {
    display: block;
    padding: 9px;
    margin: 0 0 9.5px;
    font-size: 15px;
    line-height: 1.1875;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

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

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

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

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

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

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

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    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-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        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-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        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-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        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:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table
}

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

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

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

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

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

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

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

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

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

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

@media (max-width:767px) {
    .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
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

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

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

@media (min-width:768px) and (max-width:991px) {
    .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
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

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

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

@media (min-width:992px) and (max-width:1199px) {
    .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
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

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

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

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !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
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        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
    }
    th.visible-print,
    td.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
    }
}

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

.bilkovi-bg {
    background: url(../img/bilkovi-bg.jpg) no-repeat center top
}

.classic-bg {
    background: url(../img/classic-bg.jpg) no-repeat center top
}

.evkalipt-bg {
    background: url(../img/evkalipt-bg.jpg) no-repeat center top
}

.bilkovi-bg {
    background: url(../img/bilkovi-bg.jpg) no-repeat center top
}

.classic-bg {
    background: url(../img/classic-bg.jpg) no-repeat center top
}

.medeni-bg {
    background: url(../img/medeni-bg.jpg) no-repeat center top
}

.dyvchashti-bg {
    background: url(../img/dyvchashti-bg.jpg) no-repeat center top
}

.the-nav {
    background: #fff;
    background: -moz-radial-gradient(50% 50%, circle cover, #fff 0, #77d1ff 100%);
    background: -webkit-gradient(radial, 50% 50%, 0, center center, 100%, color-stop(0, #d596e0), color-stop(100%, #77d1ff));
    background: -webkit-radial-gradient(50% 50%, circle cover, #fff 0, #77d1ff 100%);
    background: -o-radial-gradient(50% 50%, circle cover, #fff 0, #77d1ff 100%);
    background: -ms-radial-gradient(50% 50%, circle cover, #fff 0, #77d1ff 100%);
    background: radial-gradient(circle at 50% 50%, #fff 0, #77d1ff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#77d1ff', GradientType=1)
}

.the-nav.white-bg {
    background: #fff;
    background: -moz-radial-gradient(50% 50%, circle cover, #fff 0, #fff 100%);
    background: -webkit-gradient(radial, 50% 50%, 0, center center, 100%, color-stop(0, #fff), color-stop(100%, #fff));
    background: -webkit-radial-gradient(50% 50%, circle cover, #fff 0, #fff 100%);
    background: -o-radial-gradient(50% 50%, circle cover, #fff 0, #fff 100%);
    background: -ms-radial-gradient(50% 50%, circle cover, #fff 0, #fff 100%);
    background: radial-gradient(circle at 50% 50%, #fff 0, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)
}

.game {
    margin-bottom: 100px
}

.game h4 {
    font-size: 33px;
    line-height: 31px;
    color: #003315;
    font-weight: 800;
    font-style: italic;
    text-align: center
}

.game p {
    text-align: center
}

@media (max-width:991px) {
    .game {
        font-size: 16px
    }
}

.game.drag-n-drop h4 {
    color: #003315
}

.game.drag-n-drop p {
    color: #003315
}

.game.classi h4 {
    color: #00506b
}

.game.classi p {
    color: #00506b
}

.game.evka h4 {
    color: #101c4a
}

.game.evka p {
    color: #101c4a
}

.game.honey h4 {
    color: #451814
}

.game.honey p {
    color: #451814
}

.game.dyvcha h4 {
    color: #003315
}

.game.dyvcha p {
    color: #003315
}

.copy {
    padding-top: 35px
}

.copy h4 {
    font-weight: 800;
    font-style: italic
}

@media (max-width:991px) {
    .copy {
        padding-top: 0;
        font-size: 16px;
        text-align: center
    }
}

.copy.bil h4 {
    font-size: 33px;
    line-height: 31px;
    color: #003315
}

.copy.bil p {
    color: #003315
}

.copy.cla h4 {
    font-size: 29px;
    line-height: 29px;
    color: #00506b
}

.copy.cla p {
    color: #00506b
}

.copy.evk {
    color: #ffffff
}

@media (max-width:767px) {
    .copy.evk {
        color: #101c4a
    }
}

.copy.evk h4 {
    font-size: 29px;
    line-height: 29px
}

.copy.medeni h4 {
    font-size: 29px;
    line-height: 29px;
    color: #451814
}

.copy.medeni p {
    color: #451814
}

.copy.dyv h4 {
    font-size: 29px;
    line-height: 29px;
    color: #003315
}

.copy.dyv p {
    color: #003315
}

.bilkovi-image {
    height: 385px;
    margin-top: 75px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -1290px -830px transparent
}

@media (max-width:991px) {
    .bilkovi-image {
        height: 245px;
        margin-top: 25px;
        width: 320px;
        margin: 0 auto;
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -980px -865px transparent
    }
}

.classic-image {
    height: 385px;
    margin-top: 75px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -2242px -820px transparent
}

@media (max-width:991px) {
    .classic-image {
        height: 245px;
        margin-top: 25px;
        width: 320px;
        margin: 0 auto;
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -477px -821px transparent
    }
}

.evkalipt-image {
    height: 385px;
    margin-top: 75px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -1752px -1290px transparent
}

@media (max-width:991px) {
    .evkalipt-image {
        height: 245px;
        margin-top: 25px;
        width: 320px;
        margin: 0 auto;
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -26px -821px transparent
    }
}

.medeni-image {
    height: 385px;
    margin-top: 75px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -1996px -1770px transparent
}

@media (max-width:991px) {
    .medeni-image {
        height: 245px;
        margin-top: 25px;
        width: 320px;
        margin: 0 auto;
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1049px -510px transparent
    }
}

.dyvchashti-image {
    height: 385px;
    margin-top: 75px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -1952px -2220px transparent
}

@media (max-width:991px) {
    .dyvchashti-image {
        height: 245px;
        margin-top: 25px;
        width: 320px;
        margin: 0 auto;
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -63px -1128px transparent
    }
}

.home-link {
    background: url(../img/turbo-sprite.png) no-repeat;
    background-position: -481px -492px;
    color: #3c3c3b;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 5px
}

@media (max-width:767px) {
    .home-link {
        background: url(../img/mobile-turbo-sprite.png) no-repeat;
        background-position: -400px -207px;
        color: #3c3c3b;
        padding-left: 22px;
        padding-right: 8px;
        font-size: 12px;
        padding-top: 0px;
        padding-bottom: 5px
    }
}

.home-link:hover {
    background-position: -481px -521px;
    color: #fff;
    text-decoration: none
}

@media (max-width:767px) {
    .home-link:hover {
        background-position: -400px -207px;
        color: #3c3c3b
    }
}

.products-link {
    background: url(../img/turbo-sprite.png) no-repeat;
    background-position: -369px -495px;
    color: #3c3c3b;
    padding-left: 8px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 3px;
    float: right
}

@media (max-width:767px) {
    .products-link {
        background: url(../img/mobile-turbo-sprite.png) no-repeat;
        background-position: -600px -208px;
        color: #3c3c3b;
        font-size: 12px;
        padding-top: 0px;
        padding-right: 28px
    }
}

.products-link.his {
    background-position: -376px -495px
}

@media (max-width:767px) {
    .products-link.his {
        background-position: -600px -208px
    }
}

.products-link:hover {
    background-position: -369px -521px;
    color: #fff;
    text-decoration: none
}

@media (max-width:767px) {
    .products-link:hover {
        background-position: -600px -208px;
        color: #3c3c3b
    }
}

.sounds {
    background: url(../img/turbo-sprite.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    margin: -8px 10px;
    background-position: -703px -517px;
    cursor: pointer
}

.sounds:hover {
    background-position: -795px -517px
}

.sounds.muted {
    background-position: -660px -517px
}

.sounds.muted:hover {
    background-position: -753px -517px
}

@media (max-width:991px) {
    .sounds {
        display: none
    }
}

.herb-modal {
    position: relative;
    background-color: #044653;
    color: white;
    border: 1px solid #044653;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: block;
    padding-left: 7px;
    padding-top: 0px;
    font-weight: bold;
    font-size: 27px;
    text-decoration: none;
    margin-top: -7px
}

@media (max-width:991px) {
    .herb-modal {
        width: 20px;
        height: 28px;
        border-radius: 50%;
        padding-left: 8px;
        padding-top: 0px;
        line-height: 14px;
        font-size: 20px;
        margin-top: -7px;
    }
}

.herb-modal:hover {
    color: #044653;
    background-color: #ffffff
}

.herb-modal.kopur {
    top: 297px;
    left: 64px
}

@media (max-width:991px) {
    .herb-modal.kopur {
        top: 187px;
        left: 24px
    }
}

.herb-modal.salvia {
    top: 80px;
    left: 280px
}

@media (max-width:991px) {
    .herb-modal.salvia {
        top: 90px;
        left: 132px
    }
}

.herb-modal.pelin {
    top: 40px;
    left: 220px
}

@media (max-width:991px) {
    .herb-modal.pelin {
        top: 60px;
        left: 100px
    }
}

.herb-modal.menta {
    top: 90px;
    left: 160px
}

@media (max-width:991px) {
    .herb-modal.menta {
        top: 70px;
        left: 70px
    }
}

.herb-modal.mashterka {
    top: 137px;
    left: 124px
}

@media (max-width:991px) {
    .herb-modal.mashterka {
        top: 88px;
        left: 60px
    }
}

.herb-modal.evkalipt {
    left: 40px
}

@media (max-width:991px) {
    .herb-modal.evkalipt {
        top: 20px;
        left: 23px
    }
}

.herb-modal.classic-menta {
    top: 140px;
    left: 130px
}

@media (max-width:991px) {
    .herb-modal.classic-menta {
        top: 108px;
        left: 83px
    }
}

.herb-modal.classic-laika {
    top: 280px
}

@media (max-width:991px) {
    .herb-modal.classic-laika {
        top: 170px;
        left: 30px
    }
}

.herb-modal.evkalipt-menta {
    top: 140px;
    left: 140px
}

@media (max-width:991px) {
    .herb-modal.evkalipt-menta {
        top: 109px;
        left: 80px
    }
}

.herb-modal.evkalipt-evkalipt {
    top: 270px;
    left: 50px
}

@media (max-width:991px) {
    .herb-modal.evkalipt-evkalipt {
        top: 170px;
        left: 30px
    }
}

.herb-modal.honeys-lemon {
    top: 290px;
    left: 40px
}

@media (max-width:991px) {
    .herb-modal.honeys-lemon {
        top: 190px;
        left: 40px
    }
}

.herb-modal.honeys-c {
    top: 130px;
    left: 67px
}

@media (max-width:991px) {
    .herb-modal.honeys-c {
        top: 112px;
        left: 47px
    }
}

.herb-modal.honeys-menta {
    top: 120px;
    left: 130px
}

@media (max-width:991px) {
    .herb-modal.honeys-menta {
        top: 107px;
        left: 90px
    }
}

.products-inner-navigation {
    margin-top: 25px
}

@media (max-width:540px) {
    .products-inner-navigation {
        margin-top: 15px;
        margin-bottom: 20px
    }
}

.nav-body-text {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    font-weight: 400;
    color: #0b4655;
    padding-top: 40px
}

@media (max-width:767px) {
    .nav-body-text {
        padding: 0
    }
}

.packs {
    margin: 30px 0 20px
}

@media (max-width:767px) {
    .packs {
        padding: 0;
        margin: 10px 0 10px
    }
}

@media (max-width:540px) {
    .packs {
        padding: 0;
        margin: 10px auto 30px;
        width: 293px
    }
}

.packs a {
    width: 20%;
    padding: 0 15px;
    float: left;
    display: block
}

@media (max-width:1199px) {
    .packs a {
        padding: 0
    }
}

@media (max-width:767px) {
    .packs a {
        padding: 0;
        margin: 0 auto
    }
}

@media (max-width:540px) {
    .packs a {
        width: 100%;
        padding: 0;
        height: 70px
    }
}

.packs a .pack {
    max-width: 100%;
    margin: 0 auto;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: scale(.8, .8);
    -moz-transform: scale(.8, .8);
    -o-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    transform: scale(.8, .8)
}

.packs a .pack:hover {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    z-index: 9999 !important
}

@media (max-width:540px) {
    .packs a .pack {
        float: left
    }
}

.packs a p {
    display: none
}

@media (max-width:540px) {
    .packs a p {
        display: inline-block;
        color: #0b4655;
        font-size: 14px;
        line-height: 80px
    }
    .packs a p strong {
        font-weight: bold;
        margin-left: 5px
    }
}

.pack {
    height: 289px;
    display: block;
    width: 198px
}

@media (max-width:1199px) {
    .pack {
        width: 144px
    }
}

@media (max-width:767px) {
    .pack {
        width: 94px;
        height: 140px;
        margin: 0 0
    }
}

@media (max-width:540px) {
    .pack {
        height: 100px;
        width: 64px;
        margin: 0 auto
    }
}

.medeni-pack {
    background: url("../img/turbo-sprite.png") no-repeat scroll -1621px -66px transparent
}

@media (max-width:1199px) {
    .medeni-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -62px -1376px transparent
    }
}

@media (max-width:767px) {
    .medeni-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1060px -1509px transparent
    }
}

@media (max-width:540px) {
    .medeni-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1256px -1399px transparent
    }
}

.dyvchashti-pack {
    background: url("../img/turbo-sprite.png") no-repeat scroll -1878px -66px transparent
}

@media (max-width:1199px) {
    .dyvchashti-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -260px -1376px transparent
    }
}

@media (max-width:767px) {
    .dyvchashti-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1158px -1509px transparent
    }
}

@media (max-width:540px) {
    .dyvchashti-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1362px -1399px transparent
    }
}

.bilkovi-pack {
    background: url("../img/turbo-sprite.png") no-repeat scroll -2135px -66px transparent
}

@media (max-width:1199px) {
    .bilkovi-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -459px -1376px transparent
    }
}

@media (max-width:767px) {
    .bilkovi-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1251px -1509px transparent
    }
}

@media (max-width:540px) {
    .bilkovi-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1456px -1399px transparent
    }
}

.evkalipt-pack {
    background: url("../img/turbo-sprite.png") no-repeat scroll -2391px -66px transparent
}

@media (max-width:1199px) {
    .evkalipt-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -659px -1376px transparent
    }
}

@media (max-width:767px) {
    .evkalipt-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1350px -1509px transparent
    }
}

@media (max-width:540px) {
    .evkalipt-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1175px -1399px transparent
    }
}

.classic-pack {
    background: url("../img/turbo-sprite.png") no-repeat scroll -2647px -70px transparent
}

@media (max-width:1199px) {
    .classic-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -859px -1376px transparent
    }
}

@media (max-width:767px) {
    .classic-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1448px -1509px transparent
    }
}

@media (max-width:540px) {
    .classic-pack {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1084px -1399px transparent
    }
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: transparent;
    transition: all 0.3s
}

.backdrop .md-overlay {
    opacity: 1;
    visibility: visible
}

.bilkovi-logo {
    display: block;
    width: 320px;
    height: 120px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -2652px -1950px transparent
}

@media (max-width:991px) {
    .bilkovi-logo {
        display: none
    }
}

.dyvchashti-logo {
    display: block;
    width: 320px;
    height: 120px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -2652px -2110px transparent
}

@media (max-width:991px) {
    .dyvchashti-logo {
        display: none
    }
}

.classic-logo {
    display: block;
    width: 320px;
    height: 120px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -2652px -1760px transparent
}

@media (max-width:991px) {
    .classic-logo {
        display: none
    }
}

.evkalipt-logo {
    display: block;
    width: 320px;
    height: 120px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -2652px -1540px transparent
}

@media (max-width:991px) {
    .evkalipt-logo {
        display: none
    }
}

.medeni-logo {
    display: block;
    width: 320px;
    height: 120px;
    background: url("../img/turbo-sprite.png") no-repeat scroll -2652px -1355px transparent
}

@media (max-width:991px) {
    .medeni-logo {
        display: none
    }
}

.thumb {
    display: block;
    width: 135px;
    height: 135px;
    float: left;
    margin-right: 10px
}

@media (max-width:991px) {
    .thumb {
        width: 115px
    }
}

.thumb.kopur-png {
    background: url("../img/turbo-sprite.png") no-repeat scroll -2820px -610px transparent
}

@media (max-width:767px) {
    .thumb.kopur-png {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1456px -810px transparent
    }
}

.thumb.salvia-png {
    background: url("../img/turbo-sprite.png") no-repeat scroll -1810px -610px transparent
}

@media (max-width:767px) {
    .thumb.salvia-png {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -730px -1190px transparent
    }
}

.thumb.pelin-png {
    background: url("../img/turbo-sprite.png") no-repeat scroll -2002px -610px transparent
}

@media (max-width:767px) {
    .thumb.pelin-png {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -890px -1190px transparent
    }
}

.thumb.menta-png {
    background: url("../img/turbo-sprite.png") no-repeat scroll -2202px -610px transparent
}

@media (max-width:767px) {
    .thumb.menta-png {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1036px -1210px transparent
    }
}

.thumb.mashterka-png {
    background: url("../img/turbo-sprite.png") no-repeat scroll -1635px -630px transparent
}

@media (max-width:767px) {
    .thumb.mashterka-png {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -580px -1190px transparent
    }
}

.thumb.evkalipt-png {
    background: url("../img/turbo-sprite.png") no-repeat scroll -1462px -610px transparent
}

@media (max-width:767px) {
    .thumb.evkalipt-png {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -440px -1190px transparent
    }
}

.thumb.c-png {
    background: url("../img/turbo-sprite.png") no-repeat scroll -2732px -2270px transparent
}

@media (max-width:767px) {
    .thumb.c-png {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1420px -555px transparent
    }
}

.thumb.lemon-png {
    background: url("../img/turbo-sprite.png") no-repeat scroll -2422px -610px transparent
}

@media (max-width:767px) {
    .thumb.lemon-png {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1210px -1190px transparent
    }
}

.thumb.laika-png {
    background: url("../img/turbo-sprite.png") no-repeat scroll -2622px -610px transparent
}

@media (max-width:767px) {
    .thumb.laika-png {
        background: url("../img/mobile-turbo-sprite.png") no-repeat scroll -1405px -1190px transparent
    }
}

div {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges
}

#video {
    min-height: 105% !important
}

button:focus {
    border: 0;
    outline: none;
    box-shadow: none
}

.other-products {
    padding: 0 10% 10px
}

.other-products a {
    width: 25%
}

.other-products .packs {
    margin: 0 0 20px
}

@media (max-width:767px) {
    .other-products .nav-link p {
        display: none
    }
}

.md-modal {
    position: fixed;
    top: 20%;
    left: 40%;
    width: 50%;
    max-width: 380px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width:767px) {
    .md-modal {
        left: 0
    }
}

@media (max-width:991px) {
    .md-modal {
        left: 5%
    }
}

.md-show {
    visibility: visible
}

.img-preview {
    width: 600px
}

.cover-preview {
    width: 851px
}

.img-x {
    background-color: transparent;
    border: 0;
    float: right;
    color: white
}

.md-content {
    max-width: 380px;
    position: relative;
    border-radius: 3px;
    margin: 0 auto
}

.md-content p {
    font-style: normal;
    font-size: 16px;
    line-height: 1.2em;
    float: left;
    font-weight: 400
}

.md-content h4 {
    font-size: 26px;
    float: left;
    font-weight: 800;
    font-style: italic;
    padding-top: 30px
}

@media (max-width:767px) {
    .md-content h4 {
        font-size: 19px
    }
}

.md-content h5 {
    font-size: 10pt;
    font-style: italic;
    padding-bottom: 30px;
    float: left
}

@media (max-width:767px) {
    .md-content h5 {
        font-size: 9px
    }
}

.md-content img {
    float: left
}

.md-content.wallpaper-preview {
    max-width: 70%;
    height: auto;
    margin: 0 auto
}

.md-content.kopurish {
    color: #003315;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #efffff 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(99%, #efffff));
    background: -webkit-linear-gradient(top, #fff 0, #efffff 99%);
    background: -o-linear-gradient(top, #fff 0, #efffff 99%);
    background: -ms-linear-gradient(top, #fff 0, #efffff 99%);
    background: linear-gradient(to bottom, #fff 0, #efffff 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6fed0', GradientType=0)
}

.md-content.classics {
    color: #00506b;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #d7f2f9 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(99%, #d7f2f9));
    background: -webkit-linear-gradient(top, #fff 0, #d7f2f9 99%);
    background: -o-linear-gradient(top, #fff 0, #d7f2f9 99%);
    background: -ms-linear-gradient(top, #fff 0, #d7f2f9 99%);
    background: linear-gradient(to bottom, #fff 0, #d7f2f9 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7f2f9', GradientType=0)
}

.md-content.evkalipts {
    color: #00506b;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #d3d5fd 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(99%, #d3d5fd));
    background: -webkit-linear-gradient(top, #fff 0, #d3d5fd 99%);
    background: -o-linear-gradient(top, #fff 0, #d3d5fd 99%);
    background: -ms-linear-gradient(top, #fff 0, #d3d5fd 99%);
    background: linear-gradient(to bottom, #fff 0, #d3d5fd 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3d5fd', GradientType=0)
}

.md-content.honey {
    color: #451814;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #fffbcd 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(99%, #fffbcd));
    background: -webkit-linear-gradient(top, #fff 0, #fffbcd 99%);
    background: -o-linear-gradient(top, #fff 0, #fffbcd 99%);
    background: -ms-linear-gradient(top, #fff 0, #fffbcd 99%);
    background: linear-gradient(to bottom, #fff 0, #fffbcd 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fffbcd', GradientType=0)
}

.md-content.dyvchesh {
    color: #003315;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #efffe1 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(99%, #efffe1));
    background: -webkit-linear-gradient(top, #fff 0, #efffe1 99%);
    background: -o-linear-gradient(top, #fff 0, #efffe1 99%);
    background: -ms-linear-gradient(top, #fff 0, #efffe1 99%);
    background: linear-gradient(to bottom, #fff 0, #efffe1 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efffe1', GradientType=0)
}

.md-content h3 {
    margin: 0;
    padding: 0.4em;
    text-align: center;
    font-size: 2.4em;
    font-weight: 300;
    opacity: 0.8;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 0 0
}

.md-content>div {
    padding: 15px 40px 30px;
    margin: 0;
    font-weight: 300;
    font-size: 1.15em;
    overflow: hidden
}

.md-content>div p {
    margin: 0;
    padding: 10px 0
}

.md-content>div ul {
    margin: 0;
    padding: 0 0 30px 20px
}

.md-content>div ul li {
    padding: 5px 0
}

.md-content button {
    display: block;
    margin: 0 auto;
    font-size: 0.8em;
    background: none;
    border: none;
    font-weight: bold;
    color: #003315;
    position: relative;
    left: 170px
}

.md-effect-1 .md-content {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-2 .md-content {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -moz-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.md-show.md-effect-2 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.md-effect-3 .md-content {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-3 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.md-effect-4 .md-content {
    -webkit-transform: scale(0) rotate(720deg);
    -moz-transform: scale(0) rotate(720deg);
    -ms-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0
}

.md-show.md-effect-4~.md-overlay,
.md-effect-4 .md-content {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.md-show.md-effect-4 .md-content {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1
}

.md-effect-5.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-5 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    -moz-transform: translateZ(600px) rotateX(20deg);
    -ms-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0
}

.md-show.md-effect-5 .md-content {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translateZ(0) rotateX(0deg);
    -moz-transform: translateZ(0) rotateX(0deg);
    -ms-transform: translateZ(0) rotateX(0deg);
    transform: translateZ(0) rotateX(0deg);
    opacity: 1
}

.md-effect-6.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-6 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
    -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0
}

.md-show.md-effect-6 .md-content {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translate(0) translateZ(0) rotate(0deg);
    -moz-transform: translate(0) translateZ(0) rotate(0deg);
    -ms-transform: translate(0) translateZ(0) rotate(0deg);
    transform: translate(0) translateZ(0) rotate(0deg);
    opacity: 1
}

.md-effect-7 {
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.md-effect-7 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.md-show.md-effect-7 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0 0 3px 3px;
    opacity: 1
}

.md-effect-8.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-8 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0
}

.md-show.md-effect-8 .md-content {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1
}

.md-effect-9.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-9 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -moz-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0
}

.md-show.md-effect-9 .md-content {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.md-effect-10.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-10 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-10 .md-content {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.md-effect-11 .md-content {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-11 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-12 .md-content {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-12~.md-overlay {
    background: #e74c3c
}

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
    background: transparent
}

.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-13.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-13 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    -moz-transform: translateZ(-3000px) rotateY(90deg);
    -ms-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0
}

.md-show.md-effect-13 .md-content {
    -webkit-animation: slit .7s forwards ease-out;
    -moz-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

@-moz-keyframes slit {
    50% {
        -moz-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-in
    }
    100% {
        transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

.md-effect-14.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-14 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    -moz-transform: translateY(100%) rotateX(90deg);
    -ms-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.md-show.md-effect-14 .md-content {
    -webkit-transform: translateY(0) rotateX(0deg);
    -moz-transform: translateY(0) rotateX(0deg);
    -ms-transform: translateY(0) rotateX(0deg);
    transform: translateY(0) rotateX(0deg);
    opacity: 1
}

.md-effect-15.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-15 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-15 .md-content {
    -webkit-transform: translateZ(0) translateX(0) rotateY(0deg);
    -moz-transform: translateZ(0) translateX(0) rotateY(0deg);
    -ms-transform: translateZ(0) translateX(0) rotateY(0deg);
    transform: translateZ(0) translateX(0) rotateY(0deg);
    opacity: 1
}

.md-show.md-effect-16~.md-overlay {
    background: rgba(180, 46, 32, 0.5)
}

.md-show.md-effect-16~.container {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}

.md-effect-16 .md-content {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0
}

.md-show.md-effect-16~.container,
.md-effect-16 .md-content {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-show.md-effect-16 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.md-show.md-effect-17~.container {
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform 0.3s
}

.md-show.md-effect-17~.container,
.md-show.md-effect-17~.md-overlay {
    -webkit-transform: rotateX(-2deg);
    -moz-transform: rotateX(-2deg);
    -ms-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.md-effect-17 .md-content {
    opacity: 0;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%)
}

.md-show.md-effect-17 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 0.3s 0.2s;
    -moz-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s
}

.md-show.md-effect-18~.container {
    height: 100%;
    overflow: hidden
}

.md-show.md-effect-18~.md-overlay {
    background: rgba(143, 27, 15, 0.8);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.md-show.md-effect-18~.container,
.md-show.md-effect-18~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    -webkit-animation: rotateRightSideFirst .5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0% 50%;
    -moz-animation: rotateRightSideFirst .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 0% 50%;
    animation: rotateRightSideFirst .5s forwards ease-in
}

@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: translateZ(-200px)
    }
}

@-moz-keyframes rotateRightSideFirst {
    50% {
        -moz-transform: translateZ(-50px) rotateY(5deg);
        -moz-animation-timing-function: ease-out
    }
    100% {
        -moz-transform: translateZ(-200px)
    }
}

@keyframes rotateRightSideFirst {
    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }
    100% {
        transform: translateZ(-200px)
    }
}

.md-effect-18 .md-content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0
}

.md-show.md-effect-18 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all 0.5s 0.1s;
    -moz-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s
}

.md-show.md-effect-19~.container {
    height: 100%;
    overflow: hidden
}

.md-show.md-effect-19~.md-overlay {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s
}

.md-show.md-effect-19~.container,
.md-show.md-effect-19~.md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: OpenTop .5s forwards ease-in;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 50% 100%;
    -moz-animation: OpenTop .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
    animation: OpenTop .5s forwards ease-in
}

@-webkit-keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out
    }
}

@-moz-keyframes OpenTop {
    50% {
        -moz-transform: rotateX(10deg);
        -moz-animation-timing-function: ease-out
    }
}

@keyframes OpenTop {
    50% {
        transform: rotateX(10deg);
        animation-timing-function: ease-out
    }
}

.md-effect-19 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0
}

.md-show.md-effect-19 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all 0.5s 0.1s;
    -moz-transition: all 0.5s 0.1s;
    transition: all 0.5s 0.1s
}

#main {
    overflow: hidden
}

.m-scene .scene_element {
    position: relative;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.m-scene .scene_element--fadein {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.m-scene .scene_element--fadeinup {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.m-scene .scene_element--fadeinright {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.m-scene .scene_element--fadeindown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.m-scene.is-exiting .scene_element {
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse
}

.delay1 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.delay2 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.delay3 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.delay5 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.delay4 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.content-bg {
    background-color: white;
    opacity: 0.67;
    background-repeat: repeat-x;
    min-height: 100%;
    z-index: 0;
    width: 100%;
    position: absolute
}

video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -10;
    background-size: cover;
    transition: 1s opacity
}

#video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    overflow: hidden
}

#video:after {
    position: absolute;
    content: '';
    display: block;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -3;
    background: rgba(255, 255, 255, 0.6)
}

.video_overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -20;
    background: rgba(255, 255, 255, 0.6)
}

.parralax_bg {
    background: url(../img/home_bg.jpg);
    background-size: cover;
    position: absolute;
    right: -20%;
    bottom: -10%;
    left: -20%;
    top: -10%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -20;
    -webkit-animation: animatedBackground 30s;
    -moz-animation: animatedBackground 30s;
    -o-animation: animatedBackground 30s;
    -ms-animation: animatedBackground 30s;
    animation: animatedBackground 30s
}

@-webkit-keyframes animatedBackground {
    from {
        -ms-transform: translateX(10%) scale(1.1, 1.1);
        -webkit-transform: translateX(10%) scale(1.1, 1.1);
        transform: translateX(10%) scale(1.1, 1.1)
    }
    to {
        -ms-transform: translateX(0) scale(1, 1);
        -webkit-transform: translateX(0) scale(1, 1);
        transform: translateX(0) scale(1, 1)
    }
}

.mobile-bg {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: -10
}

.headline h1 {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin: .67em 0;
    font-size: 2em;
    color: #0b4655;
    font-weight: 800;
    font-style: italic
}

.subheadline {
    margin-bottom: 20px
}

.subheadline h4 {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin: .67em 0;
    font-size: 1em;
    line-height: 1.33em;
    font-weight: normal;
    color: #0b4655;
    font-style: normal
}

.subheadline p {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin: .67em 0;
    font-size: 0.9em;
    font-weight: 400;
    color: #0b4655;
    font-style: normal
}

.logo {
    padding-top: 30px;
    width: 220px;
    margin: 0 auto;
    display: block
}

.soon-repeater {
    font-style: italic;
    color: #0b4655;
    background-color: white;
    border: 1px solid;
    font-weight: 300;
    border-color: white;
    font-size: 1.6em;
    margin-left: 5%;
    margin-right: 5%;
    font-family: 'Open Sans', sans serif;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    line-height: 65px
}

.soon-group-inner {
    padding: 0 10%
}

.soon-label {
    font-weight: 800;
    font-style: italic;
    margin-right: 1em;
    margin-left: 1em;
    font-family: 'Open Sans', sans-serif;
    color: #0b4655;
    font-size: 0.45em
}

.soon {
    min-width: 690px;
    margin: 0 0 0 5%
}

.soon-slot+.soon-slot {
    margin-left: -0.4em;
    padding-right: 5px
}

.soon {
    min-width: 100px;
    text-align: center;
    maring-right: auto;
    margin: 0 auto
}

.soon-slot {
    text-indent: 0.18em
}

@media (max-width:600px) {
    .soon-repeater {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        line-height: 45px
    }
}

@media (max-width:480px) {
    .content {
        padding-bottom: 60px
    }
    .soon-repeater {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        line-height: 45px
    }
}

@media (min-width:768px) {
    .mobile-bg {
        display: none
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .content {
        padding-top: 26%
    }
}

.home_wrap {
    width: 940px;
    margin: 0 auto 200px;
    position: relative
}

@media (max-width:991px) {
    .home_wrap {
        width: 270px;
        margin: 30px auto 100px
    }
}

@media (min-width:1600px) {
    .home_wrap {
        margin: 100px auto 100px
    }
}

.main {
    background-image: url('../img/turbo-sprite.png');
    background-position: 15px 40px;
    height: 510px;
    width: 554px;
    position: relative;
    display: inline-block;
    margin: 20px -40px
}

@media (max-width:991px) {
    .main {
        width: 274px;
        height: 330px;
        margin: 0 auto;
        background: url('../img/mobile-turbo-sprite.png') no-repeat -52px -33px
    }
}

.main p {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #00531e;
    text-align: center;
    padding: 254px 21% 0
}

@media (max-width:991px) {
    .main p {
        font-size: 13px;
        line-height: 16px;
        font-weight: 300;
        padding: 131px 22px 0
    }
}

.lukcheta-TVC {
    width: 300px;
    margin: 20px auto;
    box-shadow: 0 0 40px rgba(0, 59, 67, 0.1)
}

@media (max-width:991px) {
    .lukcheta-TVC {
        display: none
    }
}

.home-history-link {
    background-image: url('../img/turbo-sprite.png');
    height: 230px;
    width: 221px;
    background-position: -642px -28px;
    position: relative;
    display: inline-block;
    margin-top: 250px
}

.home-history-link:hover {
    background-position: -871px -28px
}

@media (max-width:991px) {
    .home-history-link {
        background: url('../img/mobile-turbo-sprite.png') no-repeat -397px -50px;
        height: 128px;
        width: 138px;
        position: relative;
        display: inline-block;
        margin-top: 0;
        position: absolute;
        top: 240px;
        z-index: 10
    }
    .home-history-link:hover {
        background-position: -397px -50px
    }
}

.home-product-link {
    background-image: url('../img/turbo-sprite.png');
    height: 220px;
    background-position: -759px -250px;
    position: relative;
    display: inline-block;
    margin-top: 250px;
    width: 230px
}

.home-product-link:hover {
    background-position: -997px -250px
}

@media (max-width:991px) {
    .home-product-link {
        background: url('../img/mobile-turbo-sprite.png') no-repeat -557px -30px;
        height: 148px;
        width: 138px;
        position: relative;
        display: inline-block;
        margin-top: 0;
        position: absolute;
        top: 219px;
        z-index: 10;
        left: 140px
    }
    .home-product-link:hover {
        background-position: -557px -30px
    }
}

.enable-sound {
    width: 80%;
    margin-left: 12%
}

@media (max-width:991px) {
    .enable-sound {
        display: none
    }
}

.main .enable-sound p {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #000000;
    text-align: left;
    float: left;
    padding: 8px 0 0 0
}

footer {
    width: 100%;
    height: 110px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 70%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(70%, #fff), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 50%, #fff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 70%, #fff 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 70%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 70%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    position: fixed;
    bottom: 0;
    -webkit-transition: background .4s ease-in;
    -moz-transition: background .4s ease-in;
    -ms-transition: background .4s ease-in;
    -o-transition: background .4s ease-in;
    transition: background .4s ease-in
}

@media (max-width:767px) {
    footer {
        background: #fff;
        display: block;
        height: 50px
    }
}

footer.history_foot {
    background: transparent
}

.footer-links {
    width: 650px;
    margin: 0 auto;
    margin-top: 56px
}

@media (max-width:767px) {
    footer {
        background: #fff;
        display: block
    }
}

footer.history_foot .facebook-link {
    background-position: -2065px -2814px
}

footer.history_foot .youtube-link {
    background-position: -2165px -2814px
}

footer.history_foot .zz-link {
    background-position: -2265px -2814px
}

footer.history_foot .fan-corner-link {
    background-position: -2365px -2814px
}

@media (max-width:767px) {
    footer .footer-links {
        margin-top: 0px;
        width: 300px;
        margin: 0 auto
    }
}

footer .facebook-link {
    display: inline-block;
    height: 54px;
    width: 90px;
    background-image: url('../img/turbo-sprite.png');
    background-position: -2065px -2889px;
    margin-right: 20px
}

@media (max-width:767px) {
    footer .facebook-link {
        height: 54px;
        width: 34px;
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -399px -305px;
        margin-right: 12px
    }
}

footer .facebook-link:hover {
    background-position: -2065px -2738px
}

@media (max-width:767px) {
    footer .facebook-link:hover {
        background-position: -399px -305px
    }
}

footer .youtube-link {
    display: inline-block;
    height: 54px;
    width: 90px;
    background-image: url('../img/turbo-sprite.png');
    background-position: -2165px -2889px;
    margin-right: 20px
}

@media (max-width:767px) {
    footer .youtube-link {
        height: 54px;
        width: 34px;
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -444px -305px;
        margin-right: 12px
    }
}

footer .youtube-link:hover {
    background-position: -2165px -2738px
}

@media (max-width:767px) {
    footer .youtube-link:hover {
        background-position: -444px -305px
    }
}

footer .zz-link {
    display: inline-block;
    height: 54px;
    width: 90px;
    background-image: url('../img/turbo-sprite.png');
    background-position: -2365px -2889px;
    margin-right: 20px
}

@media (max-width:767px) {
    footer .zz-link {
        height: 54px;
        width: 34px;
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -491px -305px;
        margin-right: 12px
    }
}

footer .zz-link:hover {
    background-position: -2365px -2738px
}

@media (max-width:767px) {
    footer .zz-link:hover {
        background-position: -491px -305px
    }
}

footer .fan-corner-link {
    display: inline-block;
    height: 54px;
    width: 90px;
    background-image: url('../img/turbo-sprite.png');
    background-position: -2265px -2889px;
    margin-right: 10px
}

@media (max-width:767px) {
    footer .fan-corner-link {
        display: inline-block;
        height: 54px;
        width: 137px;
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -534px -305px
    }
}

footer .fan-corner-link:hover {
    background-position: -2265px -2738px
}

@media (max-width:767px) {
    footer .fan-corner-link:hover {
        background-position: -534px -305px
    }
}

.demo-1 .sl-slider-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.demo-2 .sl-slider-wrapper {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative
}

.demo-2 .sl-slider h2,
.demo-2 .sl-slider blockquote {
    padding: 100px 30px 10px 30px;
    width: 80%;
    max-width: 960px;
    color: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 100
}

.demo-2 .sl-slider h2 {
    font-size: 100px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
}

.demo-2 .sl-slider blockquote {
    font-size: 28px;
    padding-top: 10px;
    font-weight: 300;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
}

.demo-2 .sl-slider blockquote cite {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding-top: 30px;
    display: inline-block
}

.demo-2 .bg-img {
    padding: 200px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: -200px;
    left: -200px;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center
}

.nav-arrows span {
    position: absolute;
    z-index: 2000;
    top: 50%;
    width: 40px;
    height: 40px;
    border: 8px solid #ddd;
    border: 8px solid rgba(150, 150, 150, 0.4);
    text-indent: -90000px;
    margin-top: -40px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-arrows span:hover {
    border-color: rgba(150, 150, 150, 0.9)
}

.nav-arrows span.nav-arrow-prev {
    left: 5%;
    border-right: none;
    border-top: none
}

.nav-arrows span.nav-arrow-next {
    right: 5%;
    border-left: none;
    border-bottom: none
}

.nav-dots {
    text-align: center;
    position: absolute;
    top: 25%;
    height: 30px;
    width: 100%;
    left: 0;
    z-index: 1000;
    left: 45%
}

.nav-dots span {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 3px;
    background: #000;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer
}

.demo-2 .nav-dots span {
    background: rgba(150, 150, 150, 0.1);
    margin: 6px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(255, 255, 255, 0.5)
}

.demo-2 .nav-dots span.nav-dot-current,
.demo-2 .nav-dots span:hover {
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 5px rgba(255, 255, 255, 0.5)
}

.nav-dots span.nav-dot-current:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0
}

.demo-1 .deco {
    width: 260px;
    height: 260px;
    border: 2px dashed #ddd;
    border: 2px dashed rgba(150, 150, 150, 0.4);
    border-radius: 50%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin: 0 0 0 -130px
}

.demo-1 [data-icon]:after {
    content: attr(data-icon);
    font-family: 'AnimalsNormal';
    color: #999;
    text-shadow: 0 0 1px #999;
    position: absolute;
    width: 220px;
    height: 220px;
    line-height: 220px;
    text-align: center;
    font-size: 100px;
    top: 50%;
    left: 50%;
    margin: -110px 0 0 -110px;
    box-shadow: inset 0 0 0 10px #f7f7f7;
    border-radius: 50%
}

.demo-1 .sl-slide h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-style: italic;
    position: absolute;
    width: 40%;
    text-align: left;
    font-size: 2.93em;
    line-height: 0.93em;
    margin: 0 0 -120px 0
}

.demo-1 .sl-slide blockquote {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    height: 70px;
    color: #8b8b8b;
    z-index: 2;
    bottom: 50%;
    margin: 0 0 -200px 0;
    padding: 0
}

.demo-1 .sl-slide blockquote p {
    margin: 0 auto;
    width: 60%;
    max-width: 400px;
    position: relative
}

.demo-1 .sl-slide blockquote p:before {
    color: #f0f0f0;
    color: rgba(244, 244, 244, 0.65);
    font-family: "Bookman Old Style", Bookman, Garamond, serif;
    position: absolute;
    line-height: 60px;
    width: 75px;
    height: 75px;
    font-size: 200px;
    z-index: -1;
    left: -80px;
    top: 35px;
    content: '\201C'
}

.demo-1 .sl-slide blockquote cite {
    font-size: 10px;
    padding-top: 10px;
    display: inline-block;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 4px
}

.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
    background: #00c8ff;
    background: -moz-radial-gradient(60% 25%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    background: -webkit-gradient(radial, 60% 25%, 0, center center, 100%, color-stop(0, #00c8ff), color-stop(7%, #00c8ff), color-stop(100%, #0089d8));
    background: -webkit-radial-gradient(75% 25%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    background: -o-radial-gradient(60% 25%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    background: -ms-radial-gradient(60% 25%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    background: radial-gradient(circle at 60% 25%, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00c8ff', endColorstr='#0089d8', GradientType=1)
}

.demo-1 .bg-1 .sl-slide-inner h2 {
    color: #88dcff;
    left: 25%;
    top: 210px
}

.demo-1 .bg-1 .sl-slide-inner p {
    color: #fff;
    left: 17%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
    background: #d596e0;
    background: -moz-radial-gradient(64% 50%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
    background: -webkit-gradient(radial, 64% 50%, 0, center center, 100%, color-stop(0, #d596e0), color-stop(7%, #d596e0), color-stop(100%, #7052af));
    background: -webkit-radial-gradient(64% 50%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
    background: -o-radial-gradient(64% 50%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
    background: -ms-radial-gradient(64% 50%, circle cover, #d596e0 0, #00c8ff 7%, #7052af 100%);
    background: radial-gradient(circle at 64% 50%, #d596e0 0, #d596e0 7%, #7052af 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d596e0', endColorstr='#7252af', GradientType=1)
}

.demo-1 .bg-2 .sl-slide-inner h2 {
    color: #f6b8ff;
    left: 20%;
    top: 210px
}

.demo-1 .bg-2 .sl-slide-inner p {
    color: #fff;
    left: 14%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 h2 {
    color: #fff
}

.demo-1 .bg-2 blockquote:before {
    color: #222
}

.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
    background: #db84ad
}

.demo-1 .bg-3 .deco {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.5)
}

.demo-1 .bg-3 [data-icon]:after {
    color: #fff;
    text-shadow: 0 0 1px #fff;
    box-shadow: inset 0 0 0 10px #b55381
}

.demo-1 .bg-3 h2,
.demo-1 .bg-3 blockquote {
    color: #fff
}

.demo-1 .bg-3 blockquote:before {
    color: #c46c96
}

.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
    background: #5bc2ce
}

.demo-1 .bg-4 .deco {
    border-color: #379eaa
}

.demo-1 .bg-4 [data-icon]:after {
    text-shadow: 0 0 1px #277d87;
    color: #277d87
}

.demo-1 .bg-4 h2,
.demo-1 .bg-4 blockquote {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}

.demo-1 .bg-4 blockquote:before {
    color: #379eaa
}

.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
    background: #ffeb41
}

.demo-1 .bg-5 .deco {
    border-color: #ECD82C
}

.demo-1 .bg-5 .deco:after {
    color: #000;
    text-shadow: 0 0 1px #000
}

.demo-1 .bg-5 h2,
.demo-1 .bg-5 blockquote {
    color: #000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1)
}

.demo-1 .bg-5 blockquote:before {
    color: #ecd82c
}

.demo-2 .bg-img-1 {
    background-image: url(../img/1.jpg)
}

.demo-2 .bg-img-2 {
    background-image: url(../img/2.jpg)
}

.demo-2 .bg-img-3 {
    background-image: url(../img/3.jpg)
}

.demo-2 .bg-img-4 {
    background-image: url(../img/4.jpg)
}

.demo-2 .bg-img-5 {
    background-image: url(../img/5.jpg)
}

.sl-trans-elems .deco {
    -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    animation: roll 1s ease-out both, fadeIn 1s ease-out both
}

.sl-trans-back-elems .deco {
    -webkit-animation: scaleDown 1s ease-in-out both;
    -moz-animation: scaleDown 1s ease-in-out both;
    -o-animation: scaleDown 1s ease-in-out both;
    -ms-animation: scaleDown 1s ease-in-out both;
    animation: scaleDown 1s ease-in-out both
}

.sl-trans-back-elems h2 {
    -webkit-animation: fadeOut 1s ease-in-out both;
    -moz-animation: fadeOut 1s ease-in-out both;
    -o-animation: fadeOut 1s ease-in-out both;
    -ms-animation: fadeOut 1s ease-in-out both;
    animation: fadeOut 1s ease-in-out both
}

.sl-trans-back-elems blockquote {
    -webkit-animation: fadeOut 1s linear both;
    -moz-animation: fadeOut 1s linear both;
    -o-animation: fadeOut 1s linear both;
    -ms-animation: fadeOut 1s linear both;
    animation: fadeOut 1s linear both
}

@media screen and (max-width:660px) {
    .demo-1 .deco {
        width: 130px;
        height: 130px;
        margin-left: -65px;
        margin-bottom: 50px
    }
    .demo-1 [data-icon]:after {
        width: 110px;
        height: 110px;
        line-height: 110px;
        font-size: 40px;
        margin: -55px 0 0 -55px
    }
    .demo-1 .sl-slide blockquote {
        margin-bottom: -120px
    }
    .demo-1 .sl-slide h2 {
        line-height: 22px;
        font-size: 18px;
        margin-bottom: -40px;
        letter-spacing: 8px
    }
    .demo-1 .sl-slide blockquote p:before {
        line-height: 10px;
        width: 40px;
        height: 40px;
        font-size: 120px;
        left: -45px
    }
    .demo-2 .sl-slider-wrapper {
        height: 500px
    }
    .demo-2 .sl-slider h2 {
        font-size: 36px
    }
    .demo-2 .sl-slider blockquote {
        font-size: 16px
    }
}

.animation-first-lukche {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: 0 -645px;
    width: 630px;
    height: 440px;
    top: 110px;
    left: 50%;
    z-index: 10
}

@media (max-width:991px) {
    .animation-first-lukche {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -790px -45px;
        position: relative;
        top: 0;
        left: 0;
        width: 250px;
        height: 200px;
        margin: 0 auto
    }
}

.animation-first-shadow {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: 0 -1100px;
    width: 630px;
    height: 100px;
    top: 474px;
    left: 50%
}

@media (max-width:991px) {
    .animation-first-shadow {
        display: none
    }
}

.animation-top-coin {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -40px -1228px;
    width: 290px;
    height: 300px;
    top: 110px;
    left: 55%;
    z-index: 22
}

@media (max-width:991px) {
    .animation-top-coin {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -1075px -45px;
        position: relative;
        top: 0;
        left: 0;
        width: 100px;
        height: 150px;
        margin: 0 auto
    }
}

.animation-bottom-coin {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -352px -1224px;
    width: 268px;
    height: 300px;
    top: 300px;
    left: 64%;
    z-index: 21
}

@media (max-width:991px) {
    .animation-bottom-coin {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -1164px -45px;
        position: relative;
        top: 0;
        left: 0;
        width: 115px;
        height: 150px;
        margin: 0 auto;
        margin-top: -80px
    }
}

.animation-blank-papers-2 {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -92px -1590px;
    width: 420px;
    height: 550px;
    top: 80px;
    left: 15%;
    z-index: 32;
    -ms-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
}

@media (max-width:991px) {
    .animation-blank-papers-2 {
        display: none
    }
}

.animation-blank-papers-3 {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -92px -1590px;
    width: 420px;
    height: 550px;
    top: 80px;
    left: 15%;
    z-index: 33;
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

@media (max-width:991px) {
    .animation-blank-papers-3 {
        display: none
    }
}

.animation-certificate {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -520px -1650px;
    width: 420px;
    height: 550px;
    top: 80px;
    left: 15%;
    z-index: 34
}

@media (max-width:991px) {
    .animation-certificate {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -1330px -45px;
        position: relative;
        top: 0;
        left: 0;
        width: 200px;
        height: 200px;
        margin: 0 auto
    }
}

.animation-papers-stamp {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -945px -1558px;
    width: 106px;
    height: 106px;
    top: 389px;
    left: 29%;
    z-index: 35
}

@media (max-width:991px) {
    .animation-papers-stamp {
        display: none
    }
}

.animation-lukche-red {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -247px -2191px;
    width: 190px;
    height: 270px;
    top: 121px;
    left: 15%;
    z-index: 43
}

@media (max-width:991px) {
    .animation-lukche-red {
        display: none
    }
}

.animation-lukche-blue {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -493px -2307px;
    width: 240px;
    height: 270px;
    top: 231px;
    left: 26%;
    z-index: 42
}

@media (max-width:991px) {
    .animation-lukche-blue {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -776px -225px;
        position: relative;
        top: 0;
        left: 0;
        width: 200px;
        height: 250px;
        margin: 0 auto
    }
}

.animation-ska {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -474px -3017px;
    width: 437px;
    height: 376px;
    top: 70px;
    left: 50%;
    z-index: 51
}

@media (max-width:991px) {
    .animation-ska {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -974px -225px;
        position: relative;
        top: 0;
        left: 0;
        width: 200px;
        height: 250px;
        margin: 0 auto
    }
}

.animation-old-logo-stamp {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-position: -95px -2645px;
    width: 130px;
    height: 130px;
    top: 202px;
    left: 59%;
    z-index: 52
}

@media (max-width:991px) {
    .animation-old-logo-stamp {
        display: none
    }
}

.animation-old-logo {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-position: -305px -2589px;
    background-repeat: no-repeat;
    width: 437px;
    height: 426px;
    top: 133px;
    left: 58%;
    z-index: 53
}

@media (max-width:991px) {
    .animation-old-logo {
        display: none
    }
}

.animation-old-pack {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -124px -3407px;
    width: 427px;
    height: 606px;
    top: 43px;
    left: 55%;
    z-index: 61
}

@media (max-width:991px) {
    .animation-old-pack {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -1170px -225px;
        position: relative;
        top: 0;
        left: 0;
        width: 200px;
        height: 250px;
        margin: 0 auto
    }
}

.animation-gloves {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -1410px -1286px;
    width: 320px;
    height: 420px;
    top: 164px;
    left: 10.5%;
    z-index: 71
}

@media (max-width:991px) {
    .animation-gloves {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -1420px -235px;
        position: relative;
        top: 0;
        left: 0;
        width: 200px;
        height: 240px;
        margin: 0 auto
    }
}

.animation-dukcheta {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -925px -1293px;
    width: 450px;
    height: 170px;
    top: 91px;
    left: 10%;
    z-index: 72
}

@media (max-width:991px) {
    .animation-dukcheta {
        display: none
    }
}

.animation-frame {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -650px -605px;
    width: 650px;
    height: 440px;
    top: 151px;
    left: 50%;
    z-index: 81
}

@media (max-width:991px) {
    .animation-frame {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: 7px -465px;
        position: relative;
        top: 0;
        left: 0;
        width: 300px;
        height: 240px;
        margin: 0 auto
    }
}

.animation-blue {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -800px -1091px;
    width: 80px;
    height: 80px;
    top: 103px;
    left: 215px;
    z-index: 82
}

@media (max-width:991px) {
    .animation-blue {
        display: none
    }
}

.animation-white {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -876px -1091px;
    width: 80px;
    height: 80px;
    top: 182px;
    left: 247px;
    z-index: 83
}

@media (max-width:991px) {
    .animation-white {
        display: none
    }
}

.animation-yellow {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -937px -1091px;
    width: 80px;
    height: 80px;
    top: 71px;
    left: 327px;
    z-index: 84
}

@media (max-width:991px) {
    .animation-yellow {
        display: none
    }
}

.animation-green {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -1000px -1091px;
    width: 80px;
    height: 80px;
    top: 142px;
    left: 364px;
    z-index: 85
}

@media (max-width:991px) {
    .animation-green {
        display: none
    }
}

.animation-new-pack-tada {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -1077px -1880px;
    width: 440px;
    height: 610px;
    top: 28px;
    left: 50%;
    z-index: 91
}

@media (max-width:991px) {
    .animation-new-pack-tada {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -280px -465px;
        position: relative;
        top: 0;
        left: 0;
        width: 200px;
        height: 240px;
        margin: 0 auto
    }
}

.animation-bonbon-white {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -1607px -1880px;
    width: 300px;
    height: 300px;
    top: 92px;
    left: 14.4%;
    z-index: 102
}

@media (max-width:991px) {
    .animation-bonbon-white {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -500px -465px;
        position: relative;
        top: 0;
        left: 0;
        width: 230px;
        height: 280px;
        margin: 0 auto
    }
}

.animation-bonbon-green {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -1607px -2200px;
    width: 300px;
    height: 300px;
    top: 272px;
    left: 21.4%;
    z-index: 101
}

@media (max-width:991px) {
    .animation-bonbon-green {
        display: none
    }
}

.animation-balloon {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -1067px -2800px;
    width: 410px;
    height: 1000px;
    top: 90px;
    left: 55%;
    z-index: 111
}

@media (max-width:991px) {
    .animation-balloon {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -770px -465px;
        position: relative;
        top: 0;
        left: 0;
        width: 230px;
        height: 280px;
        margin: 0 auto
    }
}

.animation-love-marks {
    display: block;
    position: absolute;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -1717px -2800px;
    width: 140px;
    height: 140px;
    top: 181px;
    left: 12%;
    z-index: 112
}

@media (max-width:991px) {
    .animation-love-marks {
        display: none
    }
}

.history-logo {
    position: absolute;
    display: block;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -80px -500px;
    width: 180px;
    height: 62px;
    left: 43%
}

@media (max-width:991px) {
    .history-logo {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-repeat: no-repeat;
        background-position: -501px -200px;
        width: 90px;
        height: 60px;
        left: 45%
    }
}

@media (max-width:767px) {
    .history-logo {
        left: 40%
    }
}

.arrows {
    position: absolute;
    display: block;
    background-image: url('../img/turbo-sprite.png');
    background-repeat: no-repeat;
    background-position: -2597px -2752px;
    width: 350px;
    height: 170px;
    margin: 0 auto;
    text-align: center;
    left: 37%;
    top: 300px;
    cursor: pointer
}

@media (max-width:991px) {
    .arrows {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background-image: url('../img/mobile-turbo-sprite.png');
        background-position: -157px -400px
    }
}

#history-nav {
    text-align: center;
    position: absolute;
    top: 20px;
    height: 60px;
    width: 100%;
    z-index: 1000;
    font-size: 20px;
    color: #fff;
    font-weight: 400
}

#footer-links {
    text-align: center;
    position: absolute;
    bottom: 0%;
    height: 60px;
    width: 50%;
    left: 25%;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    float: left;
    display: block;
    max-width: 440px;
    z-index: 1000;
    padding-left: 11%
}

.history-home-link {
    position: absolute;
    height: 32px;
    width: 150px;
    left: 4%;
    background: url('../img/turbo-sprite.png');
    background-position: -472px -491px;
    color: #3c3c3b
}

@media (max-width:991px) {
    .history-home-link {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-repeat: no-repeat;
        background-position: -408px -200px;
        width: 90px;
        font-size: 14px;
        line-height: 29px;
        text-indent: 3px;
        height: 60px;
        left: 4%
    }
}

.history-home-link:hover {
    position: absolute;
    height: 32px;
    width: 150px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    background: url('../img/turbo-sprite.png');
    background-position: -472px -521px;
    text-decoration: none
}

@media (max-width:991px) {
    .history-home-link:hover {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-repeat: no-repeat;
        background-position: -408px -200px;
        width: 90px;
        font-size: 14px;
        line-height: 29px;
        text-indent: 3px;
        height: 60px;
        left: 4%
    }
}

.home-products-link {
    position: absolute;
    height: 32px;
    width: 150px;
    right: 0px;
    font-size: 20px;
    background: url('../img/turbo-sprite.png');
    background-position: -322px -491px;
    color: #3c3c3b;
    font-weight: 400;
    margin-right: 4%
}

@media (max-width:991px) {
    .home-products-link {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-repeat: no-repeat;
        background-position: -588px -200px;
        width: 90px;
        font-size: 14px;
        line-height: 29px;
        text-indent: -3px;
        height: 60px
    }
}

.home-products-link:hover {
    position: absolute;
    background: url('../img/turbo-sprite.png');
    background-position: -322px -521px;
    height: 32px;
    width: 150px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-decoration: none
}

@media (max-width:991px) {
    .home-products-link:hover {
        background-image: url('../img/mobile-turbo-sprite.png');
        background-repeat: no-repeat;
        background-position: -588px -200px;
        width: 90px;
        font-size: 14px;
        line-height: 29px;
        text-indent: -3px;
        height: 60px;
        right: 4%
    }
}

.demo-1 .bg-1 .sl-slide-inner h2 {
    color: #88dcff;
    left: 18%;
    top: 210px
}

.demo-1 .bg-2 .sl-slide-inner h2 {
    color: #f6b8ff;
    left: 16%;
    top: 210px;
    padding-left: 7px
}

.demo-1 .bg-3 .sl-slide-inner h2 {
    color: #90f3ff;
    left: 55%;
    top: 210px
}

.demo-1 .bg-4 .sl-slide-inner h2 {
    color: #006c63;
    left: 60%;
    top: 210px
}

.demo-1 .bg-5 .sl-slide-inner h2 {
    color: #4e8414;
    left: 13%;
    top: 170px
}

.demo-1 .bg-6 .sl-slide-inner h2 {
    color: #c67400;
    left: 20%;
    top: 190px
}

.demo-1 .bg-7 .sl-slide-inner h2 {
    color: #fedd02;
    left: 50%;
    text-align: center;
    top: 170px
}

.demo-1 .bg-8 .sl-slide-inner h2 {
    color: #7ef2ff;
    left: 16%;
    top: 210px
}

.demo-1 .bg-9 .sl-slide-inner h2 {
    color: #a7f44e;
    left: 16%;
    top: 210px
}

.demo-1 .bg-10 .sl-slide-inner h2 {
    color: #fff887;
    left: 55%;
    top: 210px;
    padding-left: 7px
}

.demo-1 .bg-11 .sl-slide-inner h2 {
    color: #ffcbd2;
    left: 25%;
    top: 210px
}

.demo-1 .bg-12 .sl-slide-inner h2 {
    color: #00745c;
    width: 50%;
    text-align: center;
    left: 25%;
    top: 215px
}

.demo-1 .bg-0 .sl-slide-inner h1 {
    font-weight: 800;
    font-style: italic;
    font-size: 36px;
    color: #fff;
    width: 100%;
    text-align: center;
    margin-top: 115px
}

.demo-1 .bg-0 .sl-slide-inner p {
    color: #fff;
    top: 216px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    width: 100%;
    text-align: center
}

@media (max-width:991px) {
    .demo-1 .bg-0 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-1 .sl-slide-inner p {
    color: #fff;
    left: 10%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-1 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-2 .sl-slide-inner p {
    color: #fff;
    left: 10%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-2 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-3 .sl-slide-inner p {
    color: #fff;
    left: 50%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-3 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-4 .sl-slide-inner p {
    color: #fff;
    left: 50%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-4 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-5 .sl-slide-inner p {
    color: #fff;
    left: 10%;
    top: 276px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-5 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-6 .sl-slide-inner p {
    color: #fff;
    left: 10%;
    top: 306px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-6 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-7 .sl-slide-inner p {
    color: #fff;
    left: 50%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 38%
}

@media (max-width:991px) {
    .demo-1 .bg-7 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-8 .sl-slide-inner p {
    color: #fff;
    left: 10%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-8 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-9 .sl-slide-inner p {
    color: #fff;
    left: 10%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-9 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-10 .sl-slide-inner p {
    color: #fff;
    left: 50%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-10 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-11 .sl-slide-inner p {
    color: #fff;
    left: 10%;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 37%
}

@media (max-width:991px) {
    .demo-1 .bg-11 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-12 .sl-slide-inner p {
    color: #fff;
    top: 326px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    max-width: 50%;
    text-align: center;
    left: 25%
}

@media (max-width:991px) {
    .demo-1 .bg-12 .sl-slide-inner p {
        padding-top: 20px;
        max-width: 100%
    }
}

.demo-1 .bg-12 .sl-slide-inner .animation-year h4 {
    color: rgba(255, 255, 255, 0.5);
    top: 86px;
    font-size: 97px;
    font-weight: 800;
    position: absolute;
    width: 100%;
    text-align: center;
    font-style: italic;
    opacity: 0;
    -webkit-transform: translateX(20%) scale(.1);
    -moz-transform: translateX(20%) scale(.1);
    -o-transform: translateX(20%) scale(.1);
    -ms-transform: translateX(20%) scale(.1);
    transform: translateX(20%) scale(.1)
}

span.indent-1 {
    padding: 0 0 0 150px
}

@media (max-width:767px) {
    span.indent-1 {
        padding: 0
    }
}

span.indent-2 {
    padding: 0 0 0 120px
}

@media (max-width:767px) {
    span.indent-2 {
        padding: 0
    }
}

span.indent-3 {
    padding: 0 0 0 20px
}

@media (max-width:767px) {
    span.indent-3 {
        padding: 0
    }
}

span.indent-4 {
    padding: 0 0 0 60px
}

@media (max-width:767px) {
    span.indent-4 {
        padding: 0
    }
}

.demo-1 .bg-0 .sl-slide-inner,
.demo-1 .bg-0 .sl-content-slice {
    background: #2cda6d;
    background: -moz-radial-gradient(50% 50%, circle cover, #2cda6d 0, #00aa3c 25%, #00aa3c 100%);
    background: -webkit-radial-gradient(50% 50%, circle cover, #2cda6d 0, #00aa3c 25%, #00aa3c 100%);
    background: -o-radial-gradient(50% 50%, circle cover, #2cda6d 0, #00aa3c 25%, #00aa3c 100%);
    background: -ms-radial-gradient(50% 50%, circle cover, #2cda6d 0, #00aa3c 25%, #00aa3c 100%);
    background: radial-gradient(50% 50%, circle cover, #2cda6d 0, #00aa3c 25%, #00aa3c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00c8ff', endColorstr='#00aa3c', GradientType=1)
}

.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
    background: #00c8ff;
    background: -moz-radial-gradient(60% 25%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    background: -webkit-gradient(radial, 60% 25%, 0, center center, 100%, color-stop(0, #00c8ff), color-stop(7%, #00c8ff), color-stop(100%, #0089d8));
    background: -webkit-radial-gradient(75% 25%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    background: -o-radial-gradient(60% 25%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    background: -ms-radial-gradient(60% 25%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    background: radial-gradient(circle at 60% 25%, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2cda6d', endColorstr='#0089d8', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-1 .sl-slide-inner,
    .demo-1 .bg-1 .sl-content-slice {
        background: #00c8ff;
        background: -moz-radial-gradient(50% 5%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #00c8ff), color-stop(7%, #00c8ff), color-stop(100%, #0089d8));
        background: -webkit-radial-gradient(50% 5%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
        background: radial-gradient(circle at 50% 5%, #00c8ff 0, #00c8ff 7%, #0089d8 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2cda6d', endColorstr='#0089d8', GradientType=1)
    }
}

.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
    background: #d596e0;
    background: -moz-radial-gradient(64% 50%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
    background: -webkit-gradient(radial, 64% 50%, 0, center center, 100%, color-stop(0, #d596e0), color-stop(7%, #d596e0), color-stop(100%, #7052af));
    background: -webkit-radial-gradient(64% 50%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
    background: -o-radial-gradient(64% 50%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
    background: -ms-radial-gradient(64% 50%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
    background: radial-gradient(circle at 64% 50%, #d596e0 0, #d596e0 7%, #7052af 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d596e0', endColorstr='#7252af', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-2 .sl-slide-inner,
    .demo-1 .bg-2 .sl-content-slice {
        background: #d596e0;
        background: -moz-radial-gradient(50% 5%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #d596e0), color-stop(7%, #d596e0), color-stop(100%, #7052af));
        background: -webkit-radial-gradient(50% 5%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #d596e0 0, #d596e0 7%, #7052af 100%);
        background: radial-gradient(circle at 50% 5%, #d596e0 0, #d596e0 7%, #7052af 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d596e0', endColorstr='#7252af', GradientType=1)
    }
}

.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
    background: #adedff;
    background: -moz-radial-gradient(26% 50%, circle cover, #adedff 0, #adedff 7%, #189ce8 100%);
    background: -webkit-gradient(radial, 26% 50%, 0, center center, 100%, color-stop(0, #adedff), color-stop(7%, #adedff), color-stop(100%, #189ce8));
    background: -webkit-radial-gradient(26% 50%, circle cover, #adedff 0, #adedff 7%, #189ce8 100%);
    background: -o-radial-gradient(26% 50%, circle cover, #adedff 0, #adedff 7%, #189ce8 100%);
    background: -ms-radial-gradient(26% 50%, circle cover, #adedff 0, #adedff 7%, #189ce8 100%);
    background: radial-gradient(circle at 26% 50%, #adedff 0, #adedff 7%, #189ce8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#adedff', endColorstr='#189ce8', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-3 .sl-slide-inner,
    .demo-1 .bg-3 .sl-content-slice {
        background: #adedff;
        background: -moz-radial-gradient(50% 5%, circle cover, #adedff 0, #adedff 7%, #189ce8 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #adedff), color-stop(7%, #adedff), color-stop(100%, #189ce8));
        background: -webkit-radial-gradient(50% 5%, circle cover, #adedff 0, #adedff 7%, #189ce8 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #adedff 0, #adedff 7%, #189ce8 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #adedff 0, #adedff 7%, #189ce8 100%);
        background: radial-gradient(circle at 50% 5%, #adedff 0, #adedff 7%, #189ce8 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#adedff', endColorstr='#189ce8', GradientType=1)
    }
}

.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
    background: #82efde;
    background: -moz-radial-gradient(26% 50%, circle cover, #82efde 0, #82efde 7%, #00ad9f 100%);
    background: -webkit-gradient(radial, 26% 50%, 0, center center, 100%, color-stop(0, #82efde), color-stop(7%, #82efde), color-stop(100%, #00ad9f));
    background: -webkit-radial-gradient(26% 50%, circle cover, #82efde 0, #82efde 7%, #00ad9f 100%);
    background: -o-radial-gradient(26% 50%, circle cover, #82efde 0, #82efde 7%, #00ad9f 100%);
    background: -ms-radial-gradient(26% 50%, circle cover, #82efde 0, #82efde 7%, #00ad9f 100%);
    background: radial-gradient(circle at 26% 50%, #82efde 0, #82efde 7%, #00ad9f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#adedff', endColorstr='#189ce8', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-4 .sl-slide-inner,
    .demo-1 .bg-4 .sl-content-slice {
        background: #82efde;
        background: -moz-radial-gradient(50% 5%, circle cover, #82efde 0, #82efde 7%, #00ad9f 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #82efde), color-stop(7%, #82efde), color-stop(100%, #00ad9f));
        background: -webkit-radial-gradient(50% 5%, circle cover, #82efde 0, #82efde 7%, #00ad9f 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #82efde 0, #82efde 7%, #00ad9f 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #82efde 0, #82efde 7%, #00ad9f 100%);
        background: radial-gradient(circle at 50% 5%, #82efde 0, #82efde 7%, #00ad9f 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#adedff', endColorstr='#189ce8', GradientType=1)
    }
}

.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
    background: #fdff42;
    background: -moz-radial-gradient(64% 50%, circle cover, #fdff42 0, #aac806 30%, #aac806 100%);
    background: -webkit-gradient(radial, 64% 50%, 0, center center, 100%, color-stop(0, #fdff42), color-stop(30%, #aac806), color-stop(100%, #aac806));
    background: -webkit-radial-gradient(64% 50%, circle cover, #fdff42 0, #aac806 30%, #aac806 100%);
    background: -o-radial-gradient(64% 50%, circle cover, #fdff42 0, #aac806 30%, #aac806 100%);
    background: -ms-radial-gradient(64% 50%, circle cover, #fdff42 0, #aac806 30%, #aac806 100%);
    background: radial-gradient(circle at 64% 50%, #fdff42 0, #aac806 30%, #aac806 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fdff42', endColorstr='#aac806', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-5 .sl-slide-inner,
    .demo-1 .bg-5 .sl-content-slice {
        background: #fdff42;
        background: -moz-radial-gradient(50% 5%, circle cover, #fdff42 0, #aac806 30%, #aac806 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #fdff42), color-stop(30%, #aac806), color-stop(100%, #aac806));
        background: -webkit-radial-gradient(50% 5%, circle cover, #fdff42 0, #aac806 30%, #aac806 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #fdff42 0, #aac806 30%, #aac806 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #fdff42 0, #aac806 30%, #aac806 100%);
        background: radial-gradient(circle at 50% 5%, #fdff42 0, #aac806 30%, #aac806 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fdff42', endColorstr='#aac806', GradientType=1)
    }
}

.demo-1 .bg-6 .sl-slide-inner,
.demo-1 .bg-6 .sl-content-slice {
    background: #fff558;
    background: -moz-radial-gradient(70% 50%, circle cover, #fff558 0, #f8af00 30%, #f8af00 100%);
    background: -webkit-gradient(radial, 70% 50%, 0, center center, 100%, color-stop(0, #fff558), color-stop(30%, #f8af00), color-stop(100%, #f8af00));
    background: -webkit-radial-gradient(70% 50%, circle cover, #fff558 0, #f8af00 30%, #f8af00 100%);
    background: -o-radial-gradient(70% 50%, circle cover, #fff558 0, #f8af00 30%, #f8af00 100%);
    background: -ms-radial-gradient(70% 50%, circle cover, #fff558 0, #f8af00 30%, #f8af00 100%);
    background: radial-gradient(circle at 70% 50%, #fff558 0, #f8af00 30%, #f8af00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff558', endColorstr='#f8af00', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-6 .sl-slide-inner,
    .demo-1 .bg-6 .sl-content-slice {
        background: #fff558;
        background: -moz-radial-gradient(50% 5%, circle cover, #fff558 0, #f8af00 30%, #f8af00 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #fff558), color-stop(30%, #f8af00), color-stop(100%, #f8af00));
        background: -webkit-radial-gradient(50% 5%, circle cover, #fff558 0, #f8af00 30%, #f8af00 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #fff558 0, #f8af00 30%, #f8af00 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #fff558 0, #f8af00 30%, #f8af00 100%);
        background: radial-gradient(circle at 50% 5%, #fff558 0, #f8af00 30%, #f8af00 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff558', endColorstr='#f8af00', GradientType=1)
    }
}

.demo-1 .bg-7 .sl-slide-inner,
.demo-1 .bg-7 .sl-content-slice {
    background: #ffc600;
    background: -moz-radial-gradient(26% 50%, circle cover, #ffc600 0, #ffc600 7%, #e33624 100%);
    background: -webkit-gradient(radial, 26% 50%, 0, center center, 100%, color-stop(0, #ffc600), color-stop(7%, #ffc600), color-stop(100%, #e33624));
    background: -webkit-radial-gradient(26% 50%, circle cover, #ffc600 0, #ffc600 7%, #e33624 100%);
    background: -o-radial-gradient(26% 50%, circle cover, #ffc600 0, #ffc600 7%, #e33624 100%);
    background: -ms-radial-gradient(26% 50%, circle cover, #ffc600 0, #ffc600 7%, #e33624 100%);
    background: radial-gradient(circle at 26% 50%, #ffc600 0, #ffc600 7%, #e33624 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc600', endColorstr='#e33624', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-7 .sl-slide-inner,
    .demo-1 .bg-7 .sl-content-slice {
        background: #ffc600;
        background: -moz-radial-gradient(50% 5%, circle cover, #ffc600 0, #ffc600 7%, #e33624 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #ffc600), color-stop(7%, #ffc600), color-stop(100%, #e33624));
        background: -webkit-radial-gradient(50% 5%, circle cover, #ffc600 0, #ffc600 7%, #e33624 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #ffc600 0, #ffc600 7%, #e33624 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #ffc600 0, #ffc600 7%, #e33624 100%);
        background: radial-gradient(circle at 50% 5%, #ffc600 0, #ffc600 7%, #e33624 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc600', endColorstr='#e33624', GradientType=1)
    }
}

.demo-1 .bg-8 .sl-slide-inner,
.demo-1 .bg-8 .sl-content-slice {
    background: #c6f9ff;
    background: -moz-radial-gradient(70% 50%, circle cover, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
    background: -webkit-gradient(radial, 70% 50%, 0, center center, 100%, color-stop(0, #c6f9ff), color-stop(50%, #40c3d2), color-stop(100%, #1986a1));
    background: -webkit-radial-gradient(70% 50%, circle cover, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
    background: -o-radial-gradient(70% 50%, circle cover, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
    background: -ms-radial-gradient(70% 50%, circle cover, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
    background: radial-gradient(circle at 70% 50%, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c4f9ff', endColorstr='#1986a1', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-8 .sl-slide-inner,
    .demo-1 .bg-8 .sl-content-slice {
        background: #c6f9ff;
        background: -moz-radial-gradient(50% 5%, circle cover, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #c6f9ff), color-stop(50%, #40c3d2), color-stop(100%, #1986a1));
        background: -webkit-radial-gradient(50% 5%, circle cover, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
        background: radial-gradient(circle at 50% 5%, #c6f9ff 0, #40c3d2 50%, #1986a1 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c4f9ff', endColorstr='#1986a1', GradientType=1)
    }
}

.demo-1 .bg-9 .sl-slide-inner,
.demo-1 .bg-9 .sl-content-slice {
    background: #e8ff7d;
    background: -moz-radial-gradient(70% 30%, circle cover, #e8ff7d 0, #01963a 50%, #01963a 100%);
    background: -webkit-gradient(radial, 7% 30%, 0, center center, 100%, color-stop(0, #e8ff7d), color-stop(50%, #01963a), color-stop(100%, #01963a));
    background: -webkit-radial-gradient(70% 30%, circle cover, #e8ff7d 0, #01963a 50%, #01963a 100%);
    background: -o-radial-gradient(70% 30%, circle cover, #e8ff7d 0, #01963a 50%, #01963a 100%);
    background: -ms-radial-gradient(70% 30%, circle cover, #e8ff7d 0, #01963a 50%, #01963a 100%);
    background: radial-gradient(circle at 70% 30%, #e8ff7d 0, #01963a 50%, #01963a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e8ff7d', endColorstr='#01963a', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-9 .sl-slide-inner,
    .demo-1 .bg-9 .sl-content-slice {
        background: #e8ff7d;
        background: -moz-radial-gradient(50% 5%, circle cover, #e8ff7d 0, #01963a 50%, #01963a 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #e8ff7d), color-stop(50%, #01963a), color-stop(100%, #01963a));
        background: -webkit-radial-gradient(50% 5%, circle cover, #e8ff7d 0, #01963a 50%, #01963a 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #e8ff7d 0, #01963a 50%, #01963a 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #e8ff7d 0, #01963a 50%, #01963a 100%);
        background: radial-gradient(circle at 50% 5%, #e8ff7d 0, #01963a 50%, #01963a 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e8ff7d', endColorstr='#01963a', GradientType=1)
    }
}

.demo-1 .bg-10 .sl-slide-inner,
.demo-1 .bg-10 .sl-content-slice {
    background: #fffce2;
    background: -moz-radial-gradient(25% 40%, circle cover, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
    background: -webkit-gradient(radial, 25% 40%, 0, center center, 100%, color-stop(0, #fffce2), color-stop(20%, #fc0), color-stop(50%, #ffa800), color-stop(100%, #ffa800));
    background: -webkit-radial-gradient(25% 40%, circle cover, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
    background: -o-radial-gradient(25% 40%, circle cover, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
    background: -ms-radial-gradient(25% 40%, circle cover, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
    background: radial-gradient(circle at 25% 40%, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffce2', endColorstr='#ffa800', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-10 .sl-slide-inner,
    .demo-1 .bg-10 .sl-content-slice {
        background: #fffce2;
        background: -moz-radial-gradient(50% 5%, circle cover, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #fffce2), color-stop(20%, #fc0), color-stop(50%, #ffa800), color-stop(100%, #ffa800));
        background: -webkit-radial-gradient(50% 5%, circle cover, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
        background: radial-gradient(circle at 50% 5%, #fffce2 0, #fc0 20%, #ffa800 50%, #ffa800 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffce2', endColorstr='#ffa800', GradientType=1)
    }
}

.demo-1 .bg-11 .sl-slide-inner,
.demo-1 .bg-11 .sl-content-slice {
    background: #fff;
    background: -moz-radial-gradient(70% 40%, circle cover, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
    background: -webkit-gradient(radial, 70% 40%, 0, center center, 100%, color-stop(0, #ffd5db), color-stop(21%, #ffbfc7), color-stop(50%, #ff6f82), color-stop(100%, #ff6f82));
    background: -webkit-radial-gradient(70% 40%, circle cover, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
    background: -o-radial-gradient(70% 40%, circle cover, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
    background: -ms-radial-gradient(70% 40%, circle cover, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
    background: radial-gradient(circle at 70% 40%, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ff6f82', GradientType=1)
}

@media (max-width:991px) {
    .demo-1 .bg-11 .sl-slide-inner,
    .demo-1 .bg-11 .sl-content-slice {
        background: #fff;
        background: -moz-radial-gradient(50% 5%, circle cover, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
        background: -webkit-gradient(radial, 50% 5%, 0, center center, 100%, color-stop(0, #ffd5db), color-stop(21%, #ffbfc7), color-stop(50%, #ff6f82), color-stop(100%, #ff6f82));
        background: -webkit-radial-gradient(50% 5%, circle cover, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
        background: -o-radial-gradient(50% 5%, circle cover, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
        background: -ms-radial-gradient(50% 5%, circle cover, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
        background: radial-gradient(circle at 50% 5%, #ffd5db 0, #ffbfc7 21%, #ff6f82 50%, #ff6f82 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ff6f82', GradientType=1)
    }
}

.demo-1 .bg-12 .sl-slide-inner,
.demo-1 .bg-12 .sl-content-slice {
    background: #00d5b4;
    background: -moz-radial-gradient(50 40%, circle cover, #00d5b4 0, #00ad8a 100%);
    background: -webkit-gradient(radial, 50% 40%, 0, center center, 100%, color-stop(0, #00d5b4), color-stop(100%, #00ad8a));
    background: -webkit-radial-gradient(50% 40%, circle cover, #00d5b4 0, #00ad8a 100%);
    background: -o-radial-gradient(50% 40%, circle cover, #00d5b4 0, #00ad8a 100%);
    background: -ms-radial-gradient(50% 40%, circle cover, #00d5b4 0, #00ad8a 100%);
    background: radial-gradient(circle at 50% 40%, #00d5b4 0, #00ad8a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00d5b4', endColorstr='#00ad8a', GradientType=1)
}

.sl-trans-elems .animation-first-lukche {
    -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    animation: roll 1s ease-out both, fadeIn 1s ease-out both
}

.sl-trans-elems .animation-first-shadow {
    -webkit-animation: fadeIn 0.7s linear 0.4s both;
    -moz-animation: fadeIn 0.7s linear 0.4s both;
    -o-animation: fadeIn 0.7s linear 0.4s both;
    -ms-animation: fadeIn 0.7s linear 0.4s both;
    animation: fadeIn 0.7s linear 0.4s both
}

.sl-trans-elems .animation-top-coin {
    -webkit-animation: moveDown 1s ease-in-out both;
    -moz-animation: moveDown 1s ease-in-out both;
    -o-animation: moveDown 1s ease-in-out both;
    -ms-animation: moveDown 1s ease-in-out both;
    animation: moveDown 1s ease-in-out both
}

.sl-trans-elems .animation-bottom-coin {
    -webkit-animation: moveUpMore 1s ease-in-out both;
    -moz-animation: moveUpMore 1s ease-in-out both;
    -o-animation: moveUpMore 1s ease-in-out both;
    -ms-animation: moveUpMore 1s ease-in-out both;
    animation: moveUpMore 1s ease-in-out both
}

.sl-trans-elems h2 {
    -webkit-animation: moveUp 1s ease-in-out both;
    -moz-animation: moveUp 1s ease-in-out both;
    -o-animation: moveUp 1s ease-in-out both;
    -ms-animation: moveUp 1s ease-in-out both;
    animation: moveUp 1s ease-in-out both
}

.sl-trans-elems p {
    -webkit-animation: fadeIn 0.5s linear 0.5s both;
    -moz-animation: fadeIn 0.5s linear 0.5s both;
    -o-animation: fadeIn 0.5s linear 0.5s both;
    -ms-animation: fadeIn 0.5s linear 0.5s both;
    animation: fadeIn 0.5s linear 0.5s both
}

.sl-trans-elems .animation-blank-papers-1 {
    -webkit-animation: stampIn 0.5s linear 0.3s both;
    -moz-animation: stampIn 0.5s linear 0.3s both;
    -o-animation: stampIn 0.5s linear 0.3s both;
    -ms-animation: stampIn 0.5s linear 0.3s both;
    animation: stampIn 0.5s linear 0.3s both
}

.sl-trans-elems .animation-blank-papers-2 {
    -webkit-animation: stampIn 0.5s linear 0.5s both;
    -moz-animation: stampIn 0.5s linear 9.5s both;
    -o-animation: stampIn 0.5s linear 0.5s both;
    -ms-animation: stampIn 0.5s linear 0.5s both;
    animation: stampIn 0.5s linear 0.5s both
}

.sl-trans-elems .animation-certificate {
    -webkit-animation: stampIn 0.5s linear 1s both;
    -o-animation: stampIn 0.5s linear 1s both;
    -ms-animation: stampIn 0.5s linear 1s both;
    animation: stampIn 0.5s linear 1s both
}

.sl-trans-elems .animation-papers-stamp {
    -webkit-animation: stampIn 0.5s linear 2s both;
    -moz-animation: stampIn 0.5s linear 2s both;
    -o-animation: stampIn 0.5s linear 2s both;
    -ms-animation: stampIn 0.5s linear 2s both;
    animation: stampIn 0.5s linear 2s both
}

.sl-trans-elems .animation-lukche-red {
    -webkit-animation: justAppear 1s linear 0.5s both;
    -moz-animation: justAppear 1s linear 0.5s both;
    -o-animation: justAppear 1s linear 0.5s both;
    -ms-animation: justAppear 1s linear 0.5s both;
    animation: justAppear 1s linear 0.5s both
}

.sl-trans-elems .animation-lukche-blue {
    -webkit-animation: justAppear 1s linear 1s both;
    -moz-animation: justAppear 1s linear 1s both;
    -o-animation: justAppear 1s linear 1s both;
    -ms-animation: justAppear 1s linear 1s both;
    animation: justAppear 1s linear 1s both
}

.sl-trans-elems .animation-lukche-blurred {
    -webkit-animation: pulse 1s linear 1.5s both;
    -moz-animation: pulse 1s linear 1.5s both;
    -o-animation: pulse 1s linear 1.5s both;
    -ms-animation: pulse 1s linear 1.5s both;
    animation: pulse 1s linear 1.5s both
}

.sl-trans-elems .animation-ska {
    -webkit-animation: fadeIn 0.3s linear 0.55s both;
    -moz-animation: fadeIn 0.3s linear 0.55s both;
    -o-animation: fadeIn 0.3s linear 0.55s both;
    -ms-animation: fadeIn 0.3s linear 0.55s both;
    animation: fadeIn 0.3s linear 0.55s both
}

.sl-trans-elems .animation-old-logo {
    -webkit-animation: justAppear 1s linear 0.6s both;
    -moz-animation: justAppear 1s linear 0.6s both;
    -o-animation: justAppear 1s linear 0.6s both;
    -ms-animation: justAppear 1s linear 0.6s both;
    animation: justAppear 1s linear 0.6s both
}

.sl-trans-elems .animation-old-logo-stamp {
    -webkit-animation: stampIn 0.5s linear 1.5s both;
    -moz-animation: stampIn 0.5s linear 1.5s both;
    -o-animation: stampIn 0.5s linear 1.5s both;
    -ms-animation: stampIn 0.5s linear 1.5s both;
    animation: stampIn 0.5s linear 1.5s both
}

.sl-trans-elems .animation-old-pack {
    -webkit-animation: tadaa 1.5s linear 0.5s both;
    -moz-animation: tadaa 1.5s linear 0.5s both;
    -o-animation: tadaa 1.5s linear 0.5s both;
    -ms-animation: tadaa 1.5s linear 0.5s both;
    animation: tadaa 1.5s linear 0.5s both
}

.sl-trans-elems .animation-dukcheta {
    -webkit-animation: fadeIn 1s ease-in-out both;
    -moz-animation: fadeIn 1s ease-in-out both;
    -o-animation: fadeIn 1s ease-in-out both;
    -ms-animation: fadeIn 1s ease-in-out both;
    animation: fadeIn 1s ease-in-out both
}

.sl-trans-elems .animation-gloves {
    -webkit-animation: gloves 3s infinite 1s both;
    -moz-animation: gloves 3s infinite 1s both;
    -o-animation: gloves 3s infinite 1s both;
    -ms-animation: gloves 3s infinite 1s both;
    animation: gloves 3s infinite 1s both;
    -moz-transform-origin: center top;
    -webkit-transform-origin: top;
    transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top
}

.sl-trans-elems .animation-frame {
    -webkit-animation: fadeIn 0.5s linear 0.3s both;
    -moz-animation: fadeIn 0.5s linear 0.3s both;
    -o-animation: fadeIn 0.5s linear 0.3s both;
    -ms-animation: fadeIn 0.5s linear 0.3s both;
    animation: fadeIn 0.5s linear 0.3s both
}

.sl-trans-elems .animation-blue {
    -webkit-animation: tadaa 1.5s linear 1.6s both;
    -moz-animation: tadaa 1.5s linear 1.6s both;
    -o-animation: tadaa 1.5s linear 1s both;
    -ms-animation: tadaa 1.5s linear 1.6s both;
    animation: tadaa 1.5s linear 1.6s both
}

.sl-trans-elems .animation-yellow {
    -webkit-animation: tadaa 1.5s linear 1.9s both;
    -moz-animation: tadaa 1.5s linear 1.9s both;
    -o-animation: tadaa 1.5s linear 1.9s both;
    -ms-animation: tadaa 1.5s linear 1.9s both;
    animation: tadaa 1.5s linear 1.9s both
}

.sl-trans-elems .animation-green {
    -webkit-animation: tadaa 1.5s linear 1.3s both;
    -moz-animation: tadaa 1.5s linear 1.3s both;
    -o-animation: tadaa 1.5s linear 1.3s both;
    -ms-animation: tadaa 1.5s linear 1.3s both;
    animation: tadaa 1.5s linear 1.3s both
}

.sl-trans-elems .animation-white {
    -webkit-animation: tadaa 1.5s linear 1.0s both;
    -moz-animation: tadaa 1.5s linear 1.0s both;
    -o-animation: tadaa 1.5s linear 1.0s both;
    -ms-animation: tadaa 1.5s linear 1.0s both;
    animation: tadaa 1.5s linear 1.0s both
}

.sl-trans-elems .animation-new-pack-tada {
    -webkit-animation: tadaa 1.5s linear 0.5s both;
    -moz-animation: tadaa 1.5s linear 0.5s both;
    -o-animation: tadaa 1.5s linear 0.5s both;
    -ms-animation: tadaa 1.5s linear 0.5s both;
    animation: tadaa 1.5s linear 0.5s both
}

.sl-trans-elems .animation-bonbon-white {
    -webkit-animation: justAppear 1s linear 0.5s both;
    -moz-animation: justAppear 1s linear 0.5s both;
    -o-animation: justAppear 1s linear 0.5s both;
    -ms-animation: justAppear 1s linear 0.5s both;
    animation: justAppear 1s linear 0.5s both
}

.sl-trans-elems .animation-bonbon-green {
    -webkit-animation: justAppear 1s linear 1s both;
    -moz-animation: justAppear 1s linear 1s both;
    -o-animation: justAppear 1s linear 1s both;
    -ms-animation: justAppear 1s linear 1s both;
    animation: justAppear 1s linear 1s both
}

.sl-trans-elems .animation-love-marks {
    -webkit-animation: stampIn 0.5s linear 0.5s both;
    -moz-animation: stampIn 0.5s linear 0.5s both;
    -o-animation: stampIn 0.5s linear 0.5s both;
    -ms-animation: stampIn 0.5s linear 0.5s both;
    animation: stampIn 0.5s linear 0.5s both
}

.sl-trans-elems .animation-balloon {
    -webkit-animation: balloon 10s;
    -moz-animation: balloon 10s;
    -o-animation: balloon 10s;
    -ms-animation: balloon 10s;
    animation: balloon 10s
}

.sl-trans-elems .animation-year h4 {
    -webkit-animation: years 4s;
    -moz-animation: years 4s;
    -o-animation: years 4s;
    -ms-animation: years 4s;
    animation: years 4s;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear
}

.sl-trans-elems .animation-year h4.last_y {
    -webkit-animation: years_last 4s;
    -moz-animation: years_last 4s;
    -o-animation: years_last 4s;
    -ms-animation: years_last 4s;
    animation: years_last 4s;
    opacity: 1!important;
    -webkit-transform: translateX(0) scale(1) !important;
    -moz-transform: translateX(0) scale(1) !important;
    -o-transform: translateX(0) scale(1) !important;
    -ms-transform: translateX(0) scale(1) !important;
    transform: translateX(0) scale(1) !important
}

.sl-trans-elems .animation-year h4.y1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.sl-trans-elems .animation-year h4.y2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.sl-trans-elems .animation-year h4.y3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.sl-trans-elems .animation-year h4.y4 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.sl-trans-elems .animation-year h4.y5 {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.sl-trans-elems .animation-year h4.y6 {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.sl-trans-elems .animation-year h4.y7 {
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.sl-trans-elems .animation-year h4.y8 {
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}

.sl-trans-elems .animation-year h4.y9 {
    -webkit-animation-delay: 9s;
    animation-delay: 9s
}

.sl-trans-elems .animation-year h4.y10 {
    -webkit-animation-delay: 10s;
    animation-delay: 10s
}

.sl-trans-elems .animation-year h4.y11 {
    -webkit-animation-delay: 11s;
    animation-delay: 11s
}

.sl-trans-elems .animation-year h4.y12 {
    -webkit-animation-delay: 12s;
    animation-delay: 12s
}

.sl-trans-elems .animation-year h4.y13 {
    -webkit-animation-delay: 13s;
    animation-delay: 13s
}

.sl-trans-elems .animation-year h4.y14 {
    -webkit-animation-delay: 14s;
    animation-delay: 14s
}

.sl-trans-elems .animation-year h4.y15 {
    -webkit-animation-delay: 15s;
    animation-delay: 15s
}

.sl-trans-elems .animation-year h4.y16 {
    -webkit-animation-delay: 16s;
    animation-delay: 16s
}

.sl-trans-elems .animation-year h4.y17 {
    -webkit-animation-delay: 17s;
    animation-delay: 17s
}

.sl-trans-elems .animation-year h4.y18 {
    -webkit-animation-delay: 18s;
    animation-delay: 18s
}

.sl-trans-elems .animation-year h4.y19 {
    -webkit-animation-delay: 19s;
    animation-delay: 19s
}

.sl-trans-elems .animation-year h4.y20 {
    -webkit-animation-delay: 20s;
    animation-delay: 20s
}

.sl-trans-elems .animation-year h4.y21 {
    -webkit-animation-delay: 21s;
    animation-delay: 21s
}

.sl-trans-elems .animation-year h4.y22 {
    -webkit-animation-delay: 22s;
    animation-delay: 22s
}

.sl-trans-elems .animation-year h4.y23 {
    -webkit-animation-delay: 23s;
    animation-delay: 23s
}

.sl-trans-elems .animation-year h4.y24 {
    -webkit-animation-delay: 24s;
    animation-delay: 24s
}

.sl-trans-elems .animation-year h4.y25 {
    -webkit-animation-delay: 25s;
    animation-delay: 25s
}

.sl-trans-elems .animation-year h4.y26 {
    -webkit-animation-delay: 26s;
    animation-delay: 26s
}

.sl-trans-elems .animation-year h4.y27 {
    -webkit-animation-delay: 27s;
    animation-delay: 27s
}

.sl-trans-elems .animation-year h4.y28 {
    -webkit-animation-delay: 28s;
    animation-delay: 28s
}

.sl-trans-elems .animation-year h4.y29 {
    -webkit-animation-delay: 29s;
    animation-delay: 29s
}

.sl-trans-elems .animation-year h4.y30 {
    -webkit-animation-delay: 30s;
    animation-delay: 30s
}

.sl-trans-elems .animation-year h4.y31 {
    -webkit-animation-delay: 31s;
    animation-delay: 31s
}

.sl-trans-elems .animation-year h4.y32 {
    -webkit-animation-delay: 32s;
    animation-delay: 32s
}

.sl-trans-elems .animation-year h4.y33 {
    -webkit-animation-delay: 33s;
    animation-delay: 33s
}

.sl-trans-elems .animation-year h4.y34 {
    -webkit-animation-delay: 34s;
    animation-delay: 34s
}

.sl-trans-elems .animation-year h4.y35 {
    -webkit-animation-delay: 35s;
    animation-delay: 35s
}

.sl-trans-elems .animation-year h4.y36 {
    -webkit-animation-delay: 36s;
    animation-delay: 36s
}

.sl-trans-elems .animation-year h4.y37 {
    -webkit-animation-delay: 37s;
    animation-delay: 37s
}

.sl-trans-elems .animation-year h4.y38 {
    -webkit-animation-delay: 38s;
    animation-delay: 38s
}

.sl-trans-elems .animation-year h4.y39 {
    -webkit-animation-delay: 39s;
    animation-delay: 39s
}

.sl-trans-elems .animation-year h4.y40 {
    -webkit-animation-delay: 40s;
    animation-delay: 40s
}

.sl-trans-elems .animation-year h4.y41 {
    -webkit-animation-delay: 41s;
    animation-delay: 41s
}

.sl-trans-elems .animation-year h4.y42 {
    -webkit-animation-delay: 42s;
    animation-delay: 42s
}

.sl-trans-elems .animation-year h4.y43 {
    -webkit-animation-delay: 43s;
    animation-delay: 43s
}

.sl-trans-elems .animation-year h4.y44 {
    -webkit-animation-delay: 44s;
    animation-delay: 44s
}

.sl-trans-elems .animation-year h4.y45 {
    -webkit-animation-delay: 45s;
    animation-delay: 45s
}

.sl-trans-elems .animation-year h4.y46 {
    -webkit-animation-delay: 46s;
    animation-delay: 46s
}

.sl-trans-elems .animation-year h4.y47 {
    -webkit-animation-delay: 47s;
    animation-delay: 47s
}

.sl-trans-elems .animation-year h4.y48 {
    -webkit-animation-delay: 48s;
    animation-delay: 48s
}

.sl-trans-elems .animation-year h4.y49 {
    -webkit-animation-delay: 49s;
    animation-delay: 49s
}

.sl-trans-elems .animation-year h4.y50 {
    -webkit-animation-delay: 50s;
    animation-delay: 50s
}

.sl-trans-elems .animation-year h4.y51 {
    -webkit-animation-delay: 51s;
    animation-delay: 51s
}

@-webkit-keyframes roll {
    0% {
        -webkit-transform: translateX(500px) rotate(360deg)
    }
    100% {
        -webkit-transform: translateX(0) rotate(0deg)
    }
}

@-moz-keyframes roll {
    0% {
        -moz-transform: translateX(500px) rotate(360deg);
        opacity: 0
    }
    100% {
        -moz-transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

@-o-keyframes roll {
    0% {
        -o-transform: translateX(500px) rotate(360deg);
        opacity: 0
    }
    100% {
        -o-transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

@-ms-keyframes roll {
    0% {
        -ms-transform: translateX(500px) rotate(360deg);
        opacity: 0
    }
    100% {
        -ms-transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

@keyframes roll {
    0% {
        transform: translateX(500px) rotate(360deg);
        opacity: 0
    }
    100% {
        transform: translateX(0) rotate(0deg);
        opacity: 1
    }
}

@-webkit-keyframes moveUp {
    0% {
        -webkit-transform: translateY(40px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes moveUp {
    0% {
        -moz-transform: translateY(40px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes moveUp {
    0% {
        -o-transform: translateY(40px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@-ms-keyframes moveUp {
    0% {
        -ms-transform: translateY(40px)
    }
    100% {
        -ms-transform: translateY(0)
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(40px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes moveDown {
    0% {
        -webkit-transform: translateY(-70px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes moveDown {
    0% {
        -moz-transform: translateY(-70px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes moveDown {
    0% {
        -o-transform: translateY(-70px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@-ms-keyframes moveDpwn {
    0% {
        -ms-transform: translateY(-70px)
    }
    100% {
        -ms-transform: translateY(0)
    }
}

@keyframes moveDown {
    0% {
        transform: translateY(-70px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes wink {
    100% {
        background-position: -1760px
    }
}

@-moz-keyframes wink {
    100% {
        background-position: -1760px
    }
}

@-o-keyframes wink {
    100% {
        background-position: -1760px
    }
}

@-ms-keyframes wink {
    100% {
        background-position: -1760px
    }
}

@keyframes wink {
    100% {
        background-position: -1760px
    }
}

@-webkit-keyframes moveUpMore {
    0% {
        -webkit-transform: translateY(70px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes moveUpMore {
    0% {
        -moz-transform: translateY(70px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes moveUpMore {
    0% {
        -o-transform: translateY(70px)
    }
    100% {
        -o-transform: translateY(0)
    }
}

@-ms-keyframes moveUpMore {
    0% {
        -ms-transform: translateY(70px)
    }
    100% {
        -ms-transform: translateY(0)
    }
}

@keyframes moveUpMore {
    0% {
        transform: translateY(70px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes justAppear {
    0% {
        -webkit-transform: scale(.5);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.5);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes justAppear {
    0% {
        -webkit-transform: scale(.5);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.5);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-o-keyframes justAppear {
    0% {
        -webkit-transform: scale(.5);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.5);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-ms-keyframes justAppear {
    0% {
        -webkit-transform: scale(.5);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.5);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes justAppear {
    0% {
        transform: scale(.5);
        opcaity: 0
    }
    50% {
        transform: scale(1.5);
        opacity: 1
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

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

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

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

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

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

@-webkit-keyframes scaleDown {
    0% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.5)
    }
}

@-moz-keyframes scaleDown {
    0% {
        -moz-transform: scale(1)
    }
    100% {
        -moz-transform: scale(.5)
    }
}

@-o-keyframes scaleDown {
    0% {
        -o-transform: scale(1)
    }
    100% {
        -o-transform: scale(.5)
    }
}

@-ms-keyframes scaleDown {
    0% {
        -ms-transform: scale(1)
    }
    100% {
        -ms-transform: scale(.5)
    }
}

@keyframes scaleDown {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(.5)
    }
}

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

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

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

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

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

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

@-moz-keyframes stampIn {
    0% {
        -moz-transform: scale(1.5);
        opacity: 0
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@-o-keyframes stampIn {
    0% {
        -o-transform: scale(1.5);
        opacity: 0
    }
    100% {
        -o-transform: scale(1);
        opacity: 1
    }
}

@-ms-keyframes stampIn {
    0% {
        -ms-transform: scale(1.5);
        opacity: 0
    }
    100% {
        -ms-transform: scale(1);
        opacity: 1
    }
}

@keyframes stampIn {
    0% {
        transform: scale(1.5);
        opacity: 0
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

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

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

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

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

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

@-webkit-keyframes gloves {
    0%,
    50%,
    100% {
        -webkit-transform-origin: top center
    }
    0% {
        -webkit-transform: rotate(-3deg)
    }
    50% {
        -webkit-transform: rotate(3deg)
    }
    100% {
        -webkit-transform: rotate(-3deg)
    }
}

@-moz-keyframes gloves {
    0%,
    50%,
    100% {
        -webkit-transform-origin: top center
    }
    0% {
        -webkit-transform: rotate(-3deg)
    }
    50% {
        -webkit-transform: rotate(3deg)
    }
    100% {
        -webkit-transform: rotate(-3deg)
    }
}

@-o-keyframes gloves {
    0%,
    50%,
    100% {
        -webkit-transform-origin: top center
    }
    0% {
        -webkit-transform: rotate(-3deg)
    }
    50% {
        -webkit-transform: rotate(3deg)
    }
    100% {
        -webkit-transform: rotate(-3deg)
    }
}

@-ms-keyframes gloves {
    0%,
    50%,
    100% {
        -webkit-transform-origin: top center
    }
    0% {
        -webkit-transform: rotate(-3deg)
    }
    50% {
        -webkit-transform: rotate(3deg)
    }
    100% {
        -webkit-transform: rotate(-3deg)
    }
}

@keyframes gloves {
    0% {
        transform: rotate(-3deg)
    }
    50% {
        transform: rotate(3deg)
    }
    100% {
        transform: rotate(-3deg)
    }
}

@-webkit-keyframes balloon {
    0% {
        -webkit-transform: scale(.8) rotate(5deg) translateY(80%) skewX(10deg)
    }
    100% {
        -webkit-transform: rotate(0deg) translateY(0) skewX(0deg)
    }
}

@-moz-keyframes balloon {
    0% {
        -moz-transform: scale(.8) rotate(5deg) translateY(80%) skewX(10deg)
    }
    100% {
        -moz-transform: scale(1) rotate(0deg) translateY(0) skewX(0deg)
    }
}

@-o-keyframes balloon {
    0% {
        -0-transform: scale(.8) rotate(5deg) translateY(80%) skewX(10deg)
    }
    100% {
        -0-transform: scale(1) rotate(0deg) translateY(0) skewX(0deg)
    }
}

@-ms-keyframes balloon {
    0% {
        -ms-transform: scale(.8) rotate(5deg) translateY(80%) skewX(10deg)
    }
    100% {
        -ms-transform: scale(1) rotate(0deg) translateY(0) skewX(0deg)
    }
}

@keyframes balloon {
    0% {
        transform: scale(.8) rotate(5deg) translateY(80%) skewX(10deg)
    }
    100% {
        transform: scale(1) rotate(0deg) translateY(0) skewX(0deg)
    }
}

@-webkit-keyframes years {
    0% {
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 0.9
    }
    100% {
        -webkit-transform: translateX(-120%) scale(.1)
    }
}

@-moz-keyframes years {
    0% {
        opacity: 1
    }
    50% {
        -moz-transform: scale(1);
        opacity: 0.9
    }
    100% {
        -moz-transform: translateX(-120%) scale(.1)
    }
}

@-o-keyframes years {
    0% {
        opacity: 1
    }
    50% {
        -o-transform: scale(1);
        opacity: 0.9
    }
    100% {
        -o-transform: translateX(-120%) scale(.1)
    }
}

@-ms-keyframes years {
    0% {
        opacity: 1
    }
    50% {
        -ms-transform: scale(1);
        opacity: 0.9
    }
    100% {
        -ms-transform: translateX(-120%) scale(.1)
    }
}

@keyframes years {
    0% {
        opacity: 1
    }
    50% {
        transform: scale(1);
        opacity: 0.9
    }
    100% {
        transform: translateX(-120%) scale(.1)
    }
}

@-webkit-keyframes years_last {
    0% {
        opacity: 1;
        -webkit-transform: translateX(20%) scale(.1)
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 0.9
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.9
    }
}

@-moz-keyframes years_last {
    0% {
        opacity: 1;
        -moz-transform: translateX(20%) scale(.1)
    }
    50% {
        -moz-transform: scale(1);
        opacity: 0.9
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0.9
    }
}

@-o-keyframes years_last {
    0% {
        opacity: 1;
        -o-transform: translateX(20%) scale(.1)
    }
    50% {
        -o-transform: scale(1);
        opacity: 0.9
    }
    100% {
        -o-transform: scale(1);
        opacity: 0.9
    }
}

@-ms-keyframes years_last {
    0% {
        opacity: 1;
        -ms-transform: translateX(20%) scale(.1)
    }
    50% {
        -ms-transform: scale(1);
        opacity: 0.9
    }
    100% {
        -ms-transform: scale(1);
        opacity: 0.9
    }
}

@keyframes years_last {
    0% {
        opacity: 1;
        transform: translateX(20%) scale(.1)
    }
    50% {
        transform: scale(1);
        opacity: 0.9
    }
    100% {
        transform: scale(1);
        opacity: 0.9
    }
}

#slider-new {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 4px
}

#slider-new ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none
}

#slider-new ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 500px;
    height: 193px;
    color: white;
    text-align: center;
    line-height: 300px
}

a.control_prev,
a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer
}

a.control_prev:hover,
a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease
}

a.control_prev {
    border-radius: 0 2px 2px 0
}

a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px
}

.sl-slider-wrapper {
    width: 800px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.sl-slider {
    position: absolute;
    top: 0;
    left: 0
}

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.sl-slide {
    z-index: 1
}

.sl-content-slice {
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1
}

.sl-slide-horizontal .sl-content-slice {
    width: 100%;
    height: 50%;
    left: -200px;
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    -o-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
}

.sl-slide-horizontal .sl-content-slice:first-child {
    top: -200px;
    padding: 200px 200px 0px 200px
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
    top: 50%;
    padding: 0px 200px 200px 200px
}

.sl-slide-vertical .sl-content-slice {
    width: 50%;
    height: 100%;
    top: -200px;
    -webkit-transform: translateX(0) scale(1);
    -moz-transform: translateX(0) scale(1);
    -o-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
}

.sl-slide-vertical .sl-content-slice:first-child {
    left: -200px;
    padding: 200px 0px 200px 200px
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
    left: 50%;
    padding: 200px 200px 200px 0px
}

.sl-content-wrapper {
    position: absolute
}

.sl-content {
    width: 100%;
    height: 100%;
    background: #fff
}

.sl-slide-horizontal .sl-slide-inner {
    background: #ddd
}

.sl-slide-vertical .sl-slide-inner {
    background: #ccc
}

#slider_cloned {
    display: none
}

@media (max-width:991px) {
    .sl-slide-inner {
        padding: 120px 50px
    }
    .sl-slide,
    .sl-slides-wrapper,
    .sl-slide-inner {
        position: relative;
        width: 100%;
        height: 100%;
        top: auto;
        left: auto
    }
    .demo-1 .sl-slider-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        top: auto;
        left: auto
    }
    .nav-dots {
        display: none
    }
    .sl-slider {
        position: relative;
        top: auto;
        left: auto
    }
    .demo-1 .sl-slide h2 {
        position: relative;
        width: auto;
        margin: auto;
        top: auto!important;
        left: auto!important
    }
    .demo-1 .sl-slide-inner p {
        position: relative !important;
        top: auto!important;
        left: auto!important
    }
    #history-nav {
        text-align: center;
        position: fixed;
        top: 20px
    }
    .demo-1 .sl-slide-inner p {
        text-align: center;
        width: 100%
    }
    .demo-1 .sl-slide-inner h2 {
        text-align: center;
        width: 100%
    }
}

@media (max-width:767px) {
    .demo-1 .sl-slide-inner h2 {
        text-align: center;
        width: 100%;
        letter-spacing: 0;
        font-size: 24px
    }
    .demo-1 .sl-slide-inner p {
        text-align: left;
        max-width: 85% !important
    }
    .sl-slide-inner {
        padding: 60px 25px
    }
    .demo-1 .bg-0 .sl-slide-inner p {
        max-width: 100% !important
    }
    .demo-1 .bg-0 .sl-slide-inner h1 {
        margin-top: 40px;
        color: #fff;
        width: 100%;
        font-weight: 800;
        font-style: italic;
        font-size: 24px;
        text-align: center
    }
}

.sl-trans-elems .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear alternate infinite
}

@keyframes dash {
    from {
        stroke-dashoffset: 0
    }
    to {
        stroke-dashoffset: 1000
    }
}

@media (max-width:991px) {
    footer {
        display: block
    }
}

.fans {
    background: #fff;
    background: -moz-radial-gradient(50% 50%, circle cover, #00d8ff 0, #008fd2 100%);
    background: -webkit-gradient(radial, 50% 50%, 0, center center, 100%, color-stop(0, #00d8ff), color-stop(100%, #008fd2));
    background: -webkit-radial-gradient(50% 50%, circle cover, #00d8ff 0, #008fd2 100%);
    background: -o-radial-gradient(50% 50%, circle cover, #00d8ff 0, #008fd2 100%);
    background: -ms-radial-gradient(50% 50%, circle cover, #00d8ff 0, #008fd2 100%);
    background: radial-gradient(circle at 50% 50%, #00d8ff 0, #008fd2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00d8ff', endColorstr='#008fd2', GradientType=1)
}

.videos h4,
.other h4,
.wallpapers h4 {
    font-size: 25px;
    color: #ffffff;
    font-weight: 800;
    font-style: italic;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px
}

.videos {
    z-index: 10
}

.video-container {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    width: 298px;
    margin: 0 auto 40px;
    height: 168px
}

.wallpaper {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    height: 169px;
    margin: 0 auto;
    width: 300px;
    display: block
}

.wallpaper.one {
    background: url('../img/calendar-thumb.jpg') no-repeat
}

.facebook-cover {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 40pxx 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    height: 169px;
    margin: 0 auto;
    width: 300px;
    display: block;
    background: url('../img/cover-photo-thumb.png') no-repeat
}

.facebook-cover p {
    color: white;
    text-align: center;
    margin-top: -40px;
    font-size: 18px
}

.options-on-hover {
    background: rgba(0, 0, 0, 0.71);
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s
}

.download-me {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-image: url('../img/turbo-sprite.png');
    background-position: -2190px -2967px;
    margin-left: 5%;
    margin-top: 20%;
    float: left
}

.preview-me {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-image: url('../img/turbo-sprite.png');
    background-position: -2074px -2967px;
    margin-left: 32%;
    margin-top: 20%;
    float: left;
    background-color: transparent;
    border: none
}

.fans-copy {
    text-align: center
}

.fans-copy h1 {
    color: #a2f0ff;
    font-size: 28px;
    line-height: 0.93em;
    font-weight: 800;
    font-style: italic;
    padding-top: 20px
}

.fans-copy p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 10px
}

.soundtrack {
    width: 300px;
    height: auto;
    margin: 0 auto;
    background: transparent;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.75);
    margin-top: 40px
}

.wallpaper:hover .options-on-hover {
    display: block;
    opacity: 1
}

.facebook-cover:hover .options-on-hover {
    display: block;
    opacity: 1
}

.freebies {
    padding-bottom: 100px
}

.directions {
    text-align: center
}

.directions p,
.directions p strong {
    font-family: helvetica, arial, sans-serif;
    text-transform: none;
    font-size: 12px;
    text-align: center
}

#battleground {
    height: 40px;
    position: relative;
    width: 440px;
    margin: 40px auto 10px
}

#battleground .battle_lukche {
    position: absolute;
    top: -30px;
    display: block;
    width: 70px;
    height: 70px;
    z-index: 99;
    background: url("../img/click_game_sprite.png") transparent
}

#battleground .battle_lukche.white {
    background-position: -119px -181px;
    left: 20px
}

#battleground .battle_lukche.green {
    background-position: -219px -181px;
    right: 20px
}

.battle_wrap {
    height: 40px;
    position: relative;
    width: 440px;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto
}

#blue {
    position: absolute;
    float: left;
    left: 0px;
    height: 40px;
    width: 220px;
    top: 0;
    max-width: 440px
}

#red {
    z-index: 3;
    position: absolute;
    left: 220px;
    height: 40px;
    width: 220px;
    top: 0;
    max-width: 440px
}

#result {
    text-align: center;
    margin-bottom: 10px;
    height: 19px;
    display: block
}

#bwins {
    position: absolute;
    left: -30px;
    margin: 0;
    top: 6px;
    font-size: 23px
}

#bwins strong {
    font-weight: bold
}

#rwins {
    position: absolute;
    right: -30px;
    margin: 0;
    top: 6px;
    font-size: 23px
}

#rwins strong {
    font-weight: bold
}

.gg_wp {
    display: none
}

.gg_wp h3,
.gg_wp p {
    text-align: center
}

.meter {
    height: 20px;
    position: relative;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3)
}

.meter>span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden
}

#blue>span {
    background: #bbe2ae;
    background: -moz-linear-gradient(left, #bbe2ae 0, #9dd38d 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #bbe2ae), color-stop(100%, #9dd38d));
    background: -webkit-linear-gradient(left, #bbe2ae 0, #9dd38d 100%);
    background: -o-linear-gradient(left, #bbe2ae 0, #9dd38d 100%);
    background: -ms-linear-gradient(left, #bbe2ae 0, #9dd38d 100%);
    background: linear-gradient(to right, #bbe2ae 0, #9dd38d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bbe2ae', endColorstr='#9dd38d', GradientType=1);
    border-radius: 20px 0 0 20px
}

#red>span {
    background: #255d16;
    background: -moz-linear-gradient(left, #255d16 0, #59a640 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #255d16), color-stop(100%, #59a640));
    background: -webkit-linear-gradient(left, #255d16 0, #59a640 100%);
    background: -o-linear-gradient(left, #255d16 0, #59a640 100%);
    background: -ms-linear-gradient(left, #255d16 0, #59a640 100%);
    background: linear-gradient(to right, #255d16 0, #59a640 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#255d16', endColorstr='#59a640', GradientType=1);
    border-radius: 0 20px 20px 0
}

.instruct-click {
    padding-left: 10px
}

.click_game {
    display: none;
    padding-top: 1px
}

.click_game .bonus {
    color: #003315;
    font-size: 33px;
    text-align: center;
    height: 30px;
    display: block;
    margin: 30px 0 40px
}

.click_game .bonus_buttons .bonus_buttons_wrap {
    width: 301px;
    margin: 0 auto;
    position: relative
}

.click_game .bonus_buttons .bonus_buttons_wrap.active .bonus_button .bonus_button_icon1 {
    background-position: -3px -262px
}

.click_game .bonus_buttons .bonus_buttons_wrap.active .bonus_button .bonus_button_icon2 {
    background-position: -57px -262px
}

.click_game .bonus_buttons p {
    text-align: center
}

.click_game .bonus_buttons .bonus_button {
    width: 120px;
    margin: 15px;
    float: left
}

.click_game .bonus_buttons .bonus_button p {
    float: left;
    font-weight: bold;
    line-height: 40px
}

.click_game .bonus_buttons .bonus_button .bonus_button_icon1,
.click_game .bonus_buttons .bonus_button .bonus_button_icon2 {
    width: 45px;
    float: left;
    margin-left: 10px;
    height: 45px;
    display: block;
    background: url("../img/click_game_sprite.png") transparent
}

.click_game .bonus_buttons .bonus_button .bonus_button_icon1 {
    background-position: -3px -213px
}

.click_game .bonus_buttons .bonus_button .bonus_button_icon2 {
    background-position: -57px -213px
}

.click-logo {
    display: block;
    width: 241px;
    height: 90px;
    background: url("../img/click_game_sprite.png") no-repeat scroll -5px -86px transparent;
    margin: 0 auto 20px
}

.instr_btn_wrap {
    width: 200px;
    margin: 0 auto
}

.instr_btns_cont {
    width: 72px;
    float: left;
    margin: 0 13px
}

.instr_btns_cont p {
    text-align: center;
    font-weight: 800;
    font-style: italic
}

.instr_btns_cont .a_btn_icon,
.instr_btns_cont .l_btn_icon {
    display: block;
    width: 72px;
    height: 72px;
    background: url("../img/click_game_sprite.png") transparent
}

.instr_btns_cont .a_btn_icon {
    background-position: -4px -6px
}

.instr_btns_cont .l_btn_icon {
    background-position: -105px -6px
}

.game-container {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 51, 21, 0.38);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 51, 21, 0.38);
    box-shadow: 0 0 40px 0 rgba(0, 51, 21, 0.38);
    width: 100%;
    margin: 0 auto 40px;
    min-height: 360px;
	max-width:377px!important;
    background-color: white;
    margin-bottom: 100px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #fff 37%, #d7ecd1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(37%, #fff), color-stop(100%, #d7ecd1));
    background: -webkit-linear-gradient(top, #fff 37%, #d7ecd1 100%);
    background: -o-linear-gradient(top, #fff 37%, #d7ecd1 100%);
    background: -ms-linear-gradient(top, #fff 37%, #d7ecd1 100%);
    background: linear-gradient(to bottom, #fff 37%, #d7ecd1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7ecd1', GradientType=0)
}

.green_btn {
    width: 173px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    border: 0 none;
    border-radius: 16px;
    background: #78b964;
    background: -moz-linear-gradient(top, #78b964 0, #59a640 32%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #78b964), color-stop(32%, #59a640));
    background: -webkit-linear-gradient(top, #78b964 0, #59a640 32%);
    background: -o-linear-gradient(top, #78b964 0, #59a640 32%);
    background: -ms-linear-gradient(top, #78b964 0, #59a640 32%);
    background: linear-gradient(to bottom, #78b964 0, #59a640 32%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#78b964', endColorstr='#59a640', GradientType=0);
    color: #fff;
    min-width: 170px;
    margin: 20px auto;
    display: block
}

.green_btn:hover {
    background: #78b964;
    background: -moz-linear-gradient(top, #78b964 0, #59a640 96%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #78b964), color-stop(96%, #59a640));
    background: -webkit-linear-gradient(top, #78b964 0, #59a640 96%);
    background: -o-linear-gradient(top, #78b964 0, #59a640 96%);
    background: -ms-linear-gradient(top, #78b964 0, #59a640 96%);
    background: linear-gradient(to bottom, #78b964 0, #59a640 96%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#78b964', endColorstr='#59a640', GradientType=0)
}

.green_btn.play_scroll {
    margin: 20px 0 0 0
}

.start_wrapper {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding-top: 1px
}

.start_wrapper h3 {
    text-align: center
}

.start_lukcheta {
    width: 170px;
    height: 130px;
    position: relative;
    display: block;
    margin: 50px auto 10px
}

.start_lukcheta span {
    position: absolute;
    display: block;
    background: url("../img/click_game_sprite.png") transparent;
    height: 130px;
    top: 0
}

.start_lukcheta span.bqlo {
    background-position: -277px 0;
    left: 0;
    width: 100px
}

.start_lukcheta span.zeleno {
    background-position: -401px 0;
    right: 0;
    width: 110px
}

.end-options {
    text-align: center
}

.end-options .green_btn {
    margin: 20px 20px;
    display: inline-block
}

@media (max-width:991px) {
    .game_wrap,
    .dyv .play_scroll {
        /*display: none*/
    }
}
@media only screen and (min-device-width : 500px) { 
#battleground {
    height: 40px;
    position: relative;
    width: 100%;
    margin: 40px auto 10px
}

#battleground .battle_lukche.white {
    background-position: -119px -181px;
    left: 20px
}

#battleground .battle_lukche.green {
    background-position: -219px -181px;
    right: 20px
}

.battle_wrap {
    height: 40px;
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto
}

#blue {
    position: absolute;
    float: left;
    left: 5%;
    height: 40px;
    width: 45%;
    top: 0;
    max-width: 90%
}

#red {
    z-index: 3;
    position: absolute;
    left: 50%;
    height: 40px;
    width: 45%;
    top: 0;
    max-width: 90%;
}

#bwins {
    left: 5px
}
#rwins {
    right: 5px;
}


 }
.dnd-logo {
    display: block;
    width: 230px;
    height: 140px;
    background: url("../img/dnd-game-sprite.png") no-repeat scroll 0 0 transparent;
    margin: 0 auto 20px
}

.win_weed {
    background: url("../img/dnd-game-sprite.png") no-repeat scroll -222px 10px transparent;
    display: block;
    width: 170px;
    height: 215px;
    margin: 0 auto
}

.game-container.dnd {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 51, 21, 0.38);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 51, 21, 0.38);
    box-shadow: 0 0 40px 0 rgba(0, 51, 21, 0.38);
    width: 100%;
    margin: 0 auto 110px;
    min-height: 640px;
    padding: 25px;
    background: #ffffff
}

@media (max-width:479px) {
    .game-container.dnd {
        padding: 25px 5px;
        margin-top: 15px
    }
}

.drag_them {
    width: 99px;
    float: left
}

@media (max-width:479px) {
    .drag_them {
        width: 90px
    }
}

.drop_them {
    width: 200px;
    float: right
}

@media (max-width:479px) {
    .drop_them {
        width: 170px
    }
}

.drop_wrap .drop_holder {
    float: left;
    margin-right: 10px
}

.drop_wrap .drop_holder.correct {
    border: 2px solid #008f22
}

.drop_wrap .drop_holder.wrong {
    border: 2px solid #fe0a0a
}

.drop_wrap h4 {
    line-height: 90px;
    margin: 0
}

@media (max-width:479px) {
    .drop_wrap h4 {
        font-size: 14px;
        font-weight: bold
    }
}

.drag_holder,
.drop_holder {
    width: 90px;
    height: 90px;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0px 5px 20px 7px #e9eff0 inset;
    -moz-box-shadow: 0px 5px 20px 7px #e9eff0 inset;
    box-shadow: 0px 5px 20px 7px #e9eff0 inset
}

.drag_holder,
.drop_wrap {
    margin-bottom: 10px
}

.drag_me {
    width: 90px;
    height: 90px;
    display: block;
    cursor: move;
    background: url("../img/dnd-game-sprite.png") no-repeat transparent
}

.drag_me.ui-draggable-disabled {
    cursor: default
}

.drag_me.salvia {
    background-position: -600px -5px
}

.drag_me.pelin {
    background-position: -608px -95px
}

.drag_me.menta {
    background-position: -517px -94px
}

.drag_me.kopur {
    background-position: -423px -94px
}

.drag_me.mashterka {
    background-position: -512px -8px
}

.drag_me.evkalipt {
    background-position: -418px -4px
}

.game_finished {
    display: none
}

.game-container.dnd .end-options .green_btn {
    margin: 20px 14px
}

.game-container.dnd .gg_wp {
    display: block
}

.ui-draggable-dragging {
    cursor: grab
}

.classic_game_btn {
    width: 173px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    border: 0 none;
    border-radius: 16px;
    background: #78b964;
    background: -moz-linear-gradient(top, #047196 0, #00506b 32%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #047196), color-stop(32%, #00506b));
    background: -webkit-linear-gradient(top, #047196 0, #00506b 32%);
    background: -o-linear-gradient(top, #047196 0, #00506b 32%);
    background: -ms-linear-gradient(top, #047196 0, #00506b 32%);
    background: linear-gradient(to bottom, #047196 0, #00506b 32%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#78b964', endColorstr='#00506b', GradientType=0);
    color: #fff;
    min-width: 170px;
    margin: 20px auto;
    display: block
}

.classic_game_btn:hover {
    background: #78b964;
    background: -moz-linear-gradient(top, #01a8e0 0, #00506b 96%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #017ca6), color-stop(96%, #00506b));
    background: -webkit-linear-gradient(top, #01a8e0 0, #00506b 96%);
    background: -o-linear-gradient(top, #01a8e0 0, #00506b 96%);
    background: -ms-linear-gradient(top, #01a8e0 0, #00506b 96%);
    background: linear-gradient(to bottom, #01a8e0 0, #00506b 96%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#01a8e0', endColorstr='#00506b', GradientType=0)
}

.classic_game_btn.play_scroll {
    margin: 20px 0 0 0
}

.classic_iframe_container {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 51, 21, 0.38);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 51, 21, 0.38);
    box-shadow: 0 0 40px 0 rgba(0, 51, 21, 0.38);
    max-width: 480px;
    margin: 0 auto 110px;
    max-height: 600px;
    background: #ffffff
}