html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
    line-height: 1.2em
}

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

body {
    line-height: 1.2em
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

*:before,
*:after {
    box-sizing: border-box
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

.footer .footer-social,
.sub-tenders .wrapper .tender-item h3,
.sub-tenders .wrapper .tender-item,
.subsec .wrapper,
.news-more-items,
.news-subtop,
.recycle-section .flex .box,
.social-section .img-box,
.product-section,
.submenu,
.nav .menu,
.nav,
.header .wrapper,
.form-group,
.form-check-group,
.u-tab .tabs,
.modal,
.btn-group,
.btn-wrapper,
.cookie,
.flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#cookie-law-info-bar .wrapper,
.sub-tenders .wrapper .tender-item h3,
.subsec .wrapper,
.recycle-section .flex .box,
.product-section,
.submenu,
.nav .menu,
.nav,
.header .wrapper,
.form-group,
.cookie {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sub-tenders .wrapper .tender-item {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.news-subtop,
.hell-form.flex>.box .flex,
.hell-form.flex,
.form-group {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#cookie-law-info-bar .wrapper,
.btn-wrapper {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-group {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.product-section {
    clip-path: polygon(0 0, 100% 14%, 100% 100%, 0% 100%)
}

@media only screen and (max-width: 1700px) {
    .product-section {
        clip-path: polygon(0 0, 100% 13.7%, 100% 100%, 0% 100%)
    }
}

@media only screen and (max-width: 1280px) {
    .product-section {
        clip-path: polygon(0 0, 100% 8%, 100% 100%, 0% 100%)
    }
}

@media only screen and (max-width: 768px) {
    .product-section {
        clip-path: polygon(0 0, 100% 3%, 100% 100%, 0% 100%)
    }
}

#cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button,
.subsec-v2.carrier-content p.btn-red a,
.subsec-v2.page-basic p.btn-red a,
.btn {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    min-height: 42px;
    border: 4px solid #f71e13;
    background-color: #f71e13;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 6px 23px 2px;
    line-height: 1.1em;
    cursor: pointer;
    outline: none;
    font-family: "Teko", sans-serif;
    overflow: hidden;
    box-shadow: 0px 0px 8px 4px rgba(255, 149, 144, .7)
}

@media only screen and (max-width: 768px) {
    #cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button,
    .subsec-v2.carrier-content p.btn-red a,
    .subsec-v2.page-basic p.btn-red a,
    .btn {
        min-height: 36px;
        font-size: 1rem;
        padding: 8px 18px 2px
    }
}

#cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button:hover,
.subsec-v2.carrier-content p.btn-red a:hover,
.subsec-v2.page-basic p.btn-red a:hover,
.btn:hover {
    background-color: #f71e13;
    color: #fff
}

#cookie-law-info-bar .cli-bar-btn_container .btn-outline.cli-plugin-button,
.subsec-v2.carrier-content p.btn-red a.btn-outline,
.subsec-v2.page-basic p.btn-red a.btn-outline,
.btn-outline.btn {
    background: rgba(0, 0, 0, 0);
    color: #000
}

#cookie-law-info-bar .cli-bar-btn_container .btn-outline-white.cli-plugin-button,
.subsec-v2.carrier-content p.btn-red a.btn-outline-white,
.subsec-v2.page-basic p.btn-red a.btn-outline-white,
.btn-outline-white.btn {
    border-color: #fff;
    box-shadow: 0px 0px 5px 1px hsla(0, 0%, 100%, .7)
}

#cookie-law-info-bar .cli-bar-btn_container .btn-outline-white.cli-plugin-button:hover,
.subsec-v2.carrier-content p.btn-red a.btn-outline-white:hover,
.subsec-v2.page-basic p.btn-red a.btn-outline-white:hover,
.btn-outline-white.btn:hover {
    background-color: #fff;
    color: #000
}

#cookie-law-info-bar .cli-bar-btn_container .btn-plain.cli-plugin-button,
.subsec-v2.carrier-content p.btn-red a.btn-plain,
.subsec-v2.page-basic p.btn-red a.btn-plain,
.btn-plain.btn {
    box-shadow: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #888 rgba(0, 0, 0, 0);
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: rgba(0, 0, 0, 0);
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: rgba(0, 0, 0, 0);
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #888 rgba(0, 0, 0, 0);
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0)
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

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

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media(min-width: 480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media(min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
}

.plyr__caption {
    background: rgba(0, 0, 0, .8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

a.plyr__control {
    text-decoration: none
}

a.plyr__control::after,
a.plyr__control::before {
    display: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr__controls:empty {
    display: none
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: hsla(0, 0%, 100%, .9);
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(0.4, 0, 0.2, 1), width .35s cubic-bezier(0.4, 0, 0.2, 1)
}

.plyr__menu__container::after {
    border: 4px solid rgba(0, 0, 0, 0);
    border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top-color: hsla(0, 0%, 100%, .9);
    border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding-bottom: 4.6666666667px;
    padding-bottom: calc(var(--plyr-control-spacing, 10px)*.7/1.5);
    padding-left: 10.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    padding-right: 10.5px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    padding-top: 4.6666666667px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*.7/1.5);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid rgba(0, 0, 0, 0);
    border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back::before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #00b3ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc((var(--plyr-control-spacing, 10px)*.7 - 2)*-1);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #00b3ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(to right, currentColor 0, transparent 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    -webkit-appearance: none;
    margin-top: -4px;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0, 0, 0, 0)
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time::before {
    content: "⁄";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px)
}

@media(max-width: 767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: hsla(0, 0%, 100%, .9);
    background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: 3px;
    border-radius: var(--plyr-tooltip-radius, 3px);
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip::before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top: 4px solid hsla(0, 0%, 100%, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1)
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    left: 0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: rgba(0, 0, 0, 0)
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    position: relative;
    z-index: 2
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, .6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr--video {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    left: 0;
    position: absolute;
    top: 0
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media(min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--video .plyr__progress__buffer {
    color: hsla(0, 0%, 100%, .25);
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-moz-full-screen video {
    height: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads::after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads::after:empty {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin: -var(--plyr-range-track-height, 5px)/2 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: hsla(0, 0%, 100%, .9);
    background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    padding: var(--plyr-tooltip-radius, 3px);
    pointer-events: none;
    position: absolute;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1)
}

.plyr__preview-thumb::before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top: 4px solid hsla(0, 0%, 100%, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 2px;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, .55);
    border-radius: 2px;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    padding: 3px 6px
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

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

.plyr [hidden] {
    display: none !important
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media(prefers-reduced-motion: reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }
    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

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

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

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

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

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

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

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

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

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

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

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

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

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

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

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

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

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

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

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

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {
    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

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

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }
    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

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

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

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

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

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

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

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

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

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

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

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

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

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

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

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

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

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

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

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

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

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

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

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

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

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

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

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

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

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

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

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

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

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

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

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

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

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

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

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

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

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

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

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

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

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

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

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

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

@keyframes rotation {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.preloader {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff
}

.preloader:before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -75px;
    width: 150px;
    height: 150px;
    display: inline-block;
    margin-right: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M119.793 136.112L119.612 136.241L116.664 138.181L113.638 139.991L110.509 141.647L107.276 143.172L103.966 144.569L100.578 145.81L97.1121 146.897L93.569 147.828L89.9741 148.603L86.3017 149.198L82.5776 149.638L78.8276 149.922L75 150L71.1724 149.922L67.4224 149.638L63.6983 149.198L60.0259 148.603L56.431 147.828L52.8879 146.897L49.4224 145.81L46.0345 144.569L42.7241 143.172L39.5172 141.647L36.3621 139.991L33.3362 138.181L30.3879 136.241L27.569 134.172L24.8276 132L22.2155 129.698L19.7328 127.267L17.3534 124.759L15.1034 122.121L13.0086 119.379L11.0431 116.534L9.2069 113.612L7.52586 110.586L6 107.457L4.62931 104.276L3.43966 101.017L2.40517 97.6552L1.55172 94.2672L0.87931 90.8017L0.387931 87.2586L0.103448 83.6897L0 80.069L0.103448 76.4483L0.387931 72.8793L0.87931 69.3621L1.55172 65.8966L2.40517 62.4828L3.43966 59.1466L4.62931 55.8879L6 52.681L7.52586 49.5776L9.2069 46.5517L11.0431 43.6293L13.0086 40.7845L15.1034 38.0431L17.3534 35.4052L19.7328 32.8707L22.2155 30.4655L24.8276 28.1638L27.569 25.9655L30.3879 23.9224L33.0776 22.1638V20.3276L33.1552 18.2069L33.2586 16.0086L33.4397 13.7069L33.6983 11.3017L34.3448 6.33621L34.5 5.71552L34.6293 5.22414L34.7586 4.78448L34.9138 4.34483L35.069 3.90517L35.2759 3.49138L35.4569 3.10345L35.6897 2.68966L35.9483 2.30172L36.2586 1.91379L36.5948 1.52586L36.9828 1.16379L37.4483 0.801724L37.9655 0.491379L38.5603 0.258621L39.2328 0.0775862L39.9052 0L40.6034 0.0258621L41.25 0.155172L41.8448 0.362069L42.3879 0.646552L42.8534 0.931035L43.2672 1.26724L43.6293 1.60345L43.9397 1.96552L44.25 2.32759L44.4828 2.71552L44.7414 3.07759L44.9483 3.49138L45.1552 3.87931L45.3362 4.2931L45.4914 4.62931L46.8362 7.73276L47.1724 8.4569L47.5086 9.15517L47.8707 9.87931L48.2328 10.6034L48.5948 11.3017L48.9828 12.0259L49.3707 12.7241L49.7586 13.4483L50.1466 14.1207L52.8879 13.2672L56.431 12.3362L60.0259 11.5603L63.6983 10.9397L63.931 10.9138L63.8017 10.6552L63.569 10.1897L63.3621 9.69828L63.181 9.23276L63 8.76724L62.8707 8.30172L62.7414 7.81034L62.6379 7.2931L62.5862 6.77586V6.18103L62.6379 5.56035L62.7672 4.91379L63.0259 4.21552L63.4138 3.5431L63.931 2.92241L64.5259 2.40517L65.1724 2.01724L65.819 1.75862L66.4397 1.60345L67.0086 1.52586L67.5517 1.5L68.069 1.52586L68.5603 1.57759L69.0517 1.65517L69.5172 1.75862L70.0086 1.88793L70.4741 2.01724L70.9397 2.17241L71.431 2.35345L71.9483 2.53448L72.4655 2.74138L73.2155 3.07759L74.9224 4.13793L75.8534 4.75862L76.7586 5.40517L77.6897 6.05172L78.569 6.72414L79.4483 7.42241L80.3017 8.12069L81.1552 8.84483L81.9828 9.59483L82.7845 10.3448L83.0172 10.5517L86.3017 10.9397L89.9741 11.5603L93.569 12.3362L97.1121 13.2672L100.578 14.3534L103.966 15.5948L107.276 16.9655L110.509 18.5172L113.638 20.1724L116.664 21.9828L119.612 23.9224L122.431 25.9655L125.172 28.1638L127.784 30.4655L130.267 32.8707L132.647 35.4052L134.897 38.0431L136.991 40.7845L138.957 43.6293L140.793 46.5517L142.474 49.5776L144 52.681L145.371 55.8879L146.56 59.1466L147.595 62.4828L148.448 65.8966L149.121 69.3621L149.612 72.8793L149.897 76.4483L150 80.069L149.897 83.6897L149.612 87.2586L149.121 90.8017L148.448 94.2672L147.595 97.6552L146.56 101.017L145.371 104.276L144 107.457L142.474 110.586L140.793 113.612L138.957 116.534L136.991 119.379L134.897 122.121L133.034 124.293L133.112 124.603L133.293 125.224L133.448 125.819L133.629 126.414L133.81 127.009L133.991 127.603L134.172 128.198L134.379 128.793L134.56 129.388L134.819 130.138L134.922 130.526L135.026 130.836V130.888L135.207 131.328L135.44 132L135.647 132.647L135.828 133.293L135.983 133.914L136.112 134.534L136.216 135.155L136.267 135.776L136.293 136.448L136.216 137.147L136.086 137.871L135.828 138.647L135.414 139.422L134.819 140.172L134.069 140.767L133.241 141.207L132.414 141.466L131.612 141.595H130.862L130.164 141.517L129.491 141.388L128.845 141.233L128.224 141.026L127.578 140.767L126.931 140.483L126.259 140.147L125.586 139.81L124.862 139.397L124.138 138.983L123.362 138.491L122.56 138L121.733 137.431L119.793 136.112Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M119.767 131.69L117.569 133.267L114.776 135.103L111.879 136.81L108.905 138.388L105.828 139.836L102.672 141.207L99.4397 142.397L96.1293 143.431L92.7414 144.31L89.3017 145.034L85.8104 145.603L82.2672 146.017L78.6724 146.276L75 146.379L71.3535 146.302L67.7586 146.043L64.2155 145.629L60.7241 145.06L57.2845 144.336L53.8966 143.457L50.5862 142.422L47.3276 141.207L44.1724 139.888L41.0948 138.44L38.1207 136.862L35.2241 135.155L32.431 133.319L29.7414 131.353L27.1552 129.284L24.6724 127.086L22.2931 124.784L20.0172 122.328L17.8966 119.819L15.9052 117.207L14.0431 114.517L12.3103 111.75L10.7328 108.879L9.28449 105.931L7.99138 102.905L6.85345 99.8276L5.87069 96.6724L5.06897 93.4655L4.42242 90.181L3.9569 86.8448L3.67242 83.4569L3.56897 80.0431L3.67242 76.6293L3.9569 73.2673L4.42242 69.931L5.06897 66.6466L5.87069 63.4397L6.85345 60.2845L7.99138 57.2069L9.28449 54.181L10.7328 51.2328L12.3103 48.3621L14.0431 45.5948L15.9052 42.9052L17.8966 40.319L20.0172 37.8104L22.2672 35.4052L24.6466 33.1035L27.1293 30.9052L29.7155 28.8362L32.4052 26.8707L35.1983 25.0345L36.6466 24.1552L36.6207 22.319L36.6466 20.3793L36.7241 18.3621L36.8535 16.2414L37.0345 14.0173L37.2672 11.6897L37.8879 6.98278C38.8707 2.76726 40.8103 2.5345 42.2069 6.05174L43.6035 9.20692L43.9397 9.95691L44.3017 10.7069L44.6638 11.4569L45.0517 12.2069L45.4397 12.9569L45.8276 13.7069L46.2414 14.4569L46.6552 15.2069L47.0948 15.9569L47.5345 16.7069L47.9741 17.4569L48.4397 18.1811L48.6207 18.4914L50.5862 17.7673L53.8966 16.7328L57.2845 15.8535L60.7241 15.1035L64.2155 14.5345L67.7586 14.1207L69.75 13.9914L69.6466 13.7845L69.3103 13.1638L68.9741 12.5431L68.6379 11.9483L68.3017 11.3535L67.2155 9.4914C64.8879 5.01726 66.4397 4.06036 71.5345 6.31036L72.9828 7.21554L73.8621 7.75864L74.7155 8.35347L75.569 8.97416L76.3966 9.59485L77.2241 10.2414L78.0259 10.8879L78.8017 11.5604L79.5776 12.2586L80.3276 12.9569L81.0776 13.6811L81.4397 14.0431L82.2672 14.0948L85.8104 14.5086L89.3017 15.0776L92.7414 15.8276L96.1293 16.7069L99.4397 17.7414L102.672 18.9311L105.828 20.25L108.879 21.7242L111.853 23.3017L114.75 25.0086L117.543 26.8448L120.233 28.8104L122.819 30.8793L125.302 33.0776L127.681 35.3793L129.931 37.7845L132.052 40.2931L134.043 42.8793L135.905 45.569L137.638 48.3362L139.216 51.2069L140.664 54.1552L141.957 57.181L143.095 60.2586L144.078 63.4138L144.879 66.6207L145.526 69.9052L145.991 73.2414L146.276 76.6035L146.379 80.0173L146.276 83.431L145.991 86.819L145.526 90.1552L144.879 93.4397L144.078 96.6466L143.095 99.8017L141.957 102.879L140.664 105.905L139.216 108.853L137.638 111.724L135.905 114.491L134.043 117.181L132.052 119.793L129.931 122.302L129.052 123.233L129.129 123.543L129.31 124.241L129.466 124.888L129.647 125.534L129.828 126.181L130.009 126.828L130.19 127.448L130.371 128.069L130.552 128.69L130.759 129.31L130.966 129.931L131.172 130.552L131.405 131.224L131.483 131.509L131.56 131.741L131.612 131.974C134.224 138.621 132.31 140.198 123.75 134.431L121.293 132.724L119.767 131.69Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M119.353 104.25L116.69 94.9914C103.707 93.9569 92.2758 91.2414 82.7068 86.5345C92.4827 96.6983 104.974 102.129 119.353 104.25ZM115.862 92.1466L112.94 82.0345C95.9223 81.9828 81.8792 79.0345 72.2327 71.819C74.7671 76.6552 77.6378 80.8707 80.8447 84.5172C91.6809 89.7931 103.5 91.8104 115.862 92.1466Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M76.2156 57.1034C77.2242 57.4138 78.2845 57.6207 79.4224 57.8017C79.5776 55.9655 80.3017 54.5948 81.3879 53.5345C80.5862 52.6552 79.7586 51.8793 78.9569 51.1552C77.3276 52.8103 76.5518 54.75 76.1897 56.819V57.1034H76.2156Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M125.147 132C98.25 113.457 69.6207 91.0604 53.4051 78.0518C46.4482 73.2673 40.3448 69.4138 35.5086 67.0087C31.7586 65.1207 31.5517 64.9914 28.112 64.7069C23.1982 64.2931 18.8793 64.6293 13.7586 65.1466L23.9224 65.8449C26.0431 66.0259 28.0862 66.4914 30.0258 67.2414C42.4655 72.3362 56.1724 83.0949 70.1379 95.0173L56.1207 97.5C53.2758 97.888 50.8189 97.5259 48.9051 96.0259L11.7672 71.1466C13.6551 59.9483 19.0086 49.7845 26.7672 41.6121L36.7241 41.9742L39.1034 38.5345C42.8276 44.1466 49.5776 48.1811 53.6379 48.9569C43.112 42.6983 36.9051 35.4569 40.1379 9.67243C43.862 18.1293 49.2155 26.25 56.9224 33.8793L78.5431 31.2414C76.7327 23.3535 74.1465 15.9052 70.1638 9.20691C79.1379 14.7155 85.7586 22.9655 90.4138 33.5173L82.6034 29.1724C98.1724 43.138 109.629 59.3276 113.767 79.5259C97.8103 79.7328 82.9914 77.7673 71.7672 68.8966C72.3362 67.6035 73.0603 66.3362 75.75 65.0431C68.3276 65.7931 66.3879 70.2414 69.1551 78.388C69.2845 75.9052 69.362 73.3449 70.2155 72.0776C81.1293 94.2931 107.534 107.224 122.716 107.172C123.957 107.25 124.138 107.897 124.19 108.647C124.086 118.216 125.897 125.457 128.172 132.129C128.845 134.353 128.328 134.509 127.267 133.681L125.147 132ZM89.8965 63.0259C87 58.1638 83.5086 53.3018 77.8448 48.5173C72.1551 43.7069 63.9051 45.3104 57.6207 48.0517L63.2327 47.5862C65.9224 54.75 71.0948 58.6552 77.4827 59.8449C79.5258 60.2328 82.1896 59.6897 83.8448 58.9914C84.3879 58.7845 84.931 58.8621 85.4741 59.1983L89.8965 63.0259Z' fill='%23E30613'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9827 116.56L31.3447 106.422C31.9396 105.569 32.8706 105.181 34.112 105.259C50.612 107.974 58.6034 111.44 64.6034 116.405C66.4137 117.905 64.9137 119.638 62.3792 118.733L40.6034 111C37.9913 110.302 37.9137 110.56 40.3706 111.776C55.4223 117.983 69.1292 124.138 80.8448 130.19C83.7413 132.155 82.8361 134.741 78.8534 134.767C67.1378 133.474 56.612 131.819 48.362 129.44L47.7154 133.086C38.8447 129.207 31.0603 123.543 24.9827 116.56Z' fill='%23E30613'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M114.362 69.9828L130.914 67.0604C133.319 66.5173 135.75 64.8621 136.681 63.7759C138.026 68.1207 138.647 73.1638 138.853 77.8448L132.466 74.7155L117.181 81.0517L116.276 76.9397L115.81 75L115.293 73.0862L114.724 71.1983L114.362 69.9828Z' fill='%23E30613'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M73.3448 47.4052C71.5862 46.681 69.2069 46.5517 66.5172 46.8621C67.7586 52.3965 71.1982 55.6034 76.2155 57.0776V56.7931C75.8276 54.3621 76.4741 52.1896 77.8448 50.1724C76.862 49.3965 75.9051 48.7241 74.9224 48.181C73.5258 49.681 72.5172 51.8793 72.0258 54.9052C71.431 52.5517 71.9224 50.0431 73.3448 47.4052Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M84.9828 18.0517C117.621 22.5517 142.81 48.6724 142.81 80.069C142.81 94.681 137.354 108.155 128.224 118.836V118.81L128.121 118.086L128.017 117.362L127.914 116.638L127.836 115.888L127.759 115.138L127.681 114.362L127.629 113.586L127.578 112.862C134.509 103.5 138.569 92.1983 138.569 80.0431C138.569 52.0862 117.026 28.6035 88.4225 22.8879L88.2414 22.6293L87.6466 21.75L87.0518 20.8707L86.4311 20.0173L85.8104 19.1638L85.2414 18.3621L84.9828 18.0517ZM116.664 129.491C105.155 137.793 90.6983 142.759 75 142.759C37.6552 142.759 7.1897 114.595 7.1897 80.0431C7.1897 58.5259 19.0345 39.4655 36.9828 28.1638L37.1121 29.3017L37.3449 30.8793L37.6294 32.3793L37.7069 32.6897C21.7759 43.3707 11.3794 60.6465 11.3794 80.069C11.3794 112.293 39.9569 138.569 75 138.569C89.2242 138.569 102.414 134.224 113.017 126.931L113.612 127.371L116.172 129.181L116.664 129.491ZM50.6897 21.5431C57.1811 19.2155 64.138 17.819 71.3794 17.4569L71.4311 17.5604L71.7156 18.2069L71.9742 18.8535L72.2328 19.5L72.4914 20.1466L72.75 20.819L72.9828 21.4914L73.0345 21.6207C66.1552 21.8276 59.5604 23.0173 53.3794 25.0862L53.069 24.7241L52.5 24L51.9569 23.2759L51.4138 22.5517L50.8966 21.8276L50.6897 21.5431Z' fill='%23E30613'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    animation: rotation 2s infinite linear
}

html,
body {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow-x: hidden;
    font-size: 16px;
    scroll-behavior: smooth
}

html {
    font-size: 16px
}

body {
    color: #1a171e;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    position: relative;
    background-color: #fff
}

body.fixed {
    overflow: hidden;
    height: 100vh;
    left: 0;
    right: 0
}

a {
    text-decoration: none;
    transition: all .1s ease-in
}

a:hover {
    text-decoration: none
}

strong {
    font-weight: 700
}

img {
    display: block
}

.av {
    position: absolute;
    left: -9999px
}

.clearfix:after {
    display: table;
    clear: both;
    content: ""
}

sup {
    vertical-align: super;
    font-size: 60%
}

.h1 {
    font-size: 5.625rem;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "Teko", sans-serif
}

@media only screen and (max-width: 1280px) {
    .h1 {
        font-size: 4.5rem
    }
}

@media only screen and (max-width: 767px) {
    .h1 {
        font-size: 3.25rem
    }
}

.h2 {
    font-size: 3.75rem;
    line-height: 1em;
    font-weight: 500;
    font-family: "Teko", sans-serif
}

@media only screen and (max-width: 1280px) {
    .h2 {
        font-size: 3.438rem
    }
}

@media only screen and (max-width: 767px) {
    .h2 {
        font-size: 2.625rem
    }
}

.h3 {
    font-size: 1.75rem;
    font-weight: 600;
    font-family: "Teko", sans-serif
}

@media only screen and (max-width: 767px) {
    .h3 {
        font-size: 1.438rem
    }
}

.h4 {
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase
}

.copy1 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.35em
}

@media only screen and (max-width: 767px) {
    .copy1 {
        font-size: 1rem
    }
}

.copy2 {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.6em
}

@media only screen and (max-width: 1024px) {
    .copy2 {
        font-size: 1rem
    }
}

@media only screen and (max-width: 767px) {
    .copy2 {
        font-size: .875rem
    }
}

.wrapper {
    width: 100%;
    max-width: 1148px;
    padding: 0;
    margin: 0 auto
}

.flex>div {
    flex-grow: 1;
    flex-basis: 0
}

.cookie-agree {
    display: none;
    position: fixed;
    z-index: 100;
    bottom: 64px;
    width: 1000px;
    left: 50%;
    transform: translateX(-50%)
}

.cookie {
    height: 100px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 8px 36px 8px 162px;
    border: 3px solid #ba261f;
    background-color: #f71e13;
    border-radius: 11px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, .3)
}

@media only screen and (max-width: 1024px) {
    .cookie {
        display: none
    }
}

.cookie:before {
    position: absolute;
    left: 22px;
    top: -16px;
    width: 112px;
    height: 97px;
    background: url("../img/veddahazait-cookie-logo.png") no-repeat;
    background-size: contain;
    content: ""
}

.cookie-text {
    flex-grow: 1;
    flex-basis: 0;
    padding-right: 36px;
    font-size: .781rem;
    color: #fff
}

.cookie-text a {
    color: #fff;
    text-decoration: underline
}

.cookie-btn {
    width: 132px
}

.cookie-btn .btn {
    font-size: .906rem
}

.hide {
    display: none;
    visibility: hidden
}

.btn-wrapper .btn {
    margin-right: 42px
}

.btn-wrapper .btn:last-child {
    margin-right: 0
}

.btn-group .btn {
    width: auto;
    flex-grow: 1;
    flex-basis: 0
}

.btn-group .btn:first-child {
    margin-right: 12px
}

.modal {
    display: none;
    position: fixed;
    align-items: flex-start;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    overflow-y: auto;
    outline: 0;
    background-color: rgba(0, 0, 0, .5)
}

@media only screen and (max-width: 1024px) {
    .modal {
        -webkit-animation-fill-mode: initial !important;
        animation-fill-mode: initial !important
    }
}

.modal-dialog {
    position: relative;
    margin: 130px auto;
    padding: 0;
    width: 640px;
    min-width: 448px;
    max-width: 864px;
    overflow-x: auto;
    overflow: visible;
    background-color: #fff;
    border-radius: 0
}

@media only screen and (max-width: 1024px) {
    .modal-dialog {
        position: fixed;
        left: 0;
        top: 0;
        margin: 0;
        min-width: initial;
        max-width: initial;
        width: 100vw;
        height: 100vh;
        padding: 16px;
        border-radius: 0;
        overflow-y: auto;
        padding-bottom: 80px
    }
}

.modal-header {
    position: relative;
    padding-bottom: 8px;
    padding: 24px;
    background-color: #000
}

.modal-header h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 20px
}

.modal-body {
    padding: 24px
}

.modal-body p {
    font-size: 14px;
    margin-bottom: 24px;
    line-height: 1.5em
}

.modal-title {
    margin-bottom: 16px
}

.modal-img {
    display: block;
    margin: 0 auto torem(32px)
}

.modal-close {
    position: absolute;
    z-index: 10;
    right: 24px;
    top: 24px;
    width: 24px;
    height: 24px;
    background: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20L4 4' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M20 4L4 20' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    cursor: pointer
}

@media only screen and (max-width: 1024px) {
    .modal-close {
        width: 16px;
        height: 16px;
        top: 28px;
        right: 20px
    }
}

body.modal-open {
    overflow: hidden
}

body.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.u-tab {
    position: relative;
    margin: 0 auto;
    margin-top: -36px
}

@media only screen and (max-width: 767px) {
    .u-tab {
        margin-top: 0
    }
}

.u-tab .tabs {
    position: relative;
    right: 50%;
    top: -64px;
    margin-right: -576px;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 1280px) {
    .u-tab .tabs {
        right: 24px;
        margin-right: initial
    }
}

@media only screen and (max-width: 767px) {
    .u-tab .tabs {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        top: 0;
        right: auto;
        left: 24px;
        margin-bottom: 12px
    }
}

.u-tab .tabs:after {
    position: absolute;
    right: 421px;
    bottom: 0;
    background-color: #ff2b2b;
    height: 4px;
    content: "";
    box-shadow: none;
    transition: all .4s ease-in-out;
    width: 72px;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7)
}

@media only screen and (max-width: 767px) {
    .u-tab .tabs:after {
        right: auto;
        left: 21px
    }
}

.u-tab .tabs.energydrink:after {
    right: 421px
}

@media only screen and (max-width: 767px) {
    .u-tab .tabs.energydrink:after {
        right: auto;
        left: 21px
    }
}

.u-tab .tabs.newgen:after {
    right: 237px
}

@media only screen and (max-width: 767px) {
    .u-tab .tabs.newgen:after {
        right: auto;
        left: 21px
    }
}

.u-tab .tabs.hellicecoffee:after {
    right: 41px
}

@media only screen and (max-width: 767px) {
    .u-tab .tabs.hellicecoffee:after {
        right: auto;
        left: 179px
    }
}

.u-tab .tabs li {
    position: relative;
    width: 182px;
    padding: 12px 14px;
    cursor: pointer;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .u-tab .tabs li {
        width: auto;
        padding-right: 24px;
        padding-left: 0
    }
}

.u-tab .tabs li:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #363636;
    opacity: .12;
    content: ""
}

.u-tab .tabs li span {
    position: relative;
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #170d24
}

.u-tab .tabs li:hover {
    color: #291e37
}

.u-tab .tabs li:last-child {
    padding-right: 14px;
    padding-left: 14px
}

@media only screen and (max-width: 767px) {
    .u-tab .tabs li:last-child {
        padding-right: 0;
        padding-left: 24px
    }
}

.u-tab .tabs li.current {
    pointer-events: none;
    position: relative
}

.u-tab .tab-content {
    display: none;
    position: relative;
    padding: 0;
    overflow: hidden;
    margin-top: -4px;
    padding-bottom: 20px
}

.u-tab .tab-content .btn-wrapper {
    margin-bottom: 20px
}

.u-tab .tab-inner-reg-2 .btn-wrapper {
    margin-top: 24px;
    text-align: center
}

.u-tab .tab-inner-reg-2 .btn-wrapper .btn {
    width: auto
}

.u-tab.carrier-tab .tabs {
    top: -55px
}

@media only screen and (max-width: 767px) {
    .u-tab.carrier-tab .tabs {
        top: 0;
        left: 0
    }
}

.u-tab.carrier-tab .tabs li {
    width: 100px;
    padding: 12px 8px
}

@media only screen and (max-width: 767px) {
    .u-tab.carrier-tab .tabs li {
        width: 96px;
        padding: 12px 4px
    }
}

.u-tab.carrier-tab .tabs li:before {
    background-color: #fff;
    opacity: .35
}

.u-tab.carrier-tab .tabs li span {
    color: #fff;
    text-transform: initial
}

.u-tab.carrier-tab .tabs:after {
    right: 213px
}

@media only screen and (max-width: 767px) {
    .u-tab.carrier-tab .tabs:after {
        right: 211px;
        left: auto
    }
}

.u-tab.carrier-tab .tabs.tab-2:after {
    right: 114px
}

@media only screen and (max-width: 767px) {
    .u-tab.carrier-tab .tabs.tab-2:after {
        right: 117px
    }
}

.u-tab.carrier-tab .tabs.tab-3:after {
    right: 14px
}

@media only screen and (max-width: 767px) {
    .u-tab.carrier-tab .tabs.tab-3:after {
        right: 21px
    }
}

body.page-id-1278 .u-tab .tabs .tab-2 {
    display: none
}

body.page-id-1278 .u-tab .tabs:after {
    right: 239px
}

.select {
    position: relative
}

.select.select-inactive {
    pointer-events: none;
    opacity: .5
}

.select-title {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 12px 14px;
    font-size: .813rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    padding-right: 25px
}

@media only screen and (max-width: 1024px) {
    .select-title {
        font-size: 1.125rem
    }
}

.select-title:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.692746 1.01214C1.049 0.700411 1.59051 0.736511 1.90224 1.09277L6.40002 6.23309L10.8978 1.09277C11.2095 0.736511 11.751 0.700411 12.1073 1.01214C12.4636 1.32386 12.4997 1.86537 12.1879 2.22163L7.04509 8.09917C6.88233 8.28518 6.64719 8.39188 6.40002 8.39188C6.15286 8.39188 5.91772 8.28518 5.75496 8.09917L0.612113 2.22163C0.300386 1.86537 0.336487 1.32386 0.692746 1.01214Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

@media only screen and (max-width: 1024px) {
    .select-title:after {
        transform: translateY(-50%) rotate(-90deg)
    }
}

.select-title.opened:after {
    transform: translateY(-50%) rotate(180deg)
}

.select-label {
    display: block;
    color: #fff;
    margin-bottom: 4px;
    font-weight: 400;
    font-style: italic;
    font-size: 1.125rem
}

.sub-menu {
    position: absolute;
    z-index: 22;
    left: 0;
    top: -4px;
    width: 182px;
    margin: 0;
    padding: 0;
    padding-top: 38px;
    padding-bottom: 12px;
    list-style-type: none;
    background-color: rgba(0, 0, 0, .8);
    box-shadow: 0px 0px 7px 2px hsla(0, 0%, 100%, .55)
}

@media only screen and (max-width: 1024px) {
    .sub-menu {
        position: fixed;
        z-index: 102;
        left: 0;
        top: 0;
        width: 100vh;
        height: 100vh;
        background-color: #111;
        padding-left: 18px;
        padding-top: 100px;
        padding-bottom: 36px;
        transition: all .2s ease-in;
        box-shadow: none;
        overflow-y: scroll
    }
}

@media only screen and (max-width: 767px) {
    .sub-menu {
        width: calc(100% + 24px)
    }
}

.sub-menu li {
    font-size: .813rem;
    padding: 10px 0 10px 0;
    margin: 0;
    cursor: pointer;
    text-align: left
}

@media only screen and (max-width: 1024px) {
    .sub-menu li {
        font-size: 1.125rem
    }
}

.sub-menu li a {
    display: block;
    margin: 0;
    cursor: pointer;
    font-weight: 400;
    font-size: .813rem;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (max-width: 1024px) {
    .sub-menu li a {
        font-size: 1.125rem
    }
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 16px;
    color: #bfbebe;
    font-weight: 400
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    font-size: 16px;
    color: #bfbebe;
    font-weight: 400
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font-size: 16px;
    color: #bfbebe;
    font-weight: 400
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-size: 16px;
    color: #bfbebe;
    font-weight: 400
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    box-sizing: border-box
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    border: none
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

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

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=date],
input[type=url] {
    border: none;
    border: solid 1px rgba(26, 23, 30, .3);
    background: none;
    min-height: 50px;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    font-weight: 500;
    font-size: 1rem;
    font-family: "Montserrat", sans-serif;
    background-color: #fff
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=url]:focus {
    outline: none
}

textarea {
    overflow: auto;
    resize: vertical;
    border: none;
    border: solid 1px rgba(26, 23, 30, .3);
    background: none;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    font-weight: 500;
    font-size: 1rem;
    font-family: "Montserrat", sans-serif;
    background-color: #fff
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.form-row {
    position: relative;
    margin-bottom: 12px
}

.form-row:last-child {
    margin-bottom: 0
}

.form-row label {
    display: block;
    color: #000;
    font-family: "Teko", sans-serif;
    margin-bottom: 4px;
    font-weight: 300;
    font-style: italic;
    font-size: 1.125rem
}

.form-row .h4 {
    color: #fff;
    opacity: .7;
    margin-bottom: 22px;
    display: block
}

.form-row .form-error {
    display: none;
    color: #f71e13;
    font-family: "Teko", sans-serif;
    font-size: .875rem;
    font-style: italic;
    margin: 4px 0 0
}

.form-row .form-info-text {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
    line-height: 1.75em;
    color: #73799d
}

.form-check,
.form-radio {
    min-height: 22px;
    margin-bottom: 4px
}

.form-check label,
.form-radio label {
    position: relative;
    color: #c3c2c3;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    font-size: .875rem;
    font-family: "Montserrat", sans-serif;
    font-style: initial;
    font-weight: 700
}

.form-check label:before,
.form-check label:after,
.form-radio label:before,
.form-radio label:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    margin-top: 0
}

.form-check label:before,
.form-radio label:before {
    left: 0;
    width: 18px;
    height: 18px;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #e1e1e1;
    border-radius: 3px
}

.form-check label:after,
.form-radio label:after {
    left: 4px;
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.4375 11.6875L0.21875 6.5C0.0729167 6.35417 0 6.16667 0 5.9375C0 5.70833 0.0729167 5.52083 0.21875 5.375L1.375 4.25C1.52083 4.08333 1.69792 4 1.90625 4C2.13542 4 2.33333 4.08333 2.5 4.25L6 7.75L13.5 0.25C13.6667 0.0833333 13.8542 0 14.0625 0C14.2917 0 14.4792 0.0833333 14.625 0.25L15.7813 1.375C15.9271 1.52083 16 1.70833 16 1.9375C16 2.16667 15.9271 2.35417 15.7813 2.5L6.5625 11.6875C6.41667 11.8542 6.22917 11.9375 6 11.9375C5.77083 11.9375 5.58333 11.8542 5.4375 11.6875Z' fill='%23008C45'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.form-check input,
.form-radio input {
    position: absolute;
    left: -9999px
}

.form-check input:checked+label,
.form-radio input:checked+label {
    color: #1a171e
}

.form-check input:checked+label:after,
.form-radio input:checked+label:after {
    opacity: 1;
    visibility: visible
}

.form-radio label:before {
    border-radius: 50%;
    transform: initial;
    top: 1px
}

.form-radio label:after {
    width: 8px;
    height: 8px;
    background-color: #008c45;
    border-radius: 50%;
    left: 5px;
    transform: initial;
    top: 6px
}

.form-check-group .form-check {
    width: 50%
}

.form-container {
    position: relative
}

.form-group {
    margin-bottom: 24px
}

.form-group .form-cell {
    width: 24%;
    color: #fff;
    padding-right: 24px
}

.form-group .form-cell:first-child {
    width: 52%
}

.form-group .form-cell:last-child {
    text-align: right
}

.wpcf7-form .wpcf7-acceptance {
    display: block;
    margin-bottom: 30px
}

.hell-form.flex {
    margin-top: 64px
}

.hell-form.flex>.box {
    max-width: 48%
}

@media only screen and (max-width: 480px) {
    .hell-form.flex>.box {
        width: 100%;
        max-width: 100%;
        flex-grow: initial;
        flex-basis: initial
    }
}

.hell-form.flex>.box .flex .box {
    max-width: 47%
}

@media only screen and (max-width: 480px) {
    .hell-form.flex>.box .flex .box {
        width: 100%;
        max-width: 100%;
        flex-grow: initial;
        flex-basis: initial
    }
}

.hell-form.flex .sub-label .form-sub {
    font-size: .875rem;
    font-weight: 300
}

.hell-form.flex .flex.form-phone .box {
    width: initial;
    flex-grow: initial;
    flex-basis: initial;
    width: 60px;
    margin-right: 12px
}

.hell-form.flex .flex.form-phone .box:last-child {
    max-width: 100%;
    margin-right: 0;
    flex-grow: 1;
    flex-basis: 0
}

.hell-form.flex .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 24px;
    margin-top: 6px
}

.hell-form.flex textarea {
    height: 148px
}

.hell-form.flex+.btn-wrapper {
    position: relative;
    text-align: center
}

.hell-form.flex+.btn-wrapper .btn {
    margin: 0 auto
}

.hell-form.flex+.btn-wrapper .ajax-loader {
    position: absolute;
    top: 10px
}

.department-list+.select2 {
    width: 100% !important
}

.select2-container {
    max-width: 100%;
    width: 100% !important
}

.select2-container .select2-selection--single {
    height: 50px;
    max-width: 100%
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    padding-left: 12px
}

.select2-container .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M1.68191 0L0.00390625 1.654L9.50391 11L19.0039 1.654L17.3219 0L9.50391 7.692L1.68191 0Z' fill='%231A171E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='19.004' height='11' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 19px 10px;
    background-position: center center;
    background-repeat: no-repeat
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    display: none
}

@keyframes upAndDown {
    0% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(15px, -15px)
    }
}

@keyframes upAndDown2 {
    0% {
        transform: translate(0, 0) rotate(-90deg)
    }
    100% {
        transform: translate(-15px, -15px) rotate(-90deg)
    }
}

@keyframes upAndDown3 {
    0% {
        transform: translate(0, 0) rotate(-5deg)
    }
    100% {
        transform: translate(0, -45px) rotate(5deg)
    }
}

@keyframes smoothRotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-10deg)
    }
}

@keyframes smoothRotate2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(10deg)
    }
}

.header {
    position: absolute;
    z-index: 13;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

@media only screen and (max-width: 1024px) {
    .header {
        position: fixed
    }
}

.header:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    opacity: .2;
    content: ""
}

@media only screen and (max-width: 1024px) {
    .header:after {
        display: none
    }
}

.header.alert-exist {
    top: 30px
}

.header .wrapper {
    height: 96px
}

@media only screen and (max-width: 1280px) {
    .header .wrapper {
        padding: 0 16px
    }
}

.header .logo {
    width: 58px;
    height: 58px;
    display: inline-block;
    margin-right: 100px;
    background-image: url("images/CERCLELOGO.png");
    background-repeat: no-repeat;
    background-size: contain
}

@media only screen and (max-width: 1280px) {
    .header .logo {
        margin-right: auto
    }
}

@media only screen and (max-width: 767px) {
    .header .logo {
        width: 33px;
        height: 33px
    }
}

body.hellice .header .logo {
    width: 158px;
    height: 46px;
    margin-right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='610' height='176' viewBox='0 0 610 176' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2236_3135)'%3E%3Cpath d='M223.851 149.426C218.03 143.515 215.122 136.175 215.122 127.398C215.122 118.622 217.986 111.279 223.719 105.37C229.447 99.4595 236.969 96.5035 246.285 96.5035C249.059 96.5035 251.677 96.7728 254.143 97.3102C256.603 97.8475 258.373 98.3848 259.446 98.9222L261.058 99.7262L262.941 96.5035C258.642 94.1782 253.087 93.0128 246.285 93.0128C236.881 93.0128 228.755 96.2142 221.906 102.614C215.054 109.017 211.629 117.281 211.629 127.398C211.629 137.606 215.031 145.891 221.837 152.247C228.643 158.606 237.015 161.783 246.957 161.783C250.181 161.783 253.245 161.427 256.157 160.709C259.066 159.993 261.146 159.279 262.403 158.559L264.282 157.485L262.403 154.262C258.73 156.947 253.581 158.293 246.957 158.293C237.374 158.293 229.673 155.337 223.851 149.426ZM198.197 127.398C198.197 113.429 202.785 102.102 211.965 93.4142C221.143 84.7302 232.315 80.3848 245.478 80.3848C249.238 80.3848 252.933 80.7208 256.559 81.3928C260.187 82.0662 263.23 82.8475 265.693 83.7435C268.155 84.6395 270.349 85.5568 272.275 86.4955C274.201 87.4382 275.653 88.2208 276.642 88.8462L277.983 89.9208L263.879 114.77C263.342 114.323 262.626 113.765 261.731 113.093C260.835 112.421 258.887 111.502 255.887 110.339C252.886 109.177 249.775 108.593 246.551 108.593C241.091 108.593 236.501 110.429 232.783 114.101C229.067 117.774 227.21 122.205 227.21 127.398C227.21 132.591 229.135 137.025 232.985 140.694C236.834 144.367 241.585 146.202 247.225 146.202C250.627 146.202 253.826 145.621 256.829 144.455C259.827 143.293 261.954 142.13 263.207 140.965L265.225 139.218L279.329 164.067C278.967 164.335 278.474 164.718 277.849 165.209C277.221 165.702 275.857 166.531 273.751 167.694C271.647 168.859 269.41 169.89 267.037 170.782C264.662 171.681 261.618 172.507 257.903 173.267C254.187 174.027 250.401 174.411 246.551 174.411C232.491 174.411 220.919 170.043 211.83 161.315C202.741 152.583 198.197 141.279 198.197 127.398Z' fill='white'/%3E%3Cpath d='M306.324 114.101C302.651 117.774 300.819 122.204 300.819 127.398C300.819 132.592 302.651 137.025 306.324 140.694C309.998 144.368 314.43 146.202 319.624 146.202C324.815 146.202 329.248 144.368 332.92 140.694C336.591 137.025 338.428 132.592 338.428 127.398C338.428 122.204 336.591 117.774 332.92 114.101C329.248 110.428 324.815 108.593 319.624 108.593C314.43 108.593 309.998 110.428 306.324 114.101ZM341.451 149.225C335.406 155.27 328.13 158.293 319.624 158.293C311.116 158.293 303.842 155.27 297.796 149.225C291.752 143.18 288.73 135.906 288.73 127.398C288.73 118.893 291.752 111.616 297.796 105.57C303.842 99.5249 311.116 96.5036 319.624 96.5036C328.13 96.5036 335.406 99.5249 341.451 105.57C347.496 111.616 350.516 118.893 350.516 127.398C350.516 135.906 347.496 143.18 341.451 149.225ZM295.311 103.085C288.594 109.802 285.238 117.906 285.238 127.398C285.238 136.89 288.594 144.993 295.311 151.71C302.026 158.425 310.13 161.784 319.624 161.784C329.114 161.784 337.219 158.425 343.936 151.71C350.651 144.993 354.01 136.89 354.01 127.398C354.01 117.906 350.651 109.802 343.936 103.085C337.219 96.3703 329.114 93.0116 319.624 93.0116C310.13 93.0116 302.026 96.3703 295.311 103.085ZM286.379 160.642C277.199 151.465 272.611 140.384 272.611 127.398C272.611 114.416 277.199 103.333 286.379 94.1529C295.556 84.9756 306.639 80.3849 319.624 80.3849C332.607 80.3849 343.688 84.9756 352.87 94.1529C362.047 103.333 366.638 114.416 366.638 127.398C366.638 140.384 362.047 151.465 352.87 160.642C343.688 169.824 332.607 174.41 319.624 174.41C306.639 174.41 295.556 169.824 286.379 160.642Z' fill='white'/%3E%3Cpath d='M387.453 161.381H390.947V128.74H416.469V125.516H390.947V96.5026H417.811V93.2799H387.453V161.381ZM374.021 172.127V82.5332H426.809V106.041H402.632V115.98H426.407V138.279H402.632V172.127H374.021Z' fill='white'/%3E%3Cpath d='M447.628 161.381H451.121V128.74H476.644V125.516H451.121V96.5026H477.985V93.2799H447.628V161.381ZM434.196 172.127V82.5332H486.984V106.041H462.807V115.98H486.581V138.279H462.807V172.127H434.196Z' fill='white'/%3E%3Cpath d='M507.803 161.381H538.16V158.157H511.296V128.74H536.819V125.516H511.296V96.5026H538.16V93.2799H507.803V161.381ZM494.371 172.127V82.5332H547.159V106.041H522.982V115.98H546.756V138.279H522.982V148.621H548.102V172.127H494.371Z' fill='white'/%3E%3Cpath d='M569.59 161.381H599.947V158.157H573.083V128.74H598.606V125.516H573.083V96.5026H599.947V93.2799H569.59V161.381ZM556.158 172.127V82.5332H608.946V106.041H584.768V115.98H608.543V138.279H584.768V148.621H609.888V172.127H556.158Z' fill='white'/%3E%3Cpath d='M339.32 62.328H341.977V10.5187H339.32V62.328ZM329.101 2.34267H352.196V70.504H329.101V2.34267Z' fill='white'/%3E%3Cpath d='M385.316 53.2324C380.887 48.7364 378.673 43.1511 378.673 36.4737C378.673 29.7977 380.853 24.2111 385.213 19.7151C389.572 15.2177 395.295 12.9698 402.381 12.9698C404.492 12.9698 406.485 13.1751 408.36 13.5831C410.232 13.9924 411.579 14.4004 412.396 14.8098L413.623 15.4231L415.053 12.9698C411.783 11.1991 407.559 10.3137 402.381 10.3137C395.228 10.3137 389.045 12.7497 383.835 17.6204C378.621 22.4911 376.016 28.7764 376.016 36.4737C376.016 44.2404 378.604 50.5418 383.783 55.3791C388.959 60.2164 395.331 62.6351 402.892 62.6351C405.345 62.6351 407.677 62.3631 409.893 61.8164C412.105 61.2724 413.689 60.7284 414.644 60.1818L416.075 59.3644L414.644 56.9124C411.849 58.9551 407.933 59.9778 402.892 59.9778C395.601 59.9778 389.744 57.7298 385.316 53.2324ZM365.797 36.4737C365.797 25.8457 369.288 17.2284 376.272 10.6204C383.255 4.01242 391.753 0.70708 401.768 0.70708C404.629 0.70708 407.44 0.963081 410.199 1.47375C412.959 1.98441 415.273 2.58175 417.148 3.26175C419.021 3.94308 420.689 4.64175 422.155 5.35641C423.62 6.07241 424.727 6.66975 425.477 7.14575L426.499 7.96308L415.768 26.8684C415.36 26.5284 414.813 26.1018 414.133 25.5911C413.452 25.0791 411.969 24.3818 409.688 23.4951C407.404 22.6111 405.039 22.1671 402.587 22.1671C398.429 22.1671 394.937 23.5644 392.112 26.3564C389.284 29.1511 387.871 32.5244 387.871 36.4737C387.871 40.4257 389.335 43.7978 392.264 46.5911C395.193 49.3844 398.805 50.7804 403.096 50.7804C405.685 50.7804 408.12 50.3378 410.403 49.4524C412.685 48.5671 414.303 47.6818 415.257 46.7951L416.791 45.4671L427.52 64.3711C427.248 64.5764 426.872 64.8671 426.396 65.2404C425.919 65.6151 424.879 66.2471 423.28 67.1311C421.677 68.0178 419.975 68.8018 418.171 69.4818C416.364 70.1631 414.047 70.7924 411.221 71.3711C408.393 71.9498 405.515 72.2404 402.587 72.2404C391.889 72.2404 383.084 68.9204 376.169 62.2764C369.255 55.6351 365.797 47.0351 365.797 36.4737Z' fill='white'/%3E%3Cpath d='M448.326 62.3275H471.421V59.8755H450.983V37.4955H470.399V35.0435H450.983V12.9701H471.421V10.5181H448.326V62.3275ZM438.107 70.5035V2.34213H478.269V20.2248H459.874V27.7875H477.962V44.7501H459.874V52.6208H478.983V70.5035H438.107Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M135.703 107.787L132.289 96.0311C112.372 95.9791 95.956 92.5391 84.656 84.1498C87.6173 89.7684 90.9933 94.6711 94.7427 98.9298C107.391 105.039 121.237 107.388 135.703 107.787ZM139.795 121.88L136.665 111.103C121.459 109.898 108.087 106.747 96.9 101.268C108.341 113.087 122.96 119.4 139.795 121.88Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M171.329 97.7208L171.002 101.65L170.465 105.523L169.721 109.337L168.777 113.081L167.638 116.755L166.312 120.351L164.801 123.865L163.112 127.29L161.252 130.623L159.226 133.857L157.037 136.99L154.697 140.015L152.204 142.929L151.173 144.022L151.26 144.398L151.445 145.161L151.634 145.915L151.83 146.665L152.034 147.407L152.244 148.145L152.457 148.877L152.676 149.605L152.901 150.327L153.129 151.047L153.361 151.762L153.6 152.475L153.87 153.27L153.966 153.606L154.044 153.885L154.113 154.158C157.181 161.886 154.932 163.743 144.906 157.022L142.021 155.034L140.253 153.805L137.693 155.657L134.418 157.802L131.03 159.801L127.536 161.653L123.94 163.351L120.248 164.891L116.464 166.266L112.596 167.474L108.646 168.51L104.621 169.367L100.526 170.043L96.3689 170.533L92.1529 170.829L87.8822 170.929L83.6115 170.829L79.3956 170.533L75.2369 170.043L71.1435 169.367L67.1195 168.51L63.1702 167.474L59.3009 166.266L55.5169 164.891L51.8235 163.351L48.2289 161.653L44.7342 159.801L41.3462 157.802L38.0702 155.657L34.9129 153.371L31.8769 150.953L28.9702 148.402L26.1955 145.726L23.5595 142.929L21.0675 140.015L18.7262 136.99L16.5382 133.857L14.5115 130.623L12.6515 127.29L10.9649 123.865L9.45421 120.351L8.12621 116.755L6.98755 113.081L6.04222 109.337L5.29954 105.523L4.76087 101.649L4.43421 97.7208L4.32488 93.7435L4.43421 89.7648L4.76087 85.8342L5.29954 81.9622L6.04222 78.1488L6.98755 74.4035L8.12621 70.7302L9.45421 67.1342L10.9649 63.6208L12.6515 60.1955L14.5115 56.8622L16.5382 53.6275L18.7262 50.4955L21.0675 47.4702L23.5595 44.5555L26.1955 41.7595L28.9702 39.0835L31.8769 36.5328L34.9129 34.1142L38.0702 31.8288L41.3462 29.6848L43.0555 28.6742L43.0102 26.5502L43.0275 24.2835L43.1049 21.9155L43.2449 19.4422L43.4475 16.8608L43.7142 14.1662L44.4342 8.68748C45.5742 3.76748 47.8555 3.51149 49.4849 7.59282L51.1155 11.2648L51.5236 12.1488L51.9422 13.0302L52.3742 13.9088L52.8155 14.7862L53.2689 15.6595L53.7342 16.5302L54.2102 17.3995L54.6995 18.2662L55.1995 19.1302L55.7115 19.9915L56.2369 20.8488L56.7755 21.7062L56.9995 22.0555L59.3009 21.2182L63.1702 20.0102L67.1195 18.9741L71.1435 18.1168L75.2369 17.4422L79.3956 16.9528L81.7182 16.7888L81.6035 16.5622L81.2276 15.8448L80.8449 15.1342L80.4516 14.4262L80.0515 13.7248L78.7836 11.5662C76.0636 6.35549 77.8822 5.23949 83.8302 7.84882L85.5142 8.89949L86.5355 9.56882L87.5409 10.2595L88.5315 10.9688L89.5035 11.6982L90.4595 12.4462L91.3956 13.2142L92.3169 13.9995L93.2222 14.8062L94.1089 15.6302L94.9809 16.4715L95.3915 16.8848L96.3689 16.9528L100.526 17.4422L104.621 18.1168L108.646 18.9741L112.596 20.0102L116.464 21.2182L120.248 22.5955L123.94 24.1342L127.536 25.8328L131.03 27.6835L134.418 29.6848L137.693 31.8288L140.852 34.1142L143.888 36.5328L146.794 39.0835L149.57 41.7595L152.204 44.5555L154.697 47.4702L157.037 50.4955L159.226 53.6275L161.252 56.8622L163.112 60.1955L164.801 63.6208L166.312 67.1342L167.638 70.7302L168.777 74.4035L169.721 78.1488L170.465 81.9622L171.002 85.8342L171.329 89.7648L171.438 93.7435L171.329 97.7208ZM175.525 89.5315L175.18 85.3728L174.609 81.2702L173.822 77.2342L172.822 73.2675L171.618 69.3795L170.212 65.5768L168.616 61.8622L166.832 58.2422L164.866 54.7235L162.729 51.3088L160.422 48.0062L157.954 44.8182L155.332 41.7501L152.557 38.8062L149.638 35.9915L146.582 33.3102L143.393 30.7688L140.076 28.3688L136.637 26.1168L133.082 24.0182L129.416 22.0755L125.645 20.2955L121.776 18.6808L117.809 17.2382L113.754 15.9728L109.616 14.8875L105.401 13.9888L101.114 13.2808L97.2555 12.8275L96.9995 12.5808L96.0489 11.6982L95.0769 10.8342L94.0902 9.99016L93.0835 9.16749L92.0582 8.36482L91.0155 7.58216L89.9542 6.82082L88.8742 6.08082L87.7782 5.36216L85.7822 4.11416L84.9035 3.73682L84.3036 3.49417L83.7182 3.27149L83.1462 3.06883L82.5835 2.88615L82.0289 2.7235L81.4755 2.58216L80.9195 2.46615L80.3555 2.37415L79.7769 2.31415L79.1742 2.29015L78.5395 2.3155L77.8596 2.4075L77.1369 2.58749L76.3809 2.88882L75.6235 3.33283L74.9169 3.92882L74.3182 4.64882L73.8662 5.44082L73.5702 6.24482L73.4075 7.01682L73.3475 7.74082L73.3609 8.41015L73.4302 9.03549L73.5395 9.62615L73.6835 10.1928L73.8529 10.7461L74.0475 11.2915L74.2662 11.8368L74.5076 12.3862L74.7742 12.9435L74.9289 13.2488L74.6489 13.2808L70.3635 13.9888L66.1475 14.8875L62.0102 15.9728L58.8035 16.9728L58.3449 16.1822L57.8822 15.3582L57.4289 14.5315L56.9876 13.7035L56.5555 12.8728L56.1369 12.0395L55.7262 11.2035L55.3275 10.3662L54.9409 9.53149L53.3422 5.93015L53.1769 5.53682L52.9569 5.05415L52.7195 4.58616L52.4649 4.13015L52.1875 3.68614L51.8849 3.25149L51.5502 2.82882L51.1769 2.41415L50.7529 2.01282L50.2715 1.62881L49.7209 1.2755L49.0929 0.964828L48.3902 0.722153L47.6222 0.57282L46.8195 0.536809L46.0169 0.622157L45.2502 0.823491L44.5529 1.11681L43.9369 1.47683L43.3995 1.88082L42.9409 2.31017L42.5422 2.75548L42.1969 3.20748L41.8955 3.66749L41.6262 4.13548L41.3875 4.61015L41.1716 5.09682L40.9755 5.59415L40.7955 6.10482L40.6302 6.63282L40.4809 7.17549L40.3009 7.90882L39.5409 13.6862L39.2635 16.4902L39.0542 19.1595L38.9089 21.7275L38.8275 24.1995L38.8129 26.3221L35.6875 28.3688L32.3715 30.7688L29.1809 33.3115L26.1249 35.9915L23.2075 38.8062L20.4342 41.7501L17.8102 44.8182L15.3409 48.0062L13.0355 51.3088L10.8969 54.7235L8.93288 58.2422L7.14888 61.8622L5.55154 65.5768L4.14621 69.3795L2.94088 73.2675L1.94221 77.2342L1.15555 81.2702L0.58488 85.3728L0.239543 89.5315L0.123535 93.7435L0.239543 97.9528L0.58488 102.113L1.15555 106.215L1.94221 110.251L2.94088 114.217L4.14621 118.105L5.55154 121.909L7.14888 125.623L8.93288 129.245L10.8969 132.763L13.0355 136.175L15.3409 139.479L17.8102 142.667L20.4342 145.737L23.2075 148.679L26.1249 151.493L29.1809 154.174L32.3715 156.718L35.6875 159.115L39.1275 161.369L42.6809 163.467L46.3475 165.409L50.1182 167.19L53.9902 168.803L57.9555 170.247L62.0102 171.513L66.1475 172.598L70.3635 173.495L74.6489 174.203L79.0022 174.715L83.4156 175.026L87.8822 175.13L92.3489 175.026L96.7609 174.715L101.114 174.203L105.401 173.495L109.616 172.598L113.754 171.513L117.809 170.247L121.776 168.803L125.645 167.19L129.416 165.409L133.082 163.467L136.637 161.369L140.076 159.115L140.304 158.951L142.558 160.503L143.538 161.151L144.472 161.745L145.368 162.293L146.229 162.795L147.061 163.257L147.864 163.673L148.644 164.047L149.404 164.379L150.153 164.67L150.898 164.918L151.652 165.119L152.43 165.267L153.249 165.349L154.121 165.342L155.056 165.209L156.038 164.905L157.005 164.391L157.876 163.678L158.568 162.822L159.057 161.911L159.362 161.011L159.526 160.157L159.588 159.353L159.577 158.587L159.509 157.847L159.396 157.121L159.246 156.397L159.062 155.67L158.845 154.931L158.6 154.178L158.322 153.403L158.122 152.882L158.105 152.813L158.009 152.465L157.876 152.006L157.581 151.137L157.352 150.45L157.126 149.759L156.908 149.07L156.693 148.377L156.484 147.682L156.28 146.985L156.08 146.283L155.888 145.578L155.788 145.199L157.954 142.667L160.422 139.479L162.729 136.175L164.866 132.763L166.832 129.245L168.616 125.623L170.212 121.909L171.618 118.105L172.822 114.217L173.822 110.253L174.609 106.215L175.18 102.113L175.525 97.9528L175.641 93.7435L175.525 89.5315Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M67.5333 56.5031C74.8746 53.3164 84.5359 51.4418 91.1959 57.0351C97.8226 62.5991 101.917 68.2444 105.303 73.9098L100.109 69.4724C99.4773 69.0938 98.8439 69.0178 98.2106 69.2444C96.2813 70.0578 93.1786 70.6711 90.78 70.2311C83.2786 68.8564 77.2479 64.3244 74.0919 55.9724L67.5333 56.5031ZM145.463 126.986C145.411 126.124 145.187 125.36 143.747 125.272C125.988 125.334 95.0853 110.258 82.3133 84.4111C81.3159 85.8804 81.2213 88.8564 81.0746 91.7458C77.844 82.2618 80.1026 77.0871 88.7893 76.2191C85.6213 77.7124 84.7746 79.2044 84.1226 80.6964C97.2453 91.0191 114.583 93.3284 133.269 93.0791C128.408 69.5938 114.997 50.7378 96.7933 34.4791L105.928 39.5218C100.489 27.2618 92.7546 17.6511 82.2479 11.2378C86.8999 19.0418 89.9253 27.7218 92.0413 36.8911L66.7533 39.9604C57.7213 31.0898 51.4679 21.6391 47.1146 11.7937C43.3239 41.7897 50.6026 50.2244 62.9093 57.5084C58.1506 56.6044 50.2546 51.9258 45.8906 45.3844L43.1106 49.3884L31.8546 48.9938C35.5519 45.1284 39.7159 41.6444 44.2679 38.6218L44.1839 38.2698L43.8386 36.5231L43.5533 34.6978L43.3946 33.3604C22.3759 46.5124 8.52661 68.6871 8.52661 93.7431C8.52661 133.942 44.1746 166.728 87.8826 166.728C106.231 166.728 123.156 160.948 136.621 151.268L136.064 150.879L133.08 148.772L132.379 148.274C119.952 156.78 104.541 161.827 87.8826 161.827C76.4893 161.827 65.6839 159.46 56.0119 155.246L56.7253 151.179C66.3533 153.971 78.6879 155.9 92.3906 157.395C97.06 157.383 98.1199 154.36 94.7319 152.08C81.0079 145.034 64.9733 137.876 47.3586 130.646C44.4853 129.234 44.5746 128.934 47.6279 129.744L73.1159 138.751C76.0839 139.8 77.8399 137.795 75.7293 136.05C68.7253 130.258 59.3733 126.224 40.0639 123.08C38.6119 122.974 37.5319 123.424 36.8213 124.431L29.5439 135.939C19.4693 124.322 13.4253 109.662 13.4253 93.7431C13.4253 90.2938 13.7133 86.9031 14.2586 83.5884L57.3599 112.26C59.5933 114.004 62.4813 114.444 65.8133 113.988L82.2226 111.107C65.8906 97.2311 49.8613 84.7218 35.2919 78.7858C33.0199 77.9098 30.6373 77.3644 28.1453 77.1484L16.2533 76.3458C22.2493 75.7564 27.2933 75.3538 33.0479 75.8484C37.0666 76.1938 37.3106 76.3338 41.6893 78.5378C47.3359 81.3524 54.4866 85.8324 62.6279 91.4018C81.6066 106.538 115.089 132.603 146.567 154.192L149.08 156.131C150.305 157.076 150.904 156.915 150.128 154.322C147.467 146.562 145.348 138.139 145.463 126.986Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M89.3011 66.9965C90.4784 67.3445 91.7317 67.6112 93.0544 67.8045C93.2344 65.6645 94.0744 64.0659 95.3677 62.8365C94.4251 61.8259 93.4744 60.9005 92.5237 60.0645C90.6077 62.0019 89.7157 64.2605 89.3011 66.6659C88.8504 63.8405 89.6117 61.3019 91.2091 58.9619C90.0664 58.0552 88.9264 57.2792 87.7984 56.6445C86.1491 58.4019 84.9877 60.9565 84.4091 64.4672C83.6984 61.6979 84.2797 58.7765 85.9384 55.7232C83.8797 54.8699 81.1077 54.7379 77.9624 55.1005C79.4224 61.5365 83.4251 65.2632 89.3011 66.9965Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M60.2744 26.7871L60.9051 27.6244L61.5477 28.4591L62.2077 29.2911L62.5584 29.7258C69.7757 27.3244 77.5077 25.9218 85.5531 25.6938L85.5024 25.5524L85.2184 24.7764L84.9264 24.0071L84.6277 23.2404L84.3211 22.4791L84.0091 21.7231L83.6877 20.9711L83.6397 20.8631C75.1531 21.2778 67.0131 22.9298 59.4277 25.6244L59.6571 25.9471L60.2744 26.7871Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M99.573 21.5538L99.857 21.9031L100.612 22.8684L101.35 23.8511L102.073 24.8511L102.78 25.8671L103.47 26.9018L103.668 27.2071C130.55 32.5498 152.085 51.2404 159.525 75.2551C158.43 76.5071 156.124 77.9618 153.304 78.5978L133.928 82.0018L134.394 83.4471L135.046 85.6378L135.648 87.8551L136.198 90.0991L137.25 94.8871L155.146 87.5178L162.272 91.0351C162.31 91.9351 162.337 92.8364 162.337 93.7431C162.337 107.876 157.585 121.027 149.466 131.93L149.514 132.756L149.581 133.663L149.656 134.555L149.74 135.434L149.836 136.302L149.94 137.158L150.053 138.002L150.176 138.835L150.18 138.863C160.854 126.431 167.238 110.751 167.238 93.7431C167.238 57.1964 137.772 26.7804 99.573 21.5538Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2236_3135'%3E%3Crect width='610' height='176' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.m-menu {
    display: none
}

@media only screen and (max-width: 1024px) {
    .m-menu {
        position: relative;
        z-index: 103;
        display: block;
        width: 32px;
        height: 32px;
        background-color: rgba(0, 0, 0, 0);
        cursor: pointer;
        outline: none
    }
}

.m-menu span,
.m-menu span:before,
.m-menu span:after {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: all .1s ease-in, top .1s ease-in 150ms, bottom .1s ease-in 150ms;
    width: 20px;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0px 0px 6px 4px hsla(0, 0%, 100%, .4)
}

.m-menu span {
    top: 20px;
    left: 6px
}

.m-menu span:before {
    top: -6px
}

.m-menu span:after {
    bottom: -6px
}

.m-menu-seed {
    display: none
}

.m-menu-seed a {
    width: 136px;
    min-height: 32px;
    display: block;
    text-align: center;
    background-color: #f71e13;
    box-shadow: 0px 0px 7px 2px rgba(255, 137, 131, .55);
    padding: 12px 26px;
    font-size: .813rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff
}

.nav {
    flex-grow: 1
}

@media only screen and (max-width: 1024px) {
    .nav {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: fixed;
        z-index: 99;
        right: -100vw;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: #111;
        padding-left: 18px;
        transition: all .2s ease-in
    }
}

@media only screen and (max-width: 1024px) {
    .nav .menu {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.nav .menu .menu-item {
    position: relative;
    margin: 0
}

@media only screen and (max-width: 1280px) {
    .nav .menu .menu-item {
        margin: 0 6px
    }
}

.nav .menu .menu-item:after {
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-50%);
    background-color: #fff;
    width: 0;
    height: 4px;
    content: "";
    box-shadow: none;
    transition: all .3s ease-in-out
}

.nav .menu .menu-item:hover:after {
    width: 72px;
    box-shadow: 0px 0px 12px 8px hsla(0, 0%, 100%, .6)
}

@media only screen and (max-width: 1024px) {
    .nav .menu .menu-item:hover:after {
        display: none
    }
}

.nav .menu .menu-item a,
.nav .menu .menu-item span {
    display: inline-block;
    padding: 12px 26px;
    font-size: .813rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff
}

@media only screen and (max-width: 1024px) {
    .nav .menu .menu-item a,
    .nav .menu .menu-item span {
        font-size: 1.125rem
    }
}

.nav .menu .menu-item.current-menu-item:after {
    width: 72px;
    box-shadow: 0px 0px 12px 8px hsla(0, 0%, 100%, .6)
}

@media only screen and (max-width: 1024px) {
    .nav .menu .menu-item.current-menu-item:after {
        display: none
    }
}

.nav .menu .menu-item-seed a {
    background-color: #f71e13;
    box-shadow: 0px 0px 7px 2px rgba(255, 137, 131, .55)
}

.nav .menu .menu-item-seed:hover:after {
    display: none
}

.nav .menu .menu-item:last-child {
    margin-right: 0
}

.submenu {
    margin-left: auto
}

@media only screen and (max-width: 1024px) {
    .submenu {
        margin-left: 18px
    }
}

.submenu-item {
    margin-right: 12px
}

.submenu-item .act-lang {
    position: relative;
    display: inline-block;
    padding: 12px 26px;
    font-size: .813rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    padding-right: 25px
}

@media only screen and (max-width: 1024px) {
    .submenu-item .act-lang {
        font-size: 1.125rem
    }
}

.submenu-item .act-lang:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.692746 1.01214C1.049 0.700411 1.59051 0.736511 1.90224 1.09277L6.40002 6.23309L10.8978 1.09277C11.2095 0.736511 11.751 0.700411 12.1073 1.01214C12.4636 1.32386 12.4997 1.86537 12.1879 2.22163L7.04509 8.09917C6.88233 8.28518 6.64719 8.39188 6.40002 8.39188C6.15286 8.39188 5.91772 8.28518 5.75496 8.09917L0.612113 2.22163C0.300386 1.86537 0.336487 1.32386 0.692746 1.01214Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

@media only screen and (max-width: 1024px) {
    .submenu-item .act-lang:after {
        transform: translateY(-50%) rotate(-90deg)
    }
}

.submenu-icon {
    margin-left: 12px
}

@media only screen and (max-width: 1024px) {
    .submenu-icon {
        display: none
    }
}

.submenu-icon a {
    display: block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain
}

.submenu-icon a.fb-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.125 6.1875V3.9375C10.125 3.3165 10.629 2.8125 11.25 2.8125H12.375V0H10.125C8.26088 0 6.75 1.51088 6.75 3.375V6.1875H4.5V9H6.75V18H10.125V9H12.375L13.5 6.1875H10.125Z' fill='white'/%3E%3C/svg%3E%0A")
}

.submenu-icon a.ig-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.9823 5.29205C17.9402 4.33564 17.7855 3.67812 17.564 3.10836C17.3354 2.50359 16.9838 1.96213 16.5231 1.51201C16.073 1.05489 15.5279 0.699691 14.9302 0.474702C14.3571 0.253147 13.703 0.0984842 12.7466 0.0563159C11.7831 0.0105764 11.4772 0 9.03334 0C6.5895 0 6.28361 0.0105764 5.32363 0.0527447C4.36722 0.094913 3.7097 0.249713 3.14009 0.471131C2.53517 0.699691 1.99371 1.05132 1.5436 1.51201C1.08648 1.96213 0.731414 2.50716 0.506287 3.10493C0.284733 3.67812 0.13007 4.33207 0.0879016 5.28848C0.0421621 6.25203 0.0315857 6.55792 0.0315857 9.00176C0.0315857 11.4456 0.0421621 11.7515 0.0843303 12.7115C0.126499 13.6679 0.281299 14.3254 0.502854 14.8952C0.731414 15.4999 1.08648 16.0414 1.5436 16.4915C1.99371 16.9486 2.53874 17.3038 3.13651 17.5288C3.7097 17.7504 4.36365 17.905 5.3202 17.9472C6.28004 17.9895 6.58607 17.9999 9.0299 17.9999C11.4737 17.9999 11.7796 17.9895 12.7396 17.9472C13.696 17.905 14.3535 17.7504 14.9232 17.5288C16.1328 17.0611 17.0893 16.1047 17.557 14.8952C17.7784 14.322 17.9332 13.6679 17.9753 12.7115C18.0175 11.7515 18.0281 11.4456 18.0281 9.00176C18.0281 6.55792 18.0245 6.25203 17.9823 5.29205ZM16.3614 12.6411C16.3227 13.5202 16.175 13.9949 16.0519 14.3114C15.7495 15.0956 15.1271 15.7179 14.343 16.0204C14.0265 16.1434 13.5484 16.2911 12.6727 16.3297C11.7233 16.372 11.4386 16.3824 9.03691 16.3824C6.63524 16.3824 6.34693 16.372 5.40096 16.3297C4.52189 16.2911 4.04718 16.1434 3.73072 16.0204C3.34049 15.8761 2.98529 15.6476 2.69698 15.3487C2.39809 15.0568 2.16953 14.7052 2.02531 14.315C1.90223 13.9985 1.75458 13.5202 1.71598 12.6447C1.67367 11.6953 1.66324 11.4104 1.66324 9.00876C1.66324 6.6071 1.67367 6.31879 1.71598 5.37295C1.75458 4.49387 1.90223 4.01917 2.02531 3.7027C2.16953 3.31234 2.39809 2.95727 2.70055 2.66883C2.99229 2.36994 3.34392 2.14138 3.73429 1.99729C4.05075 1.87422 4.52903 1.72656 5.40453 1.68783C6.35394 1.64566 6.63881 1.63509 9.04034 1.63509C11.4456 1.63509 11.7303 1.64566 12.6763 1.68783C13.5554 1.72656 14.0301 1.87422 14.3465 1.99729C14.7368 2.14138 15.092 2.36994 15.3803 2.66883C15.6792 2.96071 15.9077 3.31234 16.0519 3.7027C16.175 4.01917 16.3227 4.49731 16.3614 5.37295C16.4036 6.32236 16.4142 6.6071 16.4142 9.00876C16.4142 11.4104 16.4036 11.6917 16.3614 12.6411Z' fill='white'/%3E%3Cpath d='M9.0334 4.37781C6.48064 4.37781 4.40945 6.44886 4.40945 9.00176C4.40945 11.5547 6.48064 13.6257 9.0334 13.6257C11.5863 13.6257 13.6574 11.5547 13.6574 9.00176C13.6574 6.44886 11.5863 4.37781 9.0334 4.37781ZM9.0334 12.0012C7.3773 12.0012 6.03396 10.658 6.03396 9.00176C6.03396 7.34552 7.3773 6.00232 9.0334 6.00232C10.6896 6.00232 12.0328 7.34552 12.0328 9.00176C12.0328 10.658 10.6896 12.0012 9.0334 12.0012V12.0012Z' fill='white'/%3E%3Cpath d='M14.9198 4.19496C14.9198 4.79109 14.4364 5.27444 13.8401 5.27444C13.244 5.27444 12.7607 4.79109 12.7607 4.19496C12.7607 3.5987 13.244 3.11548 13.8401 3.11548C14.4364 3.11548 14.9198 3.5987 14.9198 4.19496V4.19496Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.menu-language-menu-container .menu .menu-item {
    margin: 0;
    padding: 0
}

.menu-language-menu-container .menu .menu-item:after {
    display: none
}

.menu-language-menu-container .menu .menu-item.pll-parent-menu-item {
    position: relative
}

.menu-language-menu-container .menu .menu-item.pll-parent-menu-item>a {
    position: relative;
    z-index: 23;
    display: inline-block;
    padding: 12px 26px;
    font-size: .813rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    padding-right: 25px
}

@media only screen and (max-width: 1024px) {
    .menu-language-menu-container .menu .menu-item.pll-parent-menu-item>a {
        font-size: 1.125rem;
        padding-left: 14px
    }
}

.menu-language-menu-container .menu .menu-item.pll-parent-menu-item>a:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.692746 1.01214C1.049 0.700411 1.59051 0.736511 1.90224 1.09277L6.40002 6.23309L10.8978 1.09277C11.2095 0.736511 11.751 0.700411 12.1073 1.01214C12.4636 1.32386 12.4997 1.86537 12.1879 2.22163L7.04509 8.09917C6.88233 8.28518 6.64719 8.39188 6.40002 8.39188C6.15286 8.39188 5.91772 8.28518 5.75496 8.09917L0.612113 2.22163C0.300386 1.86537 0.336487 1.32386 0.692746 1.01214Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    transition: all .2s
}

@media only screen and (max-width: 1024px) {
    .menu-language-menu-container .menu .menu-item.pll-parent-menu-item>a:after {
        transform: translateY(-50%) rotate(-90deg)
    }
}

.menu-language-menu-container .menu .menu-item.pll-parent-menu-item .sub-menu {
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.menu-language-menu-container .menu .menu-item.pll-parent-menu-item:hover>a:after {
    transform: translateY(-50%) rotate(180deg)
}

.menu-language-menu-container .menu .menu-item.pll-parent-menu-item:hover .sub-menu {
    opacity: 1;
    visibility: visible
}

body.menu-open .m-menu {
    z-index: 100
}

body.menu-open .m-menu span {
    background-color: rgba(0, 0, 0, 0);
    transition-delay: .1s;
    box-shadow: none
}

body.menu-open .m-menu span:before,
body.menu-open .m-menu span:after {
    bottom: auto;
    top: auto;
    transition: all .1s ease-in 150ms, top .1s ease-in, bottom .1s ease-in
}

body.menu-open .m-menu span:before {
    top: 0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.menu-open .m-menu span:after {
    bottom: 0;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (max-width: 1024px) {
    body.menu-open .nav {
        right: 0
    }
}

body:not(.home):not(.product) .header {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(3, 3, 3, 0.6885) 51.04%, rgba(0, 0, 0, 0.3655) 100%)
}

body:not(.home):not(.product) .header:after {
    opacity: .8
}

.main-slider {
    position: relative;
    z-index: 2
}

.main-slider:after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 48px;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .main-slider:after {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .main-slider:after {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .main-slider:after {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .main-slider:after {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .main-slider:after {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .main-slider:after {
        transform: rotate(2.3deg);
        top: auto;
        bottom: 74px
    }
}

@media only screen and (max-width: 1100px) {
    .main-slider:after {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .main-slider:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 78px
    }
}

@media only screen and (max-width: 768px) {
    .main-slider:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 10px
    }
}

@media only screen and (max-width: 420px) {
    .main-slider:after {
        transform: rotate(3deg);
        top: auto;
        bottom: 10px
    }
}

.main-slider-item {
    max-width: 100%;
    overflow: hidden
}

@media only screen and (max-width: 1280px) {
    .main-slider-item {
        position: relative;
        height: 564px
    }
}

.main-slider-item img {
    display: block;
    max-width: 100%
}

@media only screen and (max-width: 1280px) {
    .main-slider-item img {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        height: 100%;
        width: auto;
        max-width: initial
    }
}

.main-slider .slick-dots {
    position: absolute;
    bottom: 94px;
    left: 50%;
    transform: translateX(-50%)
}

.main-slider .slick-dots li {
    display: inline-block;
    margin: 0 7px
}

.main-slider .slick-dots li button {
    border: none;
    font-size: 0;
    width: 40px;
    height: 2px;
    background-color: #fff;
    opacity: .6;
    outline: none;
    transition: all .3s
}

.main-slider .slick-dots li.slick-active button {
    opacity: 1;
    box-shadow: 0px 0px 12px 8px hsla(0, 0%, 100%, .6)
}

.main-slider .slick-arrow {
    position: absolute;
    z-index: 5;
    bottom: 80px;
    left: 50%;
    margin-left: 500px;
    width: 42px;
    height: 42px;
    background-color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .2s
}

@media only screen and (max-width: 1280px) {
    .main-slider .slick-arrow {
        left: 45%
    }
}

@media only screen and (max-width: 1024px) {
    .main-slider .slick-arrow {
        display: none
    }
}

.main-slider .slick-arrow:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5091 13.1286L16.8841 6.75361C16.9537 6.69179 16.9537 6.57588 16.8841 6.50633L10.5091 0.11588C10.4396 0.0463343 10.3314 0.0463343 10.2619 0.11588L9.44278 0.934971L14.4732 5.96543H0.718685C0.340049 5.96543 0.0155029 6.28997 0.0155029 6.68406C0.0155029 7.0627 0.340049 7.38724 0.718685 7.38724H14.3573L9.44278 12.3018L10.2619 13.1209C10.3314 13.1982 10.4319 13.1982 10.5091 13.1286Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='17' height='13.2136' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.main-slider .slick-arrow.slick-prev {
    margin-left: 457px
}

.main-slider .slick-arrow.slick-prev:before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.main-slider .slick-arrow:hover {
    background-color: #000
}

.main-slider .slick-arrow:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5091 13.1286L16.8841 6.75361C16.9537 6.69179 16.9537 6.57588 16.8841 6.50633L10.5091 0.11588C10.4396 0.0463343 10.3314 0.0463343 10.2619 0.11588L9.44278 0.934971L14.4732 5.96543H0.718685C0.340049 5.96543 0.0155029 6.28997 0.0155029 6.68406C0.0155029 7.0627 0.340049 7.38724 0.718685 7.38724H14.3573L9.44278 12.3018L10.2619 13.1209C10.3314 13.1982 10.4319 13.1982 10.5091 13.1286Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='17' height='13.2136' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.product-section {
    position: relative;
    z-index: 3;
    min-height: 726px;
    overflow: hidden;
    margin-top: -100px;
    background: url("../img/product-video-bg.jpg") no-repeat;
    background-size: cover
}

@media only screen and (max-width: 1280px) {
    .product-section {
        min-height: 606px
    }
}

@media only screen and (max-width: 1024px) {
    .product-section {
        min-height: 485px
    }
}

@media only screen and (max-width: 767px) {
    .product-section {
        background-image: url("../img/product-video-bg-m.jpg");
        min-height: auto;
        height: auto;
        padding-bottom: 624px;
        padding-top: 50px;
        margin-top: -24px
    }
}

@media only screen and (max-width: 480px) {
    .product-section {
        padding-bottom: 340px
    }
}

.product-section:before {
    position: absolute;
    left: 0;
    top: 49px;
    bottom: auto;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .product-section:before {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .product-section:before {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .product-section:before {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .product-section:before {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .product-section:before {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .product-section:before {
        transform: rotate(2.3deg);
        top: 20px;
        bottom: auto
    }
}

@media only screen and (max-width: 1100px) {
    .product-section:before {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .product-section:before {
        transform: rotate(2.5deg);
        top: 3px;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .product-section:before {
        transform: rotate(2.5deg);
        top: 10px;
        bottom: auto
    }
}

@media only screen and (max-width: 420px) {
    .product-section:before {
        transform: rotate(3deg);
        top: 10px;
        bottom: auto
    }
}

@media only screen and (max-width: 1280px) {
    .product-section .wrapper {
        padding: 0 24px
    }
}

.product-section .inner {
    position: relative;
    z-index: 2;
    max-width: 560px
}

@media only screen and (max-width: 1280px) {
    .product-section .inner {
        max-width: 466px
    }
}

@media only screen and (max-width: 1024px) {
    .product-section .inner {
        max-width: 354px
    }
}

@media only screen and (max-width: 767px) {
    .product-section .inner {
        margin: 0 auto
    }
}

.product-section .inner .h1 {
    margin-bottom: 58px
}

@media only screen and (max-width: 1280px) {
    .product-section .inner .h1 {
        margin-bottom: 42px
    }
}

@media only screen and (max-width: 767px) {
    .product-section .inner .h1 {
        margin-bottom: 34px
    }
}

.product-section .inner .copy1 {
    margin-bottom: 58px
}

@media only screen and (max-width: 1280px) {
    .product-section .inner .copy1 {
        font-size: 1.125em
    }
}

@media only screen and (max-width: 767px) {
    .product-section .inner .copy1 {
        margin-bottom: 34px
    }
}

.product-section .btn-wrapper {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .product-section .btn-wrapper {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .product-section .btn-wrapper .btn {
        margin: 0;
        width: 47%
    }
}

.product-section .product-vid {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 1920px;
    max-width: 1920px;
    height: auto
}

@media only screen and (max-width: 1700px) {
    .product-section .product-vid {
        right: -12%
    }
}

@media only screen and (max-width: 1440px) {
    .product-section .product-vid {
        right: -19%
    }
}

@media only screen and (max-width: 1280px) {
    .product-section .product-vid {
        width: 1600px;
        right: -16%
    }
}

@media only screen and (max-width: 1024px) {
    .product-section .product-vid {
        width: 1280px;
        right: -24%
    }
}

@media only screen and (max-width: 767px) {
    .product-section .product-vid {
        display: none
    }
}

.product-section .product-vid-m {
    display: none
}

@media only screen and (max-width: 767px) {
    .product-section .product-vid-m {
        position: absolute;
        z-index: 1;
        display: block;
        height: auto;
        bottom: -136px;
        left: 0;
        width: 100%
    }
}

@media only screen and (max-width: 480px) {
    .product-section .product-vid-m {
        bottom: -50px
    }
}

.fullvideo-section {
    position: relative;
    z-index: 3
}

.fullvideo-section:before {
    position: absolute;
    left: 0;
    top: -2px;
    bottom: auto;
    z-index: 11;
    transform: none !important;
    background-color: #fff;
    box-shadow: 0px 0px 12px 8px hsla(0, 0%, 100%, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .fullvideo-section:before {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .fullvideo-section:before {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .fullvideo-section:before {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .fullvideo-section:before {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .fullvideo-section:before {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .fullvideo-section:before {
        transform: rotate(2.3deg);
        top: -2px;
        bottom: auto
    }
}

@media only screen and (max-width: 1100px) {
    .fullvideo-section:before {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .fullvideo-section:before {
        transform: rotate(2.5deg);
        top: -2px;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .fullvideo-section:before {
        transform: rotate(2.5deg);
        top: -2px;
        bottom: auto
    }
}

@media only screen and (max-width: 420px) {
    .fullvideo-section:before {
        transform: rotate(3deg);
        top: -2px;
        bottom: auto
    }
}

.fullvideo-section video {
    width: 100%;
    height: auto
}

.fullvideo-section .plyr__control,
.fullvideo-section .plyr__progress__container,
.fullvideo-section .plyr__time,
.fullvideo-section .plyr__menu {
    opacity: 0;
    visibility: hidden
}

.social-section {
    position: relative;
    z-index: 3;
    background: url("../img/social_bg.jpg") center top no-repeat;
    background-size: 1920px 737px;
    height: auto;
    padding-bottom: 35%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%)
}

@media only screen and (max-width: 1800px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 84%)
    }
}

@media only screen and (max-width: 1700px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 83%)
    }
}

@media only screen and (max-width: 1600px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%)
    }
}

@media only screen and (max-width: 1500px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%)
    }
}

@media only screen and (max-width: 1400px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%)
    }
}

@media only screen and (max-width: 1280px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88.5%)
    }
}

@media only screen and (max-width: 1100px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 86%)
    }
}

@media only screen and (max-width: 1024px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%)
    }
}

@media only screen and (max-width: 767px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%);
        padding-bottom: 133%
    }
}

@media only screen and (max-width: 480px) {
    .social-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%)
    }
}

.social-section:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    z-index: 11;
    transform: none !important;
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .social-section:before {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .social-section:before {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .social-section:before {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .social-section:before {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .social-section:before {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .social-section:before {
        transform: rotate(2.3deg);
        top: 0;
        bottom: auto
    }
}

@media only screen and (max-width: 1100px) {
    .social-section:before {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .social-section:before {
        transform: rotate(2.5deg);
        top: 0;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .social-section:before {
        transform: rotate(2.5deg);
        top: 0;
        bottom: auto
    }
}

@media only screen and (max-width: 420px) {
    .social-section:before {
        transform: rotate(3deg);
        top: 0;
        bottom: auto
    }
}

.social-section:after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 49px;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .social-section:after {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .social-section:after {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .social-section:after {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .social-section:after {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .social-section:after {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .social-section:after {
        transform: rotate(2.3deg);
        top: auto;
        bottom: 25px
    }
}

@media only screen and (max-width: 1100px) {
    .social-section:after {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .social-section:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 17px
    }
}

@media only screen and (max-width: 768px) {
    .social-section:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 15px
    }
}

@media only screen and (max-width: 420px) {
    .social-section:after {
        transform: rotate(3deg);
        top: auto;
        bottom: 10px
    }
}

.social-section .flex {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 767px) {
    .social-section .flex {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.social-section .flex .box {
    position: relative
}

.social-section .social-logo {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .37);
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.social-section .social-logo:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 388px;
    height: 388px;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

@media only screen and (max-width: 1600px) {
    .social-section .social-logo:before {
        width: 300px;
        height: 300px
    }
}

@media only screen and (max-width: 1440px) {
    .social-section .social-logo:before {
        width: 250px;
        height: 250px
    }
}

@media only screen and (max-width: 1280px) {
    .social-section .social-logo:before {
        width: 200px;
        height: 200px
    }
}

@media only screen and (max-width: 1024px) {
    .social-section .social-logo:before {
        width: 150px;
        height: 150px
    }
}

.social-section .social-logo-fb:before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.125 6.1875V3.9375C10.125 3.3165 10.629 2.8125 11.25 2.8125H12.375V0H10.125C8.26088 0 6.75 1.51088 6.75 3.375V6.1875H4.5V9H6.75V18H10.125V9H12.375L13.5 6.1875H10.125Z' fill='white'/%3E%3C/svg%3E%0A")
}

.social-section .social-logo-ig:before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.9823 5.29205C17.9402 4.33564 17.7855 3.67812 17.564 3.10836C17.3354 2.50359 16.9838 1.96213 16.5231 1.51201C16.073 1.05489 15.5279 0.699691 14.9302 0.474702C14.3571 0.253147 13.703 0.0984842 12.7466 0.0563159C11.7831 0.0105764 11.4772 0 9.03334 0C6.5895 0 6.28361 0.0105764 5.32363 0.0527447C4.36722 0.094913 3.7097 0.249713 3.14009 0.471131C2.53517 0.699691 1.99371 1.05132 1.5436 1.51201C1.08648 1.96213 0.731414 2.50716 0.506287 3.10493C0.284733 3.67812 0.13007 4.33207 0.0879016 5.28848C0.0421621 6.25203 0.0315857 6.55792 0.0315857 9.00176C0.0315857 11.4456 0.0421621 11.7515 0.0843303 12.7115C0.126499 13.6679 0.281299 14.3254 0.502854 14.8952C0.731414 15.4999 1.08648 16.0414 1.5436 16.4915C1.99371 16.9486 2.53874 17.3038 3.13651 17.5288C3.7097 17.7504 4.36365 17.905 5.3202 17.9472C6.28004 17.9895 6.58607 17.9999 9.0299 17.9999C11.4737 17.9999 11.7796 17.9895 12.7396 17.9472C13.696 17.905 14.3535 17.7504 14.9232 17.5288C16.1328 17.0611 17.0893 16.1047 17.557 14.8952C17.7784 14.322 17.9332 13.6679 17.9753 12.7115C18.0175 11.7515 18.0281 11.4456 18.0281 9.00176C18.0281 6.55792 18.0245 6.25203 17.9823 5.29205ZM16.3614 12.6411C16.3227 13.5202 16.175 13.9949 16.0519 14.3114C15.7495 15.0956 15.1271 15.7179 14.343 16.0204C14.0265 16.1434 13.5484 16.2911 12.6727 16.3297C11.7233 16.372 11.4386 16.3824 9.03691 16.3824C6.63524 16.3824 6.34693 16.372 5.40096 16.3297C4.52189 16.2911 4.04718 16.1434 3.73072 16.0204C3.34049 15.8761 2.98529 15.6476 2.69698 15.3487C2.39809 15.0568 2.16953 14.7052 2.02531 14.315C1.90223 13.9985 1.75458 13.5202 1.71598 12.6447C1.67367 11.6953 1.66324 11.4104 1.66324 9.00876C1.66324 6.6071 1.67367 6.31879 1.71598 5.37295C1.75458 4.49387 1.90223 4.01917 2.02531 3.7027C2.16953 3.31234 2.39809 2.95727 2.70055 2.66883C2.99229 2.36994 3.34392 2.14138 3.73429 1.99729C4.05075 1.87422 4.52903 1.72656 5.40453 1.68783C6.35394 1.64566 6.63881 1.63509 9.04034 1.63509C11.4456 1.63509 11.7303 1.64566 12.6763 1.68783C13.5554 1.72656 14.0301 1.87422 14.3465 1.99729C14.7368 2.14138 15.092 2.36994 15.3803 2.66883C15.6792 2.96071 15.9077 3.31234 16.0519 3.7027C16.175 4.01917 16.3227 4.49731 16.3614 5.37295C16.4036 6.32236 16.4142 6.6071 16.4142 9.00876C16.4142 11.4104 16.4036 11.6917 16.3614 12.6411Z' fill='white'/%3E%3Cpath d='M9.0334 4.37781C6.48064 4.37781 4.40945 6.44886 4.40945 9.00176C4.40945 11.5547 6.48064 13.6257 9.0334 13.6257C11.5863 13.6257 13.6574 11.5547 13.6574 9.00176C13.6574 6.44886 11.5863 4.37781 9.0334 4.37781ZM9.0334 12.0012C7.3773 12.0012 6.03396 10.658 6.03396 9.00176C6.03396 7.34552 7.3773 6.00232 9.0334 6.00232C10.6896 6.00232 12.0328 7.34552 12.0328 9.00176C12.0328 10.658 10.6896 12.0012 9.0334 12.0012V12.0012Z' fill='white'/%3E%3Cpath d='M14.9198 4.19496C14.9198 4.79109 14.4364 5.27444 13.8401 5.27444C13.244 5.27444 12.7607 4.79109 12.7607 4.19496C12.7607 3.5987 13.244 3.11548 13.8401 3.11548C14.4364 3.11548 14.9198 3.5987 14.9198 4.19496V4.19496Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.social-section .social-logo-yt:before {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.114 21.2633C37.68 19.3777 36.1376 17.9867 34.2811 17.7797C29.886 17.2887 25.4353 17.2864 21.0063 17.2887C16.5755 17.2864 12.1257 17.2887 7.72919 17.7797C5.87368 17.9872 4.33221 19.3781 3.89867 21.2633C3.28079 23.9484 3.27338 26.8794 3.27338 29.6441C3.27338 32.4088 3.27338 35.3394 3.89126 38.0245C4.3248 39.9096 5.86627 41.3006 7.72271 41.5081C12.1183 41.9995 16.5681 42.0014 20.9984 41.9995C25.4292 42.0018 29.8781 41.9995 34.2751 41.5081C36.1306 41.3006 37.673 39.9096 38.1066 38.0245C38.724 35.3394 38.7272 32.4088 38.7272 29.6441C38.7268 26.8789 38.7314 23.9484 38.114 21.2633ZM13.386 23.3444H10.82V36.9795H8.43647V23.3444H5.91722V21.1109H13.386V23.3444ZM19.8599 36.98H17.7159V35.69C16.8641 36.6664 16.0554 37.1426 15.2675 37.1426C14.5769 37.1426 14.1017 36.8628 13.8872 36.2639C13.7705 35.9063 13.6982 35.3403 13.6982 34.5057V25.1559H15.8404V33.8614C15.8404 34.3635 15.8404 34.6242 15.8599 34.6947C15.9113 35.0272 16.0739 35.1958 16.3611 35.1958C16.7909 35.1958 17.2402 34.8646 17.7154 34.1926V25.1559H19.8595L19.8599 36.98ZM27.9994 33.4311C27.9994 34.5247 27.9258 35.3125 27.7827 35.8137C27.4964 36.6933 26.9235 37.1426 26.0712 37.1426C25.3088 37.1426 24.5733 36.7192 23.8567 35.8345V36.9805H21.7145V21.1109H23.8567V26.2934C24.5487 25.4417 25.2833 25.0109 26.0712 25.0109C26.9235 25.0109 27.4969 25.4597 27.7827 26.3449C27.9267 26.8205 27.9994 27.6024 27.9994 28.7219V33.4311ZM36.0852 31.4584H31.8003V33.5543C31.8003 34.6488 32.1584 35.1954 32.8948 35.1954C33.4224 35.1954 33.7295 34.9086 33.8518 34.3361C33.8717 34.2199 33.8999 33.7437 33.8999 32.8845H36.0857V33.1972C36.0857 33.8878 36.0593 34.3635 36.0398 34.5775C35.968 35.0518 35.7994 35.4821 35.5396 35.8609C34.9463 36.7197 34.0671 37.143 32.9481 37.143C31.8272 37.143 30.974 36.7396 30.3547 35.9323C29.9004 35.3403 29.6669 34.4084 29.6669 33.1518V29.0105C29.6669 27.7465 29.8739 26.8219 30.3293 26.2244C30.9481 25.4153 31.8008 25.0123 32.8953 25.0123C33.9703 25.0123 34.8226 25.4153 35.4229 26.2244C35.8717 26.8219 36.0861 27.7465 36.0861 29.0105V31.4584H36.0852Z' fill='white'/%3E%3Cpath d='M32.8758 26.9401C32.1597 26.9401 31.8007 27.4871 31.8007 28.5802V29.6742H33.9429V28.5802C33.9425 27.4871 33.5844 26.9401 32.8758 26.9401Z' fill='white'/%3E%3Cpath d='M24.9249 26.9401C24.5719 26.9401 24.2143 27.1068 23.8563 27.4611V34.6678C24.2139 35.0263 24.5719 35.1958 24.9249 35.1958C25.5427 35.1958 25.8568 34.6678 25.8568 33.6002V28.5533C25.8568 27.4871 25.5427 26.9401 24.9249 26.9401Z' fill='white'/%3E%3Cpath d='M26.1217 16.1989C26.9114 16.1989 27.7331 15.7191 28.595 14.7316V16.035H30.7604V4.08533H28.595V13.2184C28.1152 13.8965 27.6603 14.2318 27.2273 14.2318C26.9373 14.2318 26.7669 14.0604 26.7196 13.7246C26.6932 13.6538 26.6932 13.3902 26.6932 12.883V4.08533H24.5348V13.5342C24.5348 14.3782 24.607 14.9493 24.7265 15.311C24.9442 15.9164 25.4246 16.1989 26.1217 16.1989Z' fill='white'/%3E%3Cpath d='M11.0474 9.54063V16.0349H13.4485V9.54063L16.3369 0H13.9089L12.2707 6.29697L10.5662 0H8.03949C8.54575 1.48635 9.07239 2.98012 9.57865 4.46786C10.3489 6.7041 10.8297 8.39009 11.0474 9.54063Z' fill='white'/%3E%3Cpath d='M19.5551 16.1989C20.6399 16.1989 21.4829 15.7909 22.0809 14.9757C22.5352 14.3777 22.7529 13.4356 22.7529 12.1655V7.98114C22.7529 6.70368 22.5357 5.7699 22.0809 5.16638C21.4829 4.34886 20.6404 3.9408 19.5551 3.9408C18.4759 3.9408 17.6334 4.34886 17.034 5.16638C16.5741 5.7699 16.3564 6.70368 16.3564 7.98114V12.1655C16.3564 13.4356 16.5741 14.3777 17.034 14.9757C17.6329 15.7909 18.4759 16.1989 19.5551 16.1989ZM18.5218 7.54714C18.5218 6.44152 18.8571 5.89033 19.5551 5.89033C20.2531 5.89033 20.5876 6.44106 20.5876 7.54714V12.5736C20.5876 13.6792 20.2531 14.2322 19.5551 14.2322C18.8571 14.2322 18.5218 13.6792 18.5218 12.5736V7.54714Z' fill='white'/%3E%3C/svg%3E%0A")
}

.social-section .img-box .img-item {
    position: relative;
    width: 33.33333%;
    height: auto;
    padding-bottom: 33%
}

.social-section .img-box .img-item img {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

.social-section .active-box.current-active-fb .social-logo-fb {
    opacity: 1;
    visibility: visible
}

.social-section .active-box.current-active-fb .img-item img:first-child {
    z-index: 3
}

.social-section .active-box.current-active-ig .social-logo-ig {
    opacity: 1;
    visibility: visible
}

.social-section .active-box.current-active-ig .img-item img:nth-child(2) {
    z-index: 3
}

.social-section .active-box.current-active-yt .social-logo-yt {
    opacity: 1;
    visibility: visible
}

.social-section .active-box.current-active-yt .img-item img:last-child {
    z-index: 3
}

.social-section .social-text {
    position: absolute;
    z-index: 2;
    left: 160px;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (max-width: 1280px) {
    .social-section .social-text {
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media only screen and (max-width: 767px) {
    .social-section .social-text {
        top: 59%
    }
}

.social-section .social-text li {
    margin-bottom: 28px
}

@media only screen and (max-width: 767px) {
    .social-section .social-text li {
        margin-bottom: 16px
    }
}

.social-section .social-text li span {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer
}

.social-section .social-text-fb span {
    width: 338px;
    height: 66px;
    background-image: url("../img/fb-text-over.svg")
}

@media only screen and (max-width: 1024px) {
    .social-section .social-text-fb span {
        width: 169px;
        height: 33px
    }
}

.social-section .social-text-fb span:hover {
    background-image: url("../img/fb-text-base.svg")
}

.social-section .social-text-ig span {
    width: 349px;
    height: 62px;
    background-image: url("../img/ig-text-base.svg")
}

@media only screen and (max-width: 1024px) {
    .social-section .social-text-ig span {
        width: 175px;
        height: 31px
    }
}

.social-section .social-text-ig span:hover {
    background-image: url("../img/ig-text-over.svg")
}

.social-section .social-text-yt span {
    width: 277px;
    height: 62px;
    background-image: url("../img/yt-text-over.svg")
}

@media only screen and (max-width: 1024px) {
    .social-section .social-text-yt span {
        width: 138px;
        height: 31px
    }
}

.social-section .social-text-yt span:hover {
    background-image: url("../img/yt-text-base.svg")
}

.social-section .social-design {
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='38.999' viewBox='0 0 41 38.999'%3E%3Cg id='Shape_1_copy_16' data-name='Shape 1 copy 16' transform='translate(-143 -143.001)'%3E%3Cg id='Shape_1_copy_16-2' data-name='Shape 1 copy 16' fill='none'%3E%3Cpath d='M171.054,143,184,156.427,143,182Z' stroke='none'/%3E%3Cpath d='M 171.3899536132812 147.6716156005859 L 154.3162841796875 171.4060974121094 L 179.2685394287109 155.8425903320312 L 171.3899536132812 147.6716156005859 M 171.0540618896484 143.0012054443359 L 183.9997253417969 156.4272918701172 L 142.9995727539062 182.0003814697266 L 171.0540618896484 143.0012054443359 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.social-section .social-design-1 {
    left: 50%;
    top: 50%;
    margin-left: -290px;
    margin-top: -195px;
    width: 580px;
    height: 390px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='580.535' height='389.898' viewBox='0 0 580.535 389.898'%3E%3Cg id='Shape_1' data-name='Shape 1' transform='translate(-143.721 -158.983)' fill='none'%3E%3Cpath d='M327.023,158.983l-183.3,134.231L724.256,548.88Z' stroke='none'/%3E%3Cpath d='M 326.5507202148438 165.5254516601562 L 153.6646118164062 292.12939453125 L 701.212158203125 533.268798828125 L 326.5507202148438 165.5254516601562 M 327.0227661132812 158.9826049804688 L 724.2555541992188 548.880615234375 L 143.7211303710938 293.2137756347656 L 327.0227661132812 158.9826049804688 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    animation: smoothRotate 1.7s infinite alternate ease-in-out
}

@media only screen and (max-width: 1280px) {
    .social-section .social-design-1 {
        width: 290px;
        height: 195px
    }
}

.social-section .social-design-2 {
    top: 85px;
    right: 333px;
    width: 22px;
    height: 18px;
    transform: rotate(180deg);
    animation: upAndDown 1.5s infinite alternate ease-in-out;
    animation-delay: .3s
}

@media only screen and (max-width: 1280px) {
    .social-section .social-design-2 {
        width: 11px;
        height: 9px;
        right: 150px
    }
}

.social-section .social-design-3 {
    top: 60%;
    left: 60px;
    width: 41px;
    height: 39px;
    animation: upAndDown 1s infinite alternate ease-in-out
}

@media only screen and (max-width: 1280px) {
    .social-section .social-design-3 {
        width: 20px;
        height: 19px
    }
}

.social-section .social-design-4 {
    bottom: 50px;
    right: 290px;
    width: 41px;
    height: 39px;
    transform: rotate(-90deg);
    animation: upAndDown2 1.3s infinite alternate ease-in-out;
    animation-delay: .1s
}

@media only screen and (max-width: 1280px) {
    .social-section .social-design-4 {
        right: 100px;
        width: 20px;
        height: 19px
    }
}

.recycle-section {
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-top: -100px;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 83%)
}

@media only screen and (max-width: 1800px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 83%)
    }
}

@media only screen and (max-width: 1700px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 83%)
    }
}

@media only screen and (max-width: 1600px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 82%)
    }
}

@media only screen and (max-width: 1500px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 83%)
    }
}

@media only screen and (max-width: 1400px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 83%)
    }
}

@media only screen and (max-width: 1280px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 91%)
    }
}

@media only screen and (max-width: 1100px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%)
    }
}

@media only screen and (max-width: 1024px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 91.5%)
    }
}

@media only screen and (max-width: 767px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%)
    }
}

@media only screen and (max-width: 480px) {
    .recycle-section {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%)
    }
}

@media only screen and (max-width: 1024px) {
    .recycle-section {
        margin-top: -45px
    }
}

@media only screen and (max-width: 767px) {
    .recycle-section {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 480px) {
    .recycle-section {
        margin-top: 24px
    }
}

.recycle-section .redneon {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 47px;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .recycle-section .redneon {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .recycle-section .redneon {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .recycle-section .redneon {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .recycle-section .redneon {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .recycle-section .redneon {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .recycle-section .redneon {
        transform: rotate(2.3deg);
        top: auto;
        bottom: 25px
    }
}

@media only screen and (max-width: 1100px) {
    .recycle-section .redneon {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .recycle-section .redneon {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 17px
    }
}

@media only screen and (max-width: 768px) {
    .recycle-section .redneon {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 9px
    }
}

@media only screen and (max-width: 420px) {
    .recycle-section .redneon {
        transform: rotate(3deg);
        top: auto;
        bottom: 10px
    }
}

.recycle-section:before,
.recycle-section:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.recycle-section:before {
    margin-left: -966px;
    width: 732px;
    height: 730px;
    background-image: url("../img/glitch-left.png")
}

.recycle-section:after {
    margin-left: 430px;
    width: 537px;
    height: 730px;
    background-image: url("../img/glitch-right.png")
}

.recycle-section .flex {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 767px) {
    .recycle-section .flex {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.recycle-section .text-box {
    max-width: 390px
}

@media only screen and (max-width: 767px) {
    .recycle-section .text-box {
        margin: 0 36px;
        width: 100%;
        max-width: 100%
    }
}

.recycle-section .text-box .h4 {
    display: inline-block;
    background-color: #f71e13;
    color: #fff;
    padding: 4px 6px;
    margin-bottom: 12px
}

.recycle-section .text-box .copy2 {
    margin-bottom: 24px
}

.recycle-section video {
    width: 100%;
    max-width: 100%
}

.recycle-section video.safari-only {
    display: none
}

.recycle-section .btn-outline-red {
    display: none;
    visibility: hidden
}

body.safari .recycle-section video {
    display: none
}

body.safari .recycle-section video.safari-only {
    display: block
}

.news-section {
    position: relative;
    z-index: 1;
    background: url("../img/news-bg.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 88px 0 48px;
    margin-top: -98px
}

@media only screen and (max-width: 767px) {
    .news-section {
        padding: 100px 0 36px
    }
}

.news-section:before {
    position: absolute;
    left: 0;
    top: 49px;
    bottom: auto;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .news-section:before {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .news-section:before {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .news-section:before {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .news-section:before {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .news-section:before {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .news-section:before {
        transform: rotate(2.3deg);
        top: 69px;
        bottom: auto
    }
}

@media only screen and (max-width: 1100px) {
    .news-section:before {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .news-section:before {
        transform: rotate(2.5deg);
        top: 78px;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .news-section:before {
        transform: rotate(2.5deg);
        top: 86px;
        bottom: auto
    }
}

@media only screen and (max-width: 420px) {
    .news-section:before {
        transform: rotate(3deg);
        top: 86px;
        bottom: auto
    }
}

.news-section .h1 {
    margin-bottom: -24px
}

@media only screen and (max-width: 1280px) {
    .news-section .h1 {
        padding-left: 48px
    }
}

.news-slider {
    padding-bottom: 90px
}

@media only screen and (max-width: 767px) {
    .news-slider {
        padding-bottom: 0
    }
}

.news-slider-img {
    position: relative;
    display: inline-block;
    margin-bottom: 26px;
    overflow: visible;
    transition: all .3s ease-out
}

.news-slider-img:before {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 8px 4px hsla(0, 0%, 100%, .7), inset 0px 0px 8px 4px hsla(0, 0%, 100%, .7);
    content: "";
    transform: rotate(-10deg);
    transition: all .3s ease-out
}

.news-slider-img img {
    display: block;
    max-width: 268px;
    height: auto
}

@media only screen and (max-width: 480px) {
    .news-slider-img img {
        max-width: 194px;
        height: auto;
        margin: 0 auto
    }
}

.news-slider-item {
    outline: none;
    margin: 0;
    height: 658px;
    padding: 88px 40px;
    position: relative;
    left: 327px
}

@media only screen and (max-width: 1700px) {
    .news-slider-item {
        margin: 0 8px;
        left: 200px
    }
}

@media only screen and (max-width: 1600px) {
    .news-slider-item {
        margin: 0;
        left: 134px
    }
}

@media only screen and (max-width: 1440px) {
    .news-slider-item {
        margin: 0 10px;
        left: 55px
    }
}

@media only screen and (max-width: 1280px) {
    .news-slider-item {
        margin: 0 12px;
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    .news-slider-item {
        margin: 0 20px;
        left: 0
    }
}

@media only screen and (max-width: 480px) {
    .news-slider-item {
        margin: 0;
        left: -48px;
        height: 560px;
        padding-top: 56px
    }
}

.news-slider-item:hover .news-slider-img {
    margin-top: -60px
}

@media only screen and (max-width: 480px) {
    .news-slider-item:hover .news-slider-img {
        margin-top: 0
    }
}

.news-slider-item:hover .news-slider-img:before {
    border-color: #ff2b2b;
    box-shadow: 0px 0px 8px 4px rgba(255, 149, 144, .7), inset 0px 0px 8px 4px rgba(255, 149, 144, .7);
    transform: rotate(10deg)
}

@media only screen and (max-width: 480px) {
    .news-slider-item:hover .news-slider-img:before {
        border: 4px solid #fff;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 8px 4px hsla(0, 0%, 100%, .7), inset 0px 0px 8px 4px hsla(0, 0%, 100%, .7);
        transform: rotate(-10deg)
    }
}

.news-slider-item-phantom {
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width: 767px) {
    .news-slider-item-phantom {
        display: none !important
    }
}

.news-slider .h3 a {
    color: #000
}

.news-slider .slick-arrow {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 50%;
    margin-left: 500px;
    width: 42px;
    height: 42px;
    background-color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .2s
}

@media only screen and (max-width: 1024px) {
    .news-slider .slick-arrow {
        left: auto;
        right: 48px;
        margin-left: initial
    }
}

@media only screen and (max-width: 767px) {
    .news-slider .slick-arrow {
        display: none
    }
}

.news-slider .slick-arrow:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5091 13.1286L16.8841 6.75361C16.9537 6.69179 16.9537 6.57588 16.8841 6.50633L10.5091 0.11588C10.4396 0.0463343 10.3314 0.0463343 10.2619 0.11588L9.44278 0.934971L14.4732 5.96543H0.718685C0.340049 5.96543 0.0155029 6.28997 0.0155029 6.68406C0.0155029 7.0627 0.340049 7.38724 0.718685 7.38724H14.3573L9.44278 12.3018L10.2619 13.1209C10.3314 13.1982 10.4319 13.1982 10.5091 13.1286Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='17' height='13.2136' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.news-slider .slick-arrow.slick-prev {
    margin-left: 457px
}

@media only screen and (max-width: 1024px) {
    .news-slider .slick-arrow.slick-prev {
        margin-left: initial;
        right: 90px
    }
}

.news-slider .slick-arrow.slick-prev:before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.news-slider .slick-arrow:hover {
    background-color: #000
}

.news-slider .slick-arrow:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5091 13.1286L16.8841 6.75361C16.9537 6.69179 16.9537 6.57588 16.8841 6.50633L10.5091 0.11588C10.4396 0.0463343 10.3314 0.0463343 10.2619 0.11588L9.44278 0.934971L14.4732 5.96543H0.718685C0.340049 5.96543 0.0155029 6.28997 0.0155029 6.68406C0.0155029 7.0627 0.340049 7.38724 0.718685 7.38724H14.3573L9.44278 12.3018L10.2619 13.1209C10.3314 13.1982 10.4319 13.1982 10.5091 13.1286Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='17' height='13.2136' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.section-seed {
    position: absolute;
    z-index: 200000;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
    background-color: #e8d043;
    text-align: center
}

@media only screen and (max-width: 1024px) {
    .section-seed {
        height: auto
    }
}

.section-seed .seed-content {
    color: #1d2327;
    font-size: .875rem;
    font-weight: 500
}

@media only screen and (max-width: 1024px) {
    .section-seed .seed-content {
        font-size: .75rem
    }
}

.section-seed .seed-content p {
    display: inline;
    position: relative;
    padding-left: 26px
}

@media only screen and (max-width: 1024px) {
    .section-seed .seed-content p {
        display: block;
        padding: 10px 32px
    }
}

.section-seed .seed-content p:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg class='svg-icon' style='width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M128.085333 877.226667a128 128 0 0 1-42.496-175.957334L402.773333 182.186667a128 128 0 0 1 218.453334 0l317.184 519.04A128 128 0 0 1 829.184 896H194.816a128 128 0 0 1-66.730667-18.773333zM829.184 810.666667a42.666667 42.666667 0 0 0 36.394667-64.896L548.394667 226.730667a42.666667 42.666667 0 0 0-72.789334 0L158.421333 745.770667A42.666667 42.666667 0 0 0 194.816 810.666667h634.368zM469.333333 384h85.333334v256h-85.333334V384z m0 298.666667h85.333334v85.333333h-85.333334v-85.333333z' fill='%23525A65' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

@media only screen and (max-width: 1024px) {
    .section-seed .seed-content p:before {
        left: 10px
    }
}

.section-seed .seed-content a {
    color: #1d2327
}

.section-seed.seed-red {
    background-color: #ed1c24
}

.section-seed.seed-red a {
    color: #fff
}

.section-seed.seed-red .seed-content {
    color: #fff
}

.section-seed.seed-red .seed-content p:before {
    background-image: url("data:image/svg+xml,%3Csvg class='svg-icon' style='width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M128.085333 877.226667a128 128 0 0 1-42.496-175.957334L402.773333 182.186667a128 128 0 0 1 218.453334 0l317.184 519.04A128 128 0 0 1 829.184 896H194.816a128 128 0 0 1-66.730667-18.773333zM829.184 810.666667a42.666667 42.666667 0 0 0 36.394667-64.896L548.394667 226.730667a42.666667 42.666667 0 0 0-72.789334 0L158.421333 745.770667A42.666667 42.666667 0 0 0 194.816 810.666667h634.368zM469.333333 384h85.333334v256h-85.333334V384z m0 298.666667h85.333334v85.333333h-85.333334v-85.333333z' fill='white' /%3E%3C/svg%3E")
}

.product-selector {
    padding-top: 114px;
    background: url("../img/product-page-bg.jpg") no-repeat;
    background-size: 1920px 722px
}

@media only screen and (max-width: 1280px) {
    .product-selector .wrapper {
        padding-left: 24px
    }
}

.product-slider {
    padding-bottom: 90px
}

@media only screen and (max-width: 767px) {
    .product-slider {
        padding-bottom: 66px
    }
}

.product-slider-img {
    display: block;
    width: 188px;
    height: 360px;
    position: relative;
    display: inline-block;
    margin-bottom: 26px;
    overflow: visible;
    transition: all .3s ease-out;
    outline: none
}

@media only screen and (max-width: 767px) {
    .product-slider-img {
        width: 146px;
        height: 280px
    }
}

.product-slider-img:before {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 160px;
    height: 230px;
    border: 4px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 8px 4px hsla(0, 0%, 100%, .7), inset 0px 0px 8px 4px hsla(0, 0%, 100%, .7);
    content: "";
    transform: translate(-50%, -50%) rotate(-10deg);
    transition: all .3s ease-out
}

.product-slider-img img {
    position: relative;
    z-index: 3;
    display: block;
    width: 188px;
    height: 360px;
    transform: rotate(5deg);
    transition: all .3s ease-out
}

@media only screen and (max-width: 767px) {
    .product-slider-img img {
        width: 146px;
        height: 280px
    }
}

@media only screen and (max-width: 480px) {
    .product-slider-img img {
        max-width: 240px;
        margin: 0 auto
    }
}

.product-slider-item {
    outline: none;
    margin: 0;
    width: 188px;
    height: 370px;
    padding-top: 15px;
    position: relative;
    left: 327px
}

@media only screen and (max-width: 1700px) {
    .product-slider-item {
        margin: 0 8px;
        left: 200px
    }
}

@media only screen and (max-width: 1600px) {
    .product-slider-item {
        margin: 0;
        left: 134px
    }
}

@media only screen and (max-width: 1440px) {
    .product-slider-item {
        margin: 0 10px;
        left: 55px
    }
}

@media only screen and (max-width: 1280px) {
    .product-slider-item {
        margin: 0 12px;
        left: 0
    }
}

@media only screen and (max-width: 767px) {
    .product-slider-item {
        margin: 0 20px;
        left: 0;
        width: 146px;
        height: 286px
    }
}

@media only screen and (max-width: 480px) {
    .product-slider-item {
        margin: 0;
        left: 0
    }
}

.product-slider-item.prebiotic .product-slider-img:after {
    position: absolute;
    z-index: 11;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    background-image: url("../img/prebiotic-logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    transition: all .3s ease-out;
    transform: scale(0.8)
}

.product-slider-item:hover .product-slider-img {
    transform: scale(1.1) translateY(-15px)
}

.product-slider-item:hover .product-slider-img:before {
    border-color: #ff2b2b;
    box-shadow: 0px 0px 8px 4px rgba(255, 149, 144, .7), inset 0px 0px 8px 4px rgba(255, 149, 144, .7);
    transform: translate(-50%, -50%) rotate(10deg)
}

@media only screen and (max-width: 480px) {
    .product-slider-item:hover .product-slider-img:before {
        border: 4px solid #fff;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 8px 4px hsla(0, 0%, 100%, .7), inset 0px 0px 8px 4px hsla(0, 0%, 100%, .7);
        transform: translate(-50%, -50%) rotate(-10deg)
    }
}

.product-slider-item:hover .product-slider-img:after {
    top: 82px;
    left: -31px;
    transform: scale(1.1)
}

.product-slider-item:hover .product-slider-img img {
    transform: rotate(-5deg)
}

.product-slider-item:nth-child(even) .product-slider-img:before {
    transform: translate(-50%, -50%) rotate(10deg)
}

.product-slider-item:nth-child(even) .product-slider-img img {
    transform: rotate(-5deg)
}

.product-slider-item:nth-child(even):hover .product-slider-img:before {
    transform: translate(-50%, -50%) rotate(-10deg)
}

.product-slider-item:nth-child(even):hover .product-slider-img img {
    transform: rotate(5deg)
}

.product-slider-item.product-phantom {
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width: 767px) {
    .product-slider-item.product-phantom {
        display: none !important
    }
}

.product-slider .h3 a {
    color: #000
}

.product-slider .slick-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%)
}

@media only screen and (max-width: 1024px) {
    .product-slider .slick-dots {
        display: none !important
    }
}

.product-slider .slick-dots li {
    display: inline-block;
    margin: 0 7px
}

.product-slider .slick-dots li button {
    border: none;
    font-size: 0;
    width: 40px;
    height: 2px;
    background-color: #c8c5c1;
    opacity: .6;
    outline: none;
    transition: all .3s
}

.product-slider .slick-dots li.slick-active button {
    opacity: 1;
    background-color: red;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7)
}

.product-slider .slick-arrow {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 50%;
    margin-left: 500px;
    width: 42px;
    height: 42px;
    background-color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all .2s
}

@media only screen and (max-width: 1024px) {
    .product-slider .slick-arrow {
        left: auto;
        right: 48px;
        margin-left: initial
    }
}

@media only screen and (max-width: 767px) {
    .product-slider .slick-arrow {
        display: none
    }
}

.product-slider .slick-arrow:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 17px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5091 13.1286L16.8841 6.75361C16.9537 6.69179 16.9537 6.57588 16.8841 6.50633L10.5091 0.11588C10.4396 0.0463343 10.3314 0.0463343 10.2619 0.11588L9.44278 0.934971L14.4732 5.96543H0.718685C0.340049 5.96543 0.0155029 6.28997 0.0155029 6.68406C0.0155029 7.0627 0.340049 7.38724 0.718685 7.38724H14.3573L9.44278 12.3018L10.2619 13.1209C10.3314 13.1982 10.4319 13.1982 10.5091 13.1286Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='17' height='13.2136' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.product-slider .slick-arrow.slick-prev {
    margin-left: 457px
}

@media only screen and (max-width: 1024px) {
    .product-slider .slick-arrow.slick-prev {
        margin-left: initial;
        right: 90px
    }
}

.product-slider .slick-arrow.slick-prev:before {
    transform: translate(-50%, -50%) rotate(180deg)
}

.product-slider .slick-arrow:hover {
    background-color: #000
}

.product-slider .slick-arrow:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5091 13.1286L16.8841 6.75361C16.9537 6.69179 16.9537 6.57588 16.8841 6.50633L10.5091 0.11588C10.4396 0.0463343 10.3314 0.0463343 10.2619 0.11588L9.44278 0.934971L14.4732 5.96543H0.718685C0.340049 5.96543 0.0155029 6.28997 0.0155029 6.68406C0.0155029 7.0627 0.340049 7.38724 0.718685 7.38724H14.3573L9.44278 12.3018L10.2619 13.1209C10.3314 13.1982 10.4319 13.1982 10.5091 13.1286Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='17' height='13.2136' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.product-slider .slick-arrow.slick-disabled {
    opacity: 0
}

.product-main {
    display: none;
    position: relative;
    padding: 44px 0;
    background: #787878;
    background: -moz-linear-gradient(left, #787878 0%, #f8f8f8 57%, #949495 100%);
    background: -webkit-linear-gradient(left, #787878 0%, #f8f8f8 57%, #949495 100%);
    background: linear-gradient(to right, #787878 0%, #f8f8f8 57%, #949495 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#949495', GradientType=1);
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat
}

@media only screen and (max-width: 1024px) {
    .product-main {
        padding-top: 0
    }
}

.product-main:before,
.product-main:after {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    width: 960px;
    height: 100%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    content: "";
    background-image: url("../img/product-bg-left.png")
}

.product-main:after {
    right: 0;
    left: auto;
    background-image: url("../img/product-bg-right.png");
    background-position: right center
}

.product-main .wrapper {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 1280px) {
    .product-main .wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (max-width: 1024px) {
    .product-main .wrapper {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.product-main .wrapper .box:last-child {
    position: relative
}

.product-main h2 {
    font-size: 3.75rem;
    line-height: 1em;
    font-weight: 500;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    margin-bottom: 48px;
    margin-top: 20px
}

@media only screen and (max-width: 1280px) {
    .product-main h2 {
        font-size: 3.438rem
    }
}

@media only screen and (max-width: 767px) {
    .product-main h2 {
        font-size: 2.625rem;
        margin-bottom: 24px
    }
}

.product-main p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.4em;
    color: #170d24;
    padding-bottom: 20px
}

@media only screen and (max-width: 1024px) {
    .product-main p {
        font-size: 1rem
    }
}

@media only screen and (max-width: 767px) {
    .product-main p {
        font-size: .875rem
    }
}

.product-main .btn {
    margin-top: 12px
}

.product-main ul {
    margin-bottom: 42px
}

.product-main ul li {
    position: relative;
    padding-left: 19px;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.3em;
    color: #170d24;
    margin-bottom: 2px
}

@media only screen and (max-width: 1024px) {
    .product-main ul li {
        font-size: 1rem
    }
}

@media only screen and (max-width: 767px) {
    .product-main ul li {
        font-size: .875rem
    }
}

.product-main ul li:before {
    position: absolute;
    left: 0;
    top: 15px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #170d24;
    content: ""
}

.product-main .product-img {
    position: relative;
    width: 333px;
    height: 640px;
    margin: 130px auto 0
}

@media only screen and (max-width: 767px) {
    .product-main .product-img {
        width: 130px;
        height: 250px;
        margin-top: 64px;
        left: -4px
    }
}

.product-main .product-img:before,
.product-main .product-img:after {
    position: absolute;
    left: -64px;
    top: 24px;
    width: 492px;
    height: 483px;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    animation: smoothRotate2 1.7s infinite alternate ease-in-out
}

@media only screen and (max-width: 767px) {
    .product-main .product-img:before,
    .product-main .product-img:after {
        width: 210px;
        height: 200px;
        left: -25px
    }
}

.product-main .product-img:before {
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='517' height='507' viewBox='0 0 517 507' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M86.8829 484.943L18.7324 281.783L504.723 19V12.5L12.6416 279.347L84.8977 494.746L86.8829 484.943Z' fill='%23FF2929'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0.641602' y='0.5' width='516.081' height='506.246' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.890196 0 0 0 0 0.0235294 0 0 0 0 0.0745098 0 0 0 0.7 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A")
}

.product-main .product-img:after {
    z-index: 3;
    background-image: url("data:image/svg+xml,%3Csvg width='517' height='507' viewBox='0 0 517 507' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M84.8977 494.746L504.723 19.2118V12.5L84.8977 487L84.8977 494.746Z' fill='%23FF0606'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='72.8977' y='0.5' width='443.825' height='506.246' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.890196 0 0 0 0 0.0235294 0 0 0 0 0.0745098 0 0 0 0.7 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A")
}

.product-main .product-img img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    transform: rotate(-10deg);
    animation: upAndDown3 2.5s infinite alternate ease-in-out
}

.product-main .social-design {
    position: absolute;
    z-index: 4;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='38.999' viewBox='0 0 41 38.999'%3E%3Cg id='Shape_1_copy_16' data-name='Shape 1 copy 16' transform='translate(-143 -143.001)'%3E%3Cg id='Shape_1_copy_16-2' data-name='Shape 1 copy 16' fill='none'%3E%3Cpath d='M171.054,143,184,156.427,143,182Z' stroke='none'/%3E%3Cpath d='M 171.3899536132812 147.6716156005859 L 154.3162841796875 171.4060974121094 L 179.2685394287109 155.8425903320312 L 171.3899536132812 147.6716156005859 M 171.0540618896484 143.0012054443359 L 183.9997253417969 156.4272918701172 L 142.9995727539062 182.0003814697266 L 171.0540618896484 143.0012054443359 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.product-main .social-design-2 {
    top: 85px;
    right: 333px;
    width: 22px;
    height: 18px;
    transform: rotate(180deg);
    animation: upAndDown 1.5s infinite alternate ease-in-out;
    animation-delay: .3s
}

@media only screen and (max-width: 1280px) {
    .product-main .social-design-2 {
        width: 11px;
        height: 9px;
        right: 150px
    }
}

.product-main .social-design-3 {
    top: 60%;
    left: 60px;
    width: 41px;
    height: 39px;
    animation: upAndDown 1s infinite alternate ease-in-out
}

@media only screen and (max-width: 1280px) {
    .product-main .social-design-3 {
        width: 20px;
        height: 19px
    }
}

.product-main .social-design-4 {
    bottom: 50px;
    right: 290px;
    width: 41px;
    height: 39px;
    transform: rotate(-90deg);
    animation: upAndDown2 1.3s infinite alternate ease-in-out;
    animation-delay: .1s
}

@media only screen and (max-width: 1280px) {
    .product-main .social-design-4 {
        right: 100px;
        width: 20px;
        height: 19px
    }
}

.fullvideo-section-product {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0
}

.fullvideo-section-product:before {
    display: none
}

body.hellice .fullvideo-section-product {
    opacity: 1;
    visibility: visible;
    height: auto
}

html:lang(hu-HU) body.hellice .fullvideo-section-product {
    display: none
}

.news-top {
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: 1920px 800px;
    background-position: center top;
    height: 645px;
    padding-top: 124px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 84%)
}

@media only screen and (max-width: 1280px) {
    .news-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%)
    }
}

@media only screen and (max-width: 1024px) {
    .news-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%)
    }
}

@media only screen and (max-width: 767px) {
    .news-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95.5%)
    }
}

@media only screen and (max-width: 480px) {
    .news-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%)
    }
}

.news-top:after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 51px;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .news-top:after {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .news-top:after {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .news-top:after {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .news-top:after {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .news-top:after {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .news-top:after {
        transform: rotate(2.3deg);
        top: auto;
        bottom: 25px
    }
}

@media only screen and (max-width: 1100px) {
    .news-top:after {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .news-top:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 18px
    }
}

@media only screen and (max-width: 768px) {
    .news-top:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 15px
    }
}

@media only screen and (max-width: 420px) {
    .news-top:after {
        transform: rotate(3deg);
        top: auto;
        bottom: 10px
    }
}

@media only screen and (max-width: 1280px) {
    .news-top .wrapper {
        padding: 0 24px
    }
}

.news-top .h1 {
    color: #fff;
    margin-bottom: 24px
}

.news-top-item {
    max-width: 587px
}

.news-top-item-meta {
    position: relative;
    z-index: 2;
    padding: 12px 28px
}

.news-top-item-meta:before {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f71e13;
    transform: skew(-15deg);
    content: "";
    box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, .25)
}

.news-top-item-meta span {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 500;
    font-family: "Teko", sans-serif;
    letter-spacing: 2.4px
}

@media only screen and (max-width: 767px) {
    .news-top-item-meta span {
        font-size: 1.25rem
    }
}

.news-top-item-date {
    padding-right: 8px
}

.news-top-item-date:after {
    content: "|";
    padding-left: 8px
}

.news-top-item-title {
    color: #fff;
    font-size: 1.625rem;
    margin-bottom: 8px;
    letter-spacing: 2.4px
}

.news-top-item-title a {
    color: #fff;
    font-size: 1.625rem;
    letter-spacing: 2.4px
}

@media only screen and (max-width: 767px) {
    .news-top-item-title {
        font-size: 1.375rem
    }
}

.news-top-item-text {
    position: relative;
    z-index: 1;
    padding: 52px 28px 18px;
    margin-top: -28px
}

.news-top-item-text:before {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #18c7fe;
    transform: skew(-15deg);
    content: "";
    box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, .25)
}

.news-top-item-text p {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 2.4px
}

@media only screen and (max-width: 767px) {
    .news-top-item-text p {
        font-size: 1rem
    }
}

.news-more {
    position: relative;
    z-index: 1;
    background: url("../img/news-page-bg.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 181px;
    margin-top: -104px;
    padding-bottom: 64px
}

.news-more:before {
    position: absolute;
    left: 0;
    top: 51px;
    bottom: auto;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .news-more:before {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .news-more:before {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .news-more:before {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .news-more:before {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .news-more:before {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .news-more:before {
        transform: rotate(2.3deg);
        top: 77px;
        bottom: auto
    }
}

@media only screen and (max-width: 1100px) {
    .news-more:before {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .news-more:before {
        transform: rotate(2.5deg);
        top: 84px;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .news-more:before {
        transform: rotate(2.5deg);
        top: 88px;
        bottom: auto
    }
}

@media only screen and (max-width: 420px) {
    .news-more:before {
        transform: rotate(3deg);
        top: 91px;
        bottom: auto
    }
}

@media only screen and (max-width: 1280px) {
    .news-more .wrapper {
        padding: 0 24px
    }
}

.news-subtop {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-bottom: 36px
}

.news-subtop-item {
    position: relative;
    height: 433px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.news-subtop-item:first-child {
    width: 58%
}

@media only screen and (max-width: 1024px) {
    .news-subtop-item:first-child {
        width: 100%;
        margin-bottom: 24px
    }
}

.news-subtop-item:last-child {
    width: 38%
}

@media only screen and (max-width: 1024px) {
    .news-subtop-item:last-child {
        width: 100%
    }
}

.news-subtop-item-link {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.news-subtop-item-text {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    padding: 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(3, 3, 3, 0.6885) 51.04%, rgba(0, 0, 0, 0.3655) 100%)
}

.news-subtop-item-text:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    z-index: 11;
    transform: none !important;
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .news-subtop-item-text:before {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .news-subtop-item-text:before {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .news-subtop-item-text:before {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .news-subtop-item-text:before {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .news-subtop-item-text:before {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .news-subtop-item-text:before {
        transform: rotate(2.3deg);
        top: 0;
        bottom: auto
    }
}

@media only screen and (max-width: 1100px) {
    .news-subtop-item-text:before {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .news-subtop-item-text:before {
        transform: rotate(2.5deg);
        top: 0;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .news-subtop-item-text:before {
        transform: rotate(2.5deg);
        top: 0;
        bottom: auto
    }
}

@media only screen and (max-width: 420px) {
    .news-subtop-item-text:before {
        transform: rotate(3deg);
        top: 0;
        bottom: auto
    }
}

.news-subtop-item-title {
    color: #fff;
    font-family: "Teko", sans-serif;
    font-weight: 500;
    font-size: 1.75rem;
    letter-spacing: 2.4px;
    margin-bottom: 4px
}

@media only screen and (max-width: 767px) {
    .news-subtop-item-title {
        font-size: 1.5rem;
        letter-spacing: normal
    }
}

.news-subtop-item-title a {
    color: #fff
}

.news-subtop-item-lead {
    color: #fff;
    font-size: 1.25rem;
    letter-spacing: 2.4px
}

@media only screen and (max-width: 767px) {
    .news-subtop-item-lead {
        font-size: 1rem;
        letter-spacing: normal
    }
}

.news-more-items {
    padding-bottom: 36px
}

@media only screen and (max-width: 767px) {
    .news-more-items {
        padding-top: 48px
    }
}

.news-more-items .news-more-img {
    position: relative;
    display: inline-block;
    margin-bottom: 26px;
    overflow: visible;
    transition: all .3s ease-out;
    max-width: 280px;
    margin: 0 auto
}

.news-more-items .news-more-img:before {
    position: absolute;
    left: 0;
    top: 0%;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 8px 4px hsla(0, 0%, 100%, .7), inset 0px 0px 8px 4px hsla(0, 0%, 100%, .7);
    content: "";
    transform: rotate(-10deg);
    transition: all .3s ease-out
}

.news-more-items .news-more-img img {
    display: block;
    max-width: 248px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .news-more-items .news-more-img img {
        margin: 0 auto
    }
}

.news-more-items .news-more-item {
    outline: none;
    margin: 0 auto;
    height: 546px;
    padding: 88px 20px;
    position: relative;
    text-align: center;
    max-width: 33%
}

@media only screen and (max-width: 1024px) {
    .news-more-items .news-more-item {
        max-width: 49%
    }
}

@media only screen and (max-width: 767px) {
    .news-more-items .news-more-item {
        height: initial;
        padding: 0;
        max-width: 100%;
        margin-bottom: 24px
    }
}

.news-more-items .news-more-item:hover .news-more-img {
    margin-top: -24px
}

@media only screen and (max-width: 480px) {
    .news-more-items .news-more-item:hover .news-more-img {
        margin-top: 0
    }
}

.news-more-items .news-more-item:hover .news-more-img:before {
    border-color: #ff2b2b;
    box-shadow: 0px 0px 8px 4px rgba(255, 149, 144, .7), inset 0px 0px 8px 4px rgba(255, 149, 144, .7);
    transform: rotate(10deg)
}

@media only screen and (max-width: 480px) {
    .news-more-items .news-more-item:hover .news-more-img:before {
        border: 4px solid #fff;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 8px 4px hsla(0, 0%, 100%, .7), inset 0px 0px 8px 4px hsla(0, 0%, 100%, .7);
        transform: rotate(-10deg)
    }
}

.news-more-items .news-more-item .h3 {
    text-transform: initial;
    font-size: 1.75rem;
    font-weight: 500;
    padding: 24px;
    text-align: left;
    max-width: 280px;
    margin: 0 auto
}

.news-more-items .news-more-item .h3 a {
    color: #000
}

.btn-wrapper {
    text-align: center
}

.news-item-top {
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: 1920px 800px;
    background-position: center top;
    height: 645px;
    padding-top: 124px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 84%)
}

@media only screen and (max-width: 1280px) {
    .news-item-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%)
    }
}

@media only screen and (max-width: 1024px) {
    .news-item-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%)
    }
}

@media only screen and (max-width: 767px) {
    .news-item-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95.5%)
    }
}

@media only screen and (max-width: 480px) {
    .news-item-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%)
    }
}

.news-item-top:before {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    height: 80%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    content: "";
    opacity: .8
}

.news-item-top:after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 51px;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .news-item-top:after {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .news-item-top:after {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .news-item-top:after {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .news-item-top:after {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .news-item-top:after {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .news-item-top:after {
        transform: rotate(2.3deg);
        top: auto;
        bottom: 25px
    }
}

@media only screen and (max-width: 1100px) {
    .news-item-top:after {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .news-item-top:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 18px
    }
}

@media only screen and (max-width: 768px) {
    .news-item-top:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 15px
    }
}

@media only screen and (max-width: 420px) {
    .news-item-top:after {
        transform: rotate(3deg);
        top: auto;
        bottom: 10px
    }
}

.news-item-top .wrapper {
    position: relative;
    z-index: 2;
    height: 100%
}

@media only screen and (max-width: 1280px) {
    .news-item-top .wrapper {
        padding: 0 24px
    }
}

.news-item-top-box .news-item-meta {
    margin-bottom: 24px
}

.news-item-top-box .news-item-meta span {
    font-size: 1.75rem;
    font-weight: 500;
    font-family: "Teko", sans-serif;
    letter-spacing: 2.4px
}

@media only screen and (max-width: 767px) {
    .news-item-top-box .news-item-meta span {
        font-size: 1.25rem
    }
}

.news-item-top-box .news-item-title {
    line-height: .922em
}

.news-item-top-box .news-item-subtitle {
    font-size: 1.75rem;
    font-weight: 500;
    font-family: "Teko", sans-serif;
    letter-spacing: 2.4px;
    display: none
}

@media only screen and (max-width: 767px) {
    .news-item-top-box .news-item-subtitle {
        font-size: 1.25rem
    }
}

.news-item-top-box .h1 {
    margin-bottom: 12px
}

.news-item-main {
    position: relative;
    padding-bottom: 88px;
    margin-bottom: 88px
}

.news-item-main:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 470px;
    height: 1px;
    background-color: #d2d2d2;
    content: ""
}

@media only screen and (max-width: 767px) {
    .news-item-main:after {
        width: 50%
    }
}

@media only screen and (max-width: 1280px) {
    .news-item-main.wrapper {
        padding: 0 24px 88px
    }
}

@media only screen and (max-width: 1024px) {
    .news-item-main.wrapper {
        padding-bottom: 36px;
        margin-bottom: 64px
    }
}

@media only screen and (max-width: 767px) {
    .news-item-main.wrapper {
        padding-bottom: 24px;
        margin-bottom: 36px
    }
}

article.post {
    background: url("../img/news-item-bg.jpg") center top repeat-y;
    background-size: 1920px 2499px
}

article.post .the-content {
    padding-top: 48px
}

article.post .the-content p {
    font-size: 1.25rem;
    letter-spacing: .8px;
    color: #170d24;
    line-height: 1.35;
    margin-bottom: 46px;
    font-weight: 300
}

@media only screen and (max-width: 767px) {
    article.post .the-content p {
        font-size: 1.125rem
    }
}

article.post .the-content p:first-child,
article.post .the-content p:first-of-type {
    font-weight: 500
}

article.post .the-content p a,
article.post .the-content p :active,
article.post .the-content p :hover,
article.post .the-content p :visited {
    color: #1a171e;
    text-decoration: none
}

article.post .the-content h3 {
    font-size: 1.75rem;
    font-weight: 600;
    font-family: "Teko", sans-serif;
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    article.post .the-content h3 {
        font-size: 1.438rem
    }
}

article.post .the-content h4 {
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 24px
}

article.post .the-content ul {
    margin-left: 24px;
    margin-bottom: 46px
}

article.post .the-content ul li {
    position: relative;
    padding-left: 23px;
    font-size: 1.25rem;
    letter-spacing: .8px;
    color: #170d24;
    line-height: 1.35;
    margin-bottom: 4px;
    font-weight: 300
}

@media only screen and (max-width: 767px) {
    article.post .the-content ul li {
        font-size: 1.125rem
    }
}

article.post .the-content ul li:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #1a171e;
    content: ""
}

article.post .the-content blockquote {
    position: relative;
    font-size: 1.25rem;
    letter-spacing: .8px;
    color: #170d24;
    line-height: 1.35;
    margin-bottom: 46px;
    font-weight: 300;
    padding: 20px 74px;
    font-style: italic
}

@media only screen and (max-width: 767px) {
    article.post .the-content blockquote {
        font-size: 1rem;
        padding: 24px 24px
    }
}

article.post .the-content blockquote:before,
article.post .the-content blockquote:after {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url("../img/quote.png") no-repeat;
    background-size: contain;
    content: ""
}

@media only screen and (max-width: 767px) {
    article.post .the-content blockquote:before,
    article.post .the-content blockquote:after {
        width: 30px;
        height: 30px
    }
}

article.post .the-content blockquote:before {
    left: 0;
    top: 0
}

article.post .the-content blockquote:after {
    right: 0;
    bottom: 0;
    transform: rotate(180deg)
}

.more-news-section {
    padding-bottom: 96px
}

.more-news-section-title {
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    font-size: 1.75rem
}

@media only screen and (max-width: 1280px) {
    .more-news-section .wrapper {
        padding: 0 24px
    }
}

.subpage-top {
    position: relative;
    z-index: 12;
    background-repeat: no-repeat;
    background-size: 1920px 643px;
    background-position: center top;
    height: 645px;
    padding-top: 124px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 84%)
}

@media only screen and (max-width: 1280px) {
    .subpage-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%)
    }
}

@media only screen and (max-width: 1024px) {
    .subpage-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%)
    }
}

@media only screen and (max-width: 767px) {
    .subpage-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95.5%)
    }
}

@media only screen and (max-width: 480px) {
    .subpage-top {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%)
    }
}

.subpage-top:before {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .25);
    content: "";
    opacity: 1
}

.subpage-top:after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 51px;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .subpage-top:after {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .subpage-top:after {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .subpage-top:after {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .subpage-top:after {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .subpage-top:after {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .subpage-top:after {
        transform: rotate(2.3deg);
        top: auto;
        bottom: 25px
    }
}

@media only screen and (max-width: 1100px) {
    .subpage-top:after {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .subpage-top:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 18px
    }
}

@media only screen and (max-width: 768px) {
    .subpage-top:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 15px
    }
}

@media only screen and (max-width: 420px) {
    .subpage-top:after {
        transform: rotate(3deg);
        top: auto;
        bottom: 10px
    }
}

.subpage-top .wrapper {
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 1280px) {
    .subpage-top .wrapper {
        padding: 0 24px
    }
}

.subpage-top .h1 {
    color: #fff;
    margin-bottom: 24px
}

.subpage-top.subpage-v2:after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 49px;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #fff;
    box-shadow: 0px 0px 12px 8px hsla(0, 0%, 100%, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(2.3deg);
        top: auto;
        bottom: 25px
    }
}

@media only screen and (max-width: 1100px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 18px
    }
}

@media only screen and (max-width: 768px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: 15px
    }
}

@media only screen and (max-width: 420px) {
    .subpage-top.subpage-v2:after {
        transform: rotate(3deg);
        top: auto;
        bottom: 10px
    }
}

.subsec {
    position: relative;
    z-index: 11;
    padding: 92px 0;
    background: url("../img/subsec-bg-1.jpg") center top repeat-y
}

.subsec:after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: -2px;
    z-index: 11;
    transform: none !important;
    background-color: #fff;
    box-shadow: 0px 0px 12px 8px hsla(0, 0%, 100%, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .subsec:after {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .subsec:after {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .subsec:after {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .subsec:after {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .subsec:after {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .subsec:after {
        transform: rotate(2.3deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 1100px) {
    .subsec:after {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .subsec:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 768px) {
    .subsec:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 420px) {
    .subsec:after {
        transform: rotate(3deg);
        top: auto;
        bottom: -2px
    }
}

.subsec.subsec-content {
    background-image: url("../img/gyartas_cover.jpg")
}

@media only screen and (max-width: 1280px) {
    .subsec .wrapper {
        padding: 0 24px
    }
}

@media only screen and (max-width: 1024px) {
    .subsec .wrapper {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.subsec .wrapper>.box {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 50%;
    font-size: 1.25rem;
    line-height: 1.35;
    color: #1a171e;
    letter-spacing: 2.4px
}

@media only screen and (max-width: 1024px) {
    .subsec .wrapper>.box {
        max-width: 100%;
        font-size: 1.125rem;
        line-height: 1.3em;
        letter-spacing: initial
    }
}

.subsec .wrapper>.box h2 {
    font-size: 3.75rem;
    line-height: 1em;
    font-weight: 500;
    font-family: "Teko", sans-serif;
    margin-bottom: 36px
}

@media only screen and (max-width: 1280px) {
    .subsec .wrapper>.box h2 {
        font-size: 3.438rem
    }
}

@media only screen and (max-width: 767px) {
    .subsec .wrapper>.box h2 {
        font-size: 2.625rem
    }
}

.subsec .wrapper>.box h2 a {
    color: #1a171e
}

.subsec .wrapper>.box p {
    margin-bottom: 36px
}

.subsec .wrapper>.box p a {
    color: #0f0fb5
}

.subsec .wrapper .wp-block-image {
    position: relative;
    text-align: center;
    max-width: 420px;
    margin-left: auto
}

@media only screen and (max-width: 1024px) {
    .subsec .wrapper .wp-block-image {
        margin: 0 auto 36px
    }
}

.subsec .wrapper .wp-block-image:before {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 8px 4px hsla(0, 0%, 100%, .7), inset 0px 0px 8px 4px hsla(0, 0%, 100%, .7);
    content: "";
    transform: rotate(10deg);
    transition: all .3s ease-out
}

.subsec .wrapper .wp-block-image img {
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .16)
}

.subsec .wrapper:nth-child(even) {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 36px
}

@media only screen and (max-width: 1024px) {
    .subsec .wrapper:nth-child(even) {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.subsec .wrapper:nth-child(even) .wp-block-image {
    margin-left: initial;
    margin-right: auto
}

@media only screen and (max-width: 1024px) {
    .subsec .wrapper:nth-child(even) .wp-block-image {
        margin: 0 auto 36px
    }
}

.subsec .wrapper:nth-child(even) .wp-block-image:before {
    border-color: #ff2b2b;
    box-shadow: 0px 0px 8px 4px rgba(255, 149, 144, .7), inset 0px 0px 8px 4px rgba(255, 149, 144, .7)
}

.subsec:first-of-type {
    padding-top: 181px;
    margin-top: -104px;
    padding-bottom: 64px
}

.subsec:first-of-type:before {
    position: absolute;
    left: 0;
    top: 51px;
    bottom: auto;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .subsec:first-of-type:before {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .subsec:first-of-type:before {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .subsec:first-of-type:before {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .subsec:first-of-type:before {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .subsec:first-of-type:before {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .subsec:first-of-type:before {
        transform: rotate(2.3deg);
        top: 77px;
        bottom: auto
    }
}

@media only screen and (max-width: 1100px) {
    .subsec:first-of-type:before {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .subsec:first-of-type:before {
        transform: rotate(2.5deg);
        top: 84px;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .subsec:first-of-type:before {
        transform: rotate(2.5deg);
        top: 88px;
        bottom: auto
    }
}

@media only screen and (max-width: 420px) {
    .subsec:first-of-type:before {
        transform: rotate(3deg);
        top: 91px;
        bottom: auto
    }
}

.subsec:nth-of-type(2n) {
    background-image: url("../img/subsec-bg-2.jpg")
}

.subsec:nth-of-type(2n):after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: -2px;
    z-index: 11;
    transform: none !important;
    background-color: #ff2b2b;
    box-shadow: 0px 0px 12px 8px rgba(255, 149, 144, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(2.3deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 1100px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 768px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 420px) {
    .subsec:nth-of-type(2n):after {
        transform: rotate(3deg);
        top: auto;
        bottom: -2px
    }
}

.subsec:nth-of-type(2n) .box p,
.subsec:nth-of-type(2n) .box h2 {
    color: #fff
}

.subsec:nth-of-type(2n) .wrapper {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 1024px) {
    .subsec:nth-of-type(2n) .wrapper {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.subsec:nth-of-type(2n) .wrapper .wp-block-image {
    margin-left: initial;
    margin-right: auto
}

@media only screen and (max-width: 1024px) {
    .subsec:nth-of-type(2n) .wrapper .wp-block-image {
        margin: 0 auto 36px
    }
}

.subsec+.subsec {
    z-index: 10
}

.subsec+.subsec+.subsec {
    z-index: 9
}

.subsec+.subsec+.subsec+.subsec {
    z-index: 8
}

.subsec+.subsec+.subsec+.subsec+.subsec {
    z-index: 7
}

.subsec+.subsec+.subsec+.subsec+.subsec+.subsec {
    z-index: 6
}

.subsec+.subsec+.subsec+.subsec+.subsec+.subsec+.subsec {
    z-index: 5
}

.subsec+.subsec+.subsec+.subsec+.subsec+.subsec+.subsec+.subsec {
    z-index: 4
}

.subsec-v2 {
    position: relative;
    padding: 44px 0;
    background: linear-gradient(90deg, #D1D1D1 0%, #E2E2E2 14%, #F7F7F7 50%, #E2E2E2 86%, #D9D9D9 100%);
    margin-top: -104px;
    padding-top: 80px;
    padding-bottom: 64px
}

@media only screen and (max-width: 1280px) {
    .subsec-v2 {
        margin-top: -88px
    }
}

@media only screen and (max-width: 1024px) {
    .subsec-v2 {
        padding-top: 0
    }
}

.subsec-v2 .neon {
    position: absolute;
    left: 0;
    top: 51px;
    bottom: auto;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #fff;
    box-shadow: 0px 0px 12px 8px hsla(0, 0%, 100%, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .subsec-v2 .neon {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .subsec-v2 .neon {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .subsec-v2 .neon {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .subsec-v2 .neon {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .subsec-v2 .neon {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .subsec-v2 .neon {
        transform: rotate(2.3deg);
        top: 77px;
        bottom: auto
    }
}

@media only screen and (max-width: 1100px) {
    .subsec-v2 .neon {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .subsec-v2 .neon {
        transform: rotate(2.5deg);
        top: 84px;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .subsec-v2 .neon {
        transform: rotate(2.5deg);
        top: 88px;
        bottom: auto
    }
}

@media only screen and (max-width: 420px) {
    .subsec-v2 .neon {
        transform: rotate(3deg);
        top: 91px;
        bottom: auto
    }
}

.subsec-v2:before,
.subsec-v2:after {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    width: 960px;
    height: 100%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    content: "";
    background-image: url("../img/product-bg-left.png")
}

.subsec-v2:after {
    right: 0;
    left: auto;
    background-image: url("../img/product-bg-right.png");
    background-position: right center
}

.subsec-v2 .wrapper {
    position: relative;
    z-index: 2;
    max-width: 940px
}

@media only screen and (max-width: 1280px) {
    .subsec-v2 .wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

.subsec-v2 h3 {
    font-size: 1.75rem;
    font-weight: 400;
    font-family: "Teko", sans-serif;
    color: #1a171e;
    margin-top: 48px;
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .subsec-v2 h3 {
        font-size: 1.438rem
    }
}

.subsec-v2 h2 {
    font-size: 3.438rem;
    line-height: 1em;
    font-weight: 500;
    font-family: "Teko", sans-serif;
    color: #f71e13;
    margin-bottom: 24px;
    margin-top: 48px
}

@media only screen and (max-width: 1280px) {
    .subsec-v2 h2 {
        font-size: 3rem
    }
}

@media only screen and (max-width: 767px) {
    .subsec-v2 h2 {
        font-size: 2.5rem
    }
}

.subsec-v2 h2+h3 {
    margin-top: -20px
}

.subsec-v2.contact .wrapper {
    padding-top: 64px
}

@media only screen and (max-width: 1024px) {
    .subsec-v2.contact {
        padding-top: 80px
    }
}

.subsec-v2.carrier-content,
.subsec-v2.page-basic {
    display: none;
    margin-top: 0
}

.subsec-v2.carrier-content h2,
.subsec-v2.page-basic h2 {
    color: #1a171e
}

.subsec-v2.carrier-content p,
.subsec-v2.page-basic p {
    font-size: 1.25rem;
    letter-spacing: .8px;
    color: #170d24;
    line-height: 1.35;
    margin-bottom: 46px;
    font-weight: 300
}

@media only screen and (max-width: 767px) {
    .subsec-v2.carrier-content p,
    .subsec-v2.page-basic p {
        font-size: 1.125rem
    }
}

.subsec-v2.carrier-content p a,
.subsec-v2.page-basic p a {
    color: #170d24;
    font-weight: 400
}

.subsec-v2.carrier-content p:first-child,
.subsec-v2.page-basic p:first-child {
    font-weight: 500
}

.subsec-v2.carrier-content ul,
.subsec-v2.page-basic ul {
    margin-left: 24px;
    margin-bottom: 46px
}

.subsec-v2.carrier-content ul li,
.subsec-v2.page-basic ul li {
    position: relative;
    padding-left: 23px;
    font-size: 1.25rem;
    letter-spacing: .8px;
    color: #170d24;
    line-height: 1.35;
    margin-bottom: 4px;
    font-weight: 300
}

@media only screen and (max-width: 767px) {
    .subsec-v2.carrier-content ul li,
    .subsec-v2.page-basic ul li {
        font-size: 1.125rem
    }
}

.subsec-v2.carrier-content ul li:before,
.subsec-v2.page-basic ul li:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #1a171e;
    content: ""
}

.subsec-v2.carrier-content table,
.subsec-v2.page-basic table {
    background-color: #fff;
    margin-bottom: 36px
}

.subsec-v2.carrier-content table tr:nth-child(odd),
.subsec-v2.page-basic table tr:nth-child(odd) {
    background-color: #eaeaea
}

.subsec-v2.carrier-content table tr:first-child,
.subsec-v2.page-basic table tr:first-child {
    background-color: #161516;
    color: #fff
}

.subsec-v2.carrier-content table tr td,
.subsec-v2.page-basic table tr td {
    border: 0
}

.subsec-v2.page-basic {
    display: block;
    margin-top: -104px
}

@media only screen and (max-width: 1024px) {
    .subsec-v2.page-basic {
        margin-top: -106px;
        padding-top: 60px
    }
}

.subsec-v2.page-basic .wrapper {
    padding-top: 64px
}

.subsec-v2.page-basic .wrapper h2,
.subsec-v2.page-basic .wrapper h3 {
    margin-top: 18px
}

.sub-carrier {
    position: relative;
    padding: 44px 0;
    background: linear-gradient(90deg, #D1D1D1 0%, #E2E2E2 14%, #F7F7F7 50%, #E2E2E2 86%, #D9D9D9 100%);
    background-image: url("../img/karrier_hatter.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -104px;
    padding-top: 180px;
    padding-bottom: 64px
}

@media only screen and (max-width: 767px) {
    .sub-carrier {
        padding-top: 138px
    }
}

.sub-carrier:after {
    position: absolute;
    left: 0;
    top: auto;
    bottom: -2px;
    z-index: 11;
    transform: none !important;
    background-color: #fff;
    box-shadow: 0px 0px 12px 8px hsla(0, 0%, 100%, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .sub-carrier:after {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .sub-carrier:after {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .sub-carrier:after {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .sub-carrier:after {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .sub-carrier:after {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .sub-carrier:after {
        transform: rotate(2.3deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 1100px) {
    .sub-carrier:after {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .sub-carrier:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 768px) {
    .sub-carrier:after {
        transform: rotate(2.5deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 420px) {
    .sub-carrier:after {
        transform: rotate(3deg);
        top: auto;
        bottom: -2px
    }
}

@media only screen and (max-width: 1024px) {
    .sub-carrier .wrapper {
        padding: 0 24px
    }
}

@media only screen and (max-width: 767px) {
    .sub-carrier .wrapper {
        padding: 0 12px
    }
}

.sub-carrier .neon {
    position: absolute;
    left: 0;
    top: 51px;
    bottom: auto;
    z-index: 11;
    transform: rotate(3deg);
    background-color: #fff;
    box-shadow: 0px 0px 12px 8px hsla(0, 0%, 100%, .7);
    width: 100%;
    height: 4px;
    content: ""
}

@media only screen and (max-width: 1800px) {
    .sub-carrier .neon {
        transform: rotate(3.2deg)
    }
}

@media only screen and (max-width: 1700px) {
    .sub-carrier .neon {
        transform: rotate(3.4deg)
    }
}

@media only screen and (max-width: 1600px) {
    .sub-carrier .neon {
        transform: rotate(3.7deg)
    }
}

@media only screen and (max-width: 1500px) {
    .sub-carrier .neon {
        transform: rotate(4deg)
    }
}

@media only screen and (max-width: 1400px) {
    .sub-carrier .neon {
        transform: rotate(4.2deg)
    }
}

@media only screen and (max-width: 1280px) {
    .sub-carrier .neon {
        transform: rotate(2.3deg);
        top: 77px;
        bottom: auto
    }
}

@media only screen and (max-width: 1100px) {
    .sub-carrier .neon {
        transform: rotate(2.7deg)
    }
}

@media only screen and (max-width: 1024px) {
    .sub-carrier .neon {
        transform: rotate(2.5deg);
        top: 84px;
        bottom: auto
    }
}

@media only screen and (max-width: 768px) {
    .sub-carrier .neon {
        transform: rotate(2.5deg);
        top: 88px;
        bottom: auto
    }
}

@media only screen and (max-width: 420px) {
    .sub-carrier .neon {
        transform: rotate(3deg);
        top: 91px;
        bottom: auto
    }
}

.sub-carrier h1 {
    color: #fff
}

.sub-carrier .news-more-items {
    padding: 36px 24px
}

@media only screen and (max-width: 767px) {
    .sub-carrier .news-more-items {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sub-carrier .news-more-items .news-more-item .h3 {
    text-align: center
}

.sub-carrier .news-more-items .news-more-item .h3 a,
.sub-carrier .news-more-items .news-more-item .h3 span {
    color: #fff
}

.tender-wrapper {
    position: relative
}

.tender-wrapper:before {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("/wp-content/uploads/2021/04/szechenyi-2020.png");
    width: 291px;
    height: 201px;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

@media only screen and (max-width: 1024px) {
    .tender-wrapper:before {
        top: auto;
        bottom: 0
    }
}

.tender-wrapper .the-content {
    padding-top: 0 !important
}

.subsec-v2 .wrapper.tender-wrapper {
    padding-right: 300px
}

@media only screen and (max-width: 1280px) {
    .subsec-v2 .wrapper.tender-wrapper {
        padding-right: 300px
    }
}

@media only screen and (max-width: 1024px) {
    .subsec-v2 .wrapper.tender-wrapper {
        padding-top: 126px;
        padding-right: 24px;
        padding-bottom: 192px
    }
}

.sub-tenders {
    padding-top: 148px
}

.sub-tenders .wrapper {
    position: relative;
    z-index: 2;
    padding: 0
}

@media only screen and (max-width: 1280px) {
    .sub-tenders .wrapper {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sub-tenders .wrapper .tender-item {
    flex-grow: initial;
    flex-basis: initial;
    position: relative;
    top: 0;
    width: 260px;
    min-height: 225px;
    background-color: #fff;
    margin: 0 12px 60px;
    text-align: center;
    border: 2px solid #fff;
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .12);
    transition: all .2s ease-in;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .sub-tenders .wrapper .tender-item {
        margin-bottom: 24px
    }
}

.sub-tenders .wrapper .tender-item h3 {
    flex-grow: 1;
    flex-basis: 0;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    color: #1a171e;
    font-size: 1.5rem;
    letter-spacing: .36px;
    text-align: center;
    font-weight: 400;
    line-height: 1.2
}

@media only screen and (max-width: 767px) {
    .sub-tenders .wrapper .tender-item h3 {
        font-size: 1.25rem
    }
}

.sub-tenders .wrapper .tender-item .btn {
    max-width: 140px;
    margin: 0 auto
}

.sub-tenders .wrapper .tender-item:hover {
    border-color: #f71e13;
    top: -18px
}

.accordion {
    padding-top: 80px
}

.accordion .wrapper>h4 {
    position: relative;
    border: 3px solid #fff;
    background-color: #fff;
    padding: 19px 18px 17px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08);
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #1a171e;
    margin-bottom: 0;
    margin-top: 10px
}

.accordion .wrapper>h4:after {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99997 11C9.64153 11 9.28313 10.868 9.00984 10.6044L0.410282 2.30692C-0.136762 1.77909 -0.136762 0.923315 0.410283 0.395707C0.957105 -0.131903 1.84386 -0.131903 2.39095 0.395707L9.99997 7.73777L17.609 0.395962C18.1561 -0.131647 19.0427 -0.131647 19.5895 0.395963C20.1368 0.923573 20.1368 1.77935 19.5895 2.30716L10.9901 10.6047C10.7167 10.8682 10.3583 11 9.99997 11Z' fill='%2319171E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.accordion .wrapper>h4.opened {
    border-color: #f71e13
}

.accordion .wrapper>h4.opened:after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='11' viewBox='0 0 20 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99997 1.98696e-07C9.64153 2.14365e-07 9.28313 0.132044 9.00984 0.395604L0.410282 8.69308C-0.136762 9.22091 -0.136762 10.0767 0.410283 10.6043C0.957105 11.1319 1.84386 11.1319 2.39095 10.6043L9.99997 3.26223L17.609 10.604C18.1561 11.1316 19.0427 11.1316 19.5895 10.604C20.1368 10.0764 20.1368 9.22065 19.5895 8.69284L10.9901 0.39534C10.7167 0.131758 10.3583 1.83035e-07 9.99997 1.98696e-07Z' fill='%23E33B2A'/%3E%3C/svg%3E%0A")
}

.accordion .wrapper>ul {
    display: none
}

.accordion .wrapper>ul li {
    position: relative;
    margin-top: 10px
}

.accordion .wrapper>ul li a {
    position: relative;
    display: block;
    border: 3px solid #fff;
    background-color: #fff;
    padding: 19px 18px 17px;
    font-weight: 500;
    color: #1a171e;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08)
}

.accordion .wrapper>ul li a:after {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.5 19.9999H2.5C1.12167 19.9999 0 18.8783 0 17.4999V14.1666C0 13.7066 0.373333 13.3333 0.833333 13.3333C1.29333 13.3333 1.66667 13.7066 1.66667 14.1666V17.4999C1.66667 17.9591 2.04083 18.3333 2.5 18.3333H17.5C17.9592 18.3333 18.3333 17.9591 18.3333 17.4999V14.1666C18.3333 13.7066 18.7067 13.3333 19.1667 13.3333C19.6267 13.3333 20 13.7066 20 14.1666V17.4999C20 18.8783 18.8783 19.9999 17.5 19.9999Z' fill='%2319171E'/%3E%3Cpath d='M13.9226 10.5892L10.5892 13.9225C10.2634 14.2483 9.73674 14.2483 9.41091 13.9225L6.07758 10.5892C5.83924 10.3508 5.76758 9.9925 5.89674 9.68083C6.02591 9.37 6.33008 9.16667 6.66674 9.16667H9.16674V0.833333C9.16674 0.373333 9.54008 0 10.0001 0C10.4601 0 10.8334 0.373333 10.8334 0.833333V9.16667H13.3334C13.6701 9.16667 13.9742 9.37 14.1034 9.68083C14.2326 9.9925 14.1609 10.3508 13.9226 10.5892Z' fill='%2319171E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.accordion .wrapper>ul li:hover a {
    border-color: #1a171e
}

.accordion .dl-item {
    position: relative;
    margin-top: 10px
}

.accordion .dl-item a {
    position: relative;
    display: block;
    border: 3px solid #fff;
    background-color: #fff;
    padding: 19px 18px 17px;
    font-weight: 500;
    color: #1a171e;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .08)
}

.accordion .dl-item a:after {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.5 19.9999H2.5C1.12167 19.9999 0 18.8783 0 17.4999V14.1666C0 13.7066 0.373333 13.3333 0.833333 13.3333C1.29333 13.3333 1.66667 13.7066 1.66667 14.1666V17.4999C1.66667 17.9591 2.04083 18.3333 2.5 18.3333H17.5C17.9592 18.3333 18.3333 17.9591 18.3333 17.4999V14.1666C18.3333 13.7066 18.7067 13.3333 19.1667 13.3333C19.6267 13.3333 20 13.7066 20 14.1666V17.4999C20 18.8783 18.8783 19.9999 17.5 19.9999Z' fill='%2319171E'/%3E%3Cpath d='M13.9226 10.5892L10.5892 13.9225C10.2634 14.2483 9.73674 14.2483 9.41091 13.9225L6.07758 10.5892C5.83924 10.3508 5.76758 9.9925 5.89674 9.68083C6.02591 9.37 6.33008 9.16667 6.66674 9.16667H9.16674V0.833333C9.16674 0.373333 9.54008 0 10.0001 0C10.4601 0 10.8334 0.373333 10.8334 0.833333V9.16667H13.3334C13.6701 9.16667 13.9742 9.37 14.1034 9.68083C14.2326 9.9925 14.1609 10.3508 13.9226 10.5892Z' fill='%2319171E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.accordion .dl-item:hover a {
    border-color: #1a171e
}

#complaint-form,
#export-form,
#export-code-form,
#sales-form,
#pr-form {
    display: none
}

#country-dd {
    pointer-events: none
}

#export-code-form .wpcf7-form-control-wrap.to-email-hidden,
#export-code-form .wpcf7-form-control-wrap.to-email-cc-hidden {
    position: absolute;
    left: -9999px
}

.newgen-page {
    position: relative
}

.newgen-page p {
    text-align: justify
}

.newgen-page .newgen-switch {
    position: absolute;
    right: 0;
    top: -10px;
    display: flex;
    width: 120px;
    height: 40px;
    border: 2px solid #f71e13
}

.newgen-page .newgen-switch>div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    background-color: #fff;
    color: #f71e13;
    cursor: pointer
}

.newgen-page.newgen-hu .newgen-switch .newgen-switch-hu {
    background-color: #f71e13;
    color: #fff;
    pointer-events: none
}

.newgen-page.newgen-ro {
    display: none
}

.newgen-page.newgen-ro .newgen-switch .newgen-switch-ro {
    background-color: #f71e13;
    color: #fff;
    pointer-events: none
}

.newgen-page.newgen-bg {
    display: none
}

.newgen-page.newgen-bg .newgen-switch .newgen-switch-bg {
    background-color: #f71e13;
    color: #fff;
    pointer-events: none
}

.footer {
    background-color: #161516;
    padding: 42px 0
}

.footer-menu ul {
    column-count: 3;
    column-gap: 240px;
    margin: 0 48px
}

@media only screen and (max-width: 1280px) {
    .footer-menu ul {
        column-gap: 170px
    }
}

@media only screen and (max-width: 1024px) {
    .footer-menu ul {
        column-gap: 100px
    }
}

@media only screen and (max-width: 767px) {
    .footer-menu ul {
        column-gap: 48px;
        column-count: 2;
        margin: 0 24px
    }
}

@media only screen and (max-width: 480px) {
    .footer-menu ul {
        column-gap: 0;
        column-count: 1
    }
}

.footer-menu ul li {
    width: 250px;
    margin-bottom: 14px
}

.footer-menu ul li a {
    font-size: 1.5rem;
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .footer-menu ul li a {
        font-size: 1.375rem
    }
}

.footer .footer-social {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 767px) {
    .footer .footer-social {
        padding-left: 12px;
        padding-top: 30px;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer .footer-social .footer-icon {
    margin-left: 12px
}

.footer .footer-social .footer-icon a {
    display: block;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: contain
}

.footer .footer-social .footer-icon a.fb-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.125 6.1875V3.9375C10.125 3.3165 10.629 2.8125 11.25 2.8125H12.375V0H10.125C8.26088 0 6.75 1.51088 6.75 3.375V6.1875H4.5V9H6.75V18H10.125V9H12.375L13.5 6.1875H10.125Z' fill='white'/%3E%3C/svg%3E%0A")
}

.footer .footer-social .footer-icon a.ig-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.9823 5.29205C17.9402 4.33564 17.7855 3.67812 17.564 3.10836C17.3354 2.50359 16.9838 1.96213 16.5231 1.51201C16.073 1.05489 15.5279 0.699691 14.9302 0.474702C14.3571 0.253147 13.703 0.0984842 12.7466 0.0563159C11.7831 0.0105764 11.4772 0 9.03334 0C6.5895 0 6.28361 0.0105764 5.32363 0.0527447C4.36722 0.094913 3.7097 0.249713 3.14009 0.471131C2.53517 0.699691 1.99371 1.05132 1.5436 1.51201C1.08648 1.96213 0.731414 2.50716 0.506287 3.10493C0.284733 3.67812 0.13007 4.33207 0.0879016 5.28848C0.0421621 6.25203 0.0315857 6.55792 0.0315857 9.00176C0.0315857 11.4456 0.0421621 11.7515 0.0843303 12.7115C0.126499 13.6679 0.281299 14.3254 0.502854 14.8952C0.731414 15.4999 1.08648 16.0414 1.5436 16.4915C1.99371 16.9486 2.53874 17.3038 3.13651 17.5288C3.7097 17.7504 4.36365 17.905 5.3202 17.9472C6.28004 17.9895 6.58607 17.9999 9.0299 17.9999C11.4737 17.9999 11.7796 17.9895 12.7396 17.9472C13.696 17.905 14.3535 17.7504 14.9232 17.5288C16.1328 17.0611 17.0893 16.1047 17.557 14.8952C17.7784 14.322 17.9332 13.6679 17.9753 12.7115C18.0175 11.7515 18.0281 11.4456 18.0281 9.00176C18.0281 6.55792 18.0245 6.25203 17.9823 5.29205ZM16.3614 12.6411C16.3227 13.5202 16.175 13.9949 16.0519 14.3114C15.7495 15.0956 15.1271 15.7179 14.343 16.0204C14.0265 16.1434 13.5484 16.2911 12.6727 16.3297C11.7233 16.372 11.4386 16.3824 9.03691 16.3824C6.63524 16.3824 6.34693 16.372 5.40096 16.3297C4.52189 16.2911 4.04718 16.1434 3.73072 16.0204C3.34049 15.8761 2.98529 15.6476 2.69698 15.3487C2.39809 15.0568 2.16953 14.7052 2.02531 14.315C1.90223 13.9985 1.75458 13.5202 1.71598 12.6447C1.67367 11.6953 1.66324 11.4104 1.66324 9.00876C1.66324 6.6071 1.67367 6.31879 1.71598 5.37295C1.75458 4.49387 1.90223 4.01917 2.02531 3.7027C2.16953 3.31234 2.39809 2.95727 2.70055 2.66883C2.99229 2.36994 3.34392 2.14138 3.73429 1.99729C4.05075 1.87422 4.52903 1.72656 5.40453 1.68783C6.35394 1.64566 6.63881 1.63509 9.04034 1.63509C11.4456 1.63509 11.7303 1.64566 12.6763 1.68783C13.5554 1.72656 14.0301 1.87422 14.3465 1.99729C14.7368 2.14138 15.092 2.36994 15.3803 2.66883C15.6792 2.96071 15.9077 3.31234 16.0519 3.7027C16.175 4.01917 16.3227 4.49731 16.3614 5.37295C16.4036 6.32236 16.4142 6.6071 16.4142 9.00876C16.4142 11.4104 16.4036 11.6917 16.3614 12.6411Z' fill='white'/%3E%3Cpath d='M9.0334 4.37781C6.48064 4.37781 4.40945 6.44886 4.40945 9.00176C4.40945 11.5547 6.48064 13.6257 9.0334 13.6257C11.5863 13.6257 13.6574 11.5547 13.6574 9.00176C13.6574 6.44886 11.5863 4.37781 9.0334 4.37781ZM9.0334 12.0012C7.3773 12.0012 6.03396 10.658 6.03396 9.00176C6.03396 7.34552 7.3773 6.00232 9.0334 6.00232C10.6896 6.00232 12.0328 7.34552 12.0328 9.00176C12.0328 10.658 10.6896 12.0012 9.0334 12.0012V12.0012Z' fill='white'/%3E%3Cpath d='M14.9198 4.19496C14.9198 4.79109 14.4364 5.27444 13.8401 5.27444C13.244 5.27444 12.7607 4.79109 12.7607 4.19496C12.7607 3.5987 13.244 3.11548 13.8401 3.11548C14.4364 3.11548 14.9198 3.5987 14.9198 4.19496V4.19496Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

#sb_instagram {
    height: auto !important;
    overflow: hidden
}

#sb_instagram #sbi_images {
    padding: 0 !important
}

#sb_instagram .sbi_item {
    position: relative
}

#sb_instagram .sbi_item:before {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.9823 5.29205C17.9402 4.33564 17.7855 3.67812 17.564 3.10836C17.3354 2.50359 16.9838 1.96213 16.5231 1.51201C16.073 1.05489 15.5279 0.699691 14.9302 0.474702C14.3571 0.253147 13.703 0.0984842 12.7466 0.0563159C11.7831 0.0105764 11.4772 0 9.03334 0C6.5895 0 6.28361 0.0105764 5.32363 0.0527447C4.36722 0.094913 3.7097 0.249713 3.14009 0.471131C2.53517 0.699691 1.99371 1.05132 1.5436 1.51201C1.08648 1.96213 0.731414 2.50716 0.506287 3.10493C0.284733 3.67812 0.13007 4.33207 0.0879016 5.28848C0.0421621 6.25203 0.0315857 6.55792 0.0315857 9.00176C0.0315857 11.4456 0.0421621 11.7515 0.0843303 12.7115C0.126499 13.6679 0.281299 14.3254 0.502854 14.8952C0.731414 15.4999 1.08648 16.0414 1.5436 16.4915C1.99371 16.9486 2.53874 17.3038 3.13651 17.5288C3.7097 17.7504 4.36365 17.905 5.3202 17.9472C6.28004 17.9895 6.58607 17.9999 9.0299 17.9999C11.4737 17.9999 11.7796 17.9895 12.7396 17.9472C13.696 17.905 14.3535 17.7504 14.9232 17.5288C16.1328 17.0611 17.0893 16.1047 17.557 14.8952C17.7784 14.322 17.9332 13.6679 17.9753 12.7115C18.0175 11.7515 18.0281 11.4456 18.0281 9.00176C18.0281 6.55792 18.0245 6.25203 17.9823 5.29205ZM16.3614 12.6411C16.3227 13.5202 16.175 13.9949 16.0519 14.3114C15.7495 15.0956 15.1271 15.7179 14.343 16.0204C14.0265 16.1434 13.5484 16.2911 12.6727 16.3297C11.7233 16.372 11.4386 16.3824 9.03691 16.3824C6.63524 16.3824 6.34693 16.372 5.40096 16.3297C4.52189 16.2911 4.04718 16.1434 3.73072 16.0204C3.34049 15.8761 2.98529 15.6476 2.69698 15.3487C2.39809 15.0568 2.16953 14.7052 2.02531 14.315C1.90223 13.9985 1.75458 13.5202 1.71598 12.6447C1.67367 11.6953 1.66324 11.4104 1.66324 9.00876C1.66324 6.6071 1.67367 6.31879 1.71598 5.37295C1.75458 4.49387 1.90223 4.01917 2.02531 3.7027C2.16953 3.31234 2.39809 2.95727 2.70055 2.66883C2.99229 2.36994 3.34392 2.14138 3.73429 1.99729C4.05075 1.87422 4.52903 1.72656 5.40453 1.68783C6.35394 1.64566 6.63881 1.63509 9.04034 1.63509C11.4456 1.63509 11.7303 1.64566 12.6763 1.68783C13.5554 1.72656 14.0301 1.87422 14.3465 1.99729C14.7368 2.14138 15.092 2.36994 15.3803 2.66883C15.6792 2.96071 15.9077 3.31234 16.0519 3.7027C16.175 4.01917 16.3227 4.49731 16.3614 5.37295C16.4036 6.32236 16.4142 6.6071 16.4142 9.00876C16.4142 11.4104 16.4036 11.6917 16.3614 12.6411Z' fill='white'/%3E%3Cpath d='M9.0334 4.37781C6.48064 4.37781 4.40945 6.44886 4.40945 9.00176C4.40945 11.5547 6.48064 13.6257 9.0334 13.6257C11.5863 13.6257 13.6574 11.5547 13.6574 9.00176C13.6574 6.44886 11.5863 4.37781 9.0334 4.37781ZM9.0334 12.0012C7.3773 12.0012 6.03396 10.658 6.03396 9.00176C6.03396 7.34552 7.3773 6.00232 9.0334 6.00232C10.6896 6.00232 12.0328 7.34552 12.0328 9.00176C12.0328 10.658 10.6896 12.0012 9.0334 12.0012V12.0012Z' fill='white'/%3E%3Cpath d='M14.9198 4.19496C14.9198 4.79109 14.4364 5.27444 13.8401 5.27444C13.244 5.27444 12.7607 4.79109 12.7607 4.19496C12.7607 3.5987 13.244 3.11548 13.8401 3.11548C14.4364 3.11548 14.9198 3.5987 14.9198 4.19496V4.19496Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

@media only screen and (max-width: 767px) {
    #sb_instagram .sbi_item:nth-child(n+3) {
        display: none !important
    }
}

#sb_instagram .sbi_no_js img {
    display: block !important
}

@media only screen and (max-width: 480px) {
    #sb_instagram.sbi_col_10 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
        width: 50% !important
    }
}

body.hellice #sb_instagram {
    opacity: 0;
    visibility: hidden;
    height: 0px !important
}

#cookie-law-info-bar {
    background-color: #fafafa !important;
    border-top: 1px solid #f71e13
}

#cookie-law-info-bar .wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important
}

#cookie-law-info-bar .cli-bar-message {
    color: #1a171e;
    font-size: 1rem;
    padding-right: 24px;
    margin-bottom: 0
}

#cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button {
    min-height: 36px;
    font-size: 1rem;
    line-height: 1.3em;
    border-width: 2px;
    padding: 8px 18px 2px;
    border-radius: 0
}

#cookie-law-info-bar .cli-bar-btn_container .cli-plugin-button.cli-plugin-main-link {
    background: rgba(0, 0, 0, 0);
    color: #000
}

/*# sourceMappingURL=style.css.map */