/*   
Theme Name: Zano Theme
Author: Arto
Author URI: http://artogroup.com
Version: 1
*/


.country-selector.weglot-dropdown ul {
	border: none !important;
	background: #FFFCE5 !important;
	border-radius: 10px;
}
.country-selector.weglot-dropdown a {
	color: #014135 !important;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    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;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    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.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 transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list {
    background: url("./loader.gif") center center no-repeat;
}
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}
.slick-prev {
    left: -25px;
    background: url(images/arrow-left.svg) center no-repeat;
}
[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-next {
    right: -25px;
    background: url(images/arrow-right.svg) center no-repeat;
}
[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    opacity: 1;
}
.slick-dots li button:before {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "";
    opacity: 0.25;
    background: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button {
    opacity: 0.75;
}
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-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
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;
}
::selection {
    background: #014135;
    color: #fffce5;
}
::-moz-selection {
    background: #014135;
    color: #fffce5;
}
html {
    width: 100vw;
    overflow-x: hidden;
}
body {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 22px;
    background: #fffce5;
    color: #014135;
    overflow-x: hidden;
    width: 100vw;
}
strong {
    font-weight: 700;
}
* {
    -webkit-font-smoothing: antialiased;
    font-family: "DM Sans", sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
p {
    margin: 0;
}
a {
    text-decoration: none;
    margin: 0;
    color: #014135;
}
a:hover {
    text-decoration: none;
    color: #014135;
}
a:focus {
    text-decoration: none;
    color: #014135;
}
section {
    position: relative;
}
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
@media (min-width: 1300px) {
    .container {
        max-width: 1236px;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1370px;
    }
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.order-first {
    -ms-flex-order: -1;
    order: -1;
}
.order-1 {
    -ms-flex-order: 1;
    order: 1;
}
.order-2 {
    -ms-flex-order: 2;
    order: 2;
}
.order-3 {
    -ms-flex-order: 3;
    order: 3;
}
.order-4 {
    -ms-flex-order: 4;
    order: 4;
}
.order-5 {
    -ms-flex-order: 5;
    order: 5;
}
.order-6 {
    -ms-flex-order: 6;
    order: 6;
}
.order-7 {
    -ms-flex-order: 7;
    order: 7;
}
.order-8 {
    -ms-flex-order: 8;
    order: 8;
}
.order-9 {
    -ms-flex-order: 9;
    order: 9;
}
.order-10 {
    -ms-flex-order: 10;
    order: 10;
}
.order-11 {
    -ms-flex-order: 11;
    order: 11;
}
.order-12 {
    -ms-flex-order: 12;
    order: 12;
}
.offset-1 {
    margin-left: 8.333333%;
}
.offset-2 {
    margin-left: 16.666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.333333%;
}
.offset-5 {
    margin-left: 41.666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.333333%;
}
.offset-8 {
    margin-left: 66.666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.333333%;
}
.offset-11 {
    margin-left: 91.666667%;
}
@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}
@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.333333%;
    }
    .offset-md-2 {
        margin-left: 16.666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.333333%;
    }
    .offset-md-5 {
        margin-left: 41.666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.333333%;
    }
    .offset-md-8 {
        margin-left: 66.666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.333333%;
    }
    .offset-md-11 {
        margin-left: 91.666667%;
    }
}
@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-2 {
        margin-left: 16.666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.333333%;
    }
    .offset-lg-5 {
        margin-left: 41.666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.333333%;
    }
    .offset-lg-8 {
        margin-left: 66.666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.333333%;
    }
    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.333333%;
    }
    .offset-xl-2 {
        margin-left: 16.666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.333333%;
    }
    .offset-xl-5 {
        margin-left: 41.666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.333333%;
    }
    .offset-xl-8 {
        margin-left: 66.666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.333333%;
    }
    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.d-none {
    display: none !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-table-cell {
    display: table-cell !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
header.header {
    padding-top: 58px;
}
header.header .row {
    align-items: center;
}
header.header .col-logo img {
    display: block;
    max-width: 100%;
}
header.header .col-nav-left {
    padding-right: 95px;
}
header.header .col-nav-right {
    padding-left: 95px;
}
header.header nav {
    text-align: justify;
}
header.header nav a {
    display: inline-block;
    font-family: "Assistant", sans-serif;
    font-size: 16px;
    vertical-align: middle;
}
header.header nav:after {
    content: "";
    display: inline-block;
    width: 100%;
}
header.header select {
    background: url(images/i-dropdown.svg) right center no-repeat transparent;
    border: none;
    appearance: none;
    font-family: "Assistant", sans-serif;
    font-size: 16px;
    padding-right: 12px;
    color: #014135;
}
header.header select:focus {
    outline: none;
}
@media screen and (max-width: 1199px) {
    header.header .col-nav-left {
        padding-right: 35px;
    }
    header.header .col-nav-right {
        padding-left: 35px;
    }
}
.header-mobile {
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    padding-top: 22px;
    padding-bottom: 22px;
}
.header-mobile .row {
    align-items: center;
}
.header-mobile .col-3 {
    text-align: right;
}
.header-mobile .button-menu {
    background: #3a791d;
    cursor: pointer;
    display: inline-block;
    padding: 9px 13px 5px;
    border-radius: 20px;
}
.header-mobile .button-menu div {
    width: 42px;
    height: 1px;
    background: #fffce5;
    margin-bottom: 4px;
}
.header-mobile .menu-cont {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fffce5;
    z-index: 9;
    padding-bottom: 50px;
    padding-top: 55px;
}
.header-mobile .menu-cont nav a {
    display: block;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    width: 218px;
    margin: 0 auto;
    border-radius: 29px;
    padding: 14px 0;
}
.header-mobile .menu-cont nav .active {
    background: #3a791d;
    color: #fffce5;
}

.search-popup {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: #014135;
    top: 0;
    left: 0;
    z-index: 999999;
    opacity: 0;
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    transform: translate(0, -10%);
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.search-show {
    opacity: 1;
     -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
}
.s-close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.s-form {
    max-width: 800px;
    width: 100%;
    padding: 0 30px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.s-form form {
    width: 100%;
}
.s-form form input {
    background: transparent;
    border: none;
    color: #DEF49F;
    font-size: 30px;
    border-bottom: 1px solid #DEF49F;
    width: calc(100% - 180px);
    float: left;
    padding: 10px 0 10px 20px;
}

.s-form form input::-webkit-input-placeholder {
    color: #DEF49F;
    font-family: "Assistant", sans-serif;
}
.s-form form input:-moz-placeholder {
    color: #DEF49F;
    font-family: "Assistant", sans-serif;
}
.s-form form input::-moz-placeholder {
    color: #DEF49F;
    font-family: "Assistant", sans-serif;
}
.s-form form input:-ms-input-placeholder {
    color: #DEF49F;
    font-family: "Assistant", sans-serif;
}
.s-form form input:focus {
    outline: none;
}

.s-form form button {
    width: 150px;
    float: right;
}


footer.footer {
    background: #014135;
    padding-top: 66px;
    padding-bottom: 53px;
    position: relative;
    z-index: 3;
}
footer.footer .row {
    align-items: center;
}
footer.footer .row-top {
    margin-bottom: 85px;
}
footer.footer .row-top .col-social {
    text-align: right;
}
footer.footer .row-newletter {
    margin-bottom: 140px;
}
footer.footer .row-newletter .col-newsletter {
    text-align: right;
}
footer.footer .row-newletter .col-newsletter h6 {
    font-size: 52px;
    font-family: "DM Serif Text", serif;
    letter-spacing: -2.5px;
    display: inline-block;
    vertical-align: middle;
    color: #fffce5;
}
footer.footer .row-newletter .col-newsletter form {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 410px);
}
footer.footer .row-newletter .col-newsletter form input[type="email"] {
    display: inline-block;
    vertical-align: middle;
    background: #fffce5;
    border-radius: 57px 0 0 57px;
    height: 84px;
    border: none;
    width: calc(100% - 225px);
    padding-left: 60px;
    font-size: 19px;
    color: #014135;
    font-family: "Assistant", sans-serif;
}
footer.footer .row-newletter .col-newsletter form input[type="email"]::-webkit-input-placeholder {
    color: #014135;
    font-family: "Assistant", sans-serif;
}
footer.footer .row-newletter .col-newsletter form input[type="email"]:-moz-placeholder {
    color: #014135;
    font-family: "Assistant", sans-serif;
}
footer.footer .row-newletter .col-newsletter form input[type="email"]::-moz-placeholder {
    color: #014135;
    font-family: "Assistant", sans-serif;
}
footer.footer .row-newletter .col-newsletter form input[type="email"]:-ms-input-placeholder {
    color: #014135;
    font-family: "Assistant", sans-serif;
}
footer.footer .row-newletter .col-newsletter form input[type="email"]:focus {
    outline: none;
}
footer.footer .row-newletter .col-newsletter form input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    margin-left: -40px;
}
@media screen and (max-width: 1299px) {
    footer.footer .row-newletter .col-newsletter h6 {
        font-size: 45px;
    }
    footer.footer .row-newletter .col-newsletter form {
        width: calc(100% - 350px);
    }
    footer.footer .row-newletter .col-newsletter form input[type="email"] {
        padding-left: 40px;
    }
}
@media screen and (max-width: 1199px) {
    footer.footer .row-newletter .col-newsletter h6 {
        font-size: 45px;
        display: block;
        margin-bottom: 20px;
    }
    footer.footer .row-newletter .col-newsletter form {
        width: 80%;
    }
    footer.footer .row-newletter .col-newsletter form input[type="email"] {
        padding-left: 40px;
    }
}
@media screen and (max-width: 991px) {
    footer.footer .row-newletter .col-newsletter h6 {
        font-size: 45px;
        display: block;
        margin-bottom: 20px;
    }
    footer.footer .row-newletter .col-newsletter form {
        width: 100%;
    }
    footer.footer .row-newletter .col-newsletter form input[type="email"] {
        padding-left: 40px;
        height: 69px;
    }
}
@media screen and (max-width: 767px) {
    footer.footer .row-newletter .col-newsletter form input[type="email"] {
        padding-left: 30px;
        height: 56px;
        width: calc(100% - 140px);
    }
}
footer.footer .row-bottom {
    text-align: justify;
}
footer.footer .row-bottom p {
    display: inline-block;
    color: #def49f;
    font-size: 19px;
    font-family: "Assistant", sans-serif;
    margin-bottom: 10px;
}
footer.footer .row-bottom p a {
    color: #def49f;
}
footer.footer .row-bottom:after {
    content: "";
    display: inline-block;
    width: 100%;
}
@media screen and (max-width: 1199px) {
    footer.footer .row-newletter {
        align-items: flex-end;
        margin-bottom: 100px;
    }
    footer.footer .row-bottom p {
        font-size: 14px;
    }
}
@media screen and (max-width: 991px) {
    footer.footer .container {
        max-width: 100%;
    }
}
@media screen and (max-width: 575px) {
    footer.footer {
        padding-top: 48px;
    }
    footer.footer .row-top {
        margin-bottom: 60px;
    }
    footer.footer .row-newletter {
        margin-bottom: 70px;
    }
    footer.footer .row-newletter .col-newsletter {
        text-align: left;
    }
    footer.footer .row-newletter .col-newsletter h6 {
        font-size: 28px;
        letter-spacing: -0.5px;
    }
}
.z-btn {
    font-size: 26px;
    font-weight: 700;
    display: inline-block;
    padding: 25px 37px;
    border-radius: 57px;
    border: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media screen and (max-width: 991px) {
    .z-btn {
        font-size: 22px;
        padding: 20px 30px;
    }
}
@media screen and (max-width: 767px) {
    .z-btn {
        font-size: 17px;
        padding: 17px 25px;
    }
}
.z-btn-yellow {
    background: #feb42b;
    color: #fffce5;
}
.z-btn-yellow:hover {
    color: #fffce5;
    background: #ed8733;
}
.z-btn-orange {
    background: #ed8733;
    color: #fffce5;
}
.z-btn-orange:hover {
    color: #fffce5;
    background: #feb42b;
}
.z-btn-purple {
    background: #623561;
    color: #fffce5;
}
.z-btn-purple:hover {
    color: #fffce5;
    background: #986ca3;
}
.z-btn-green {
    background: #def49f;
    color: #014135;
}
.z-btn-green:hover {
    color: #fffce5;
    background: #986ca3;
}
.z-btn-green-2 {
    background: #19603d;
    color: #fffce5;
}
.z-btn-green-2:hover {
    background: #def49f;
    color: #014135;
}
.z-btn-red {
    background: #db0243;
    color: #fffce5;
}
.z-btn-red:hover {
    background: #feb42b;
}
.z-btn-blue {
    background: #027e77;
    color: #fffce5;
}
.z-btn-blue:hover {
    background: #def49f;
    color: #014135;
}
h3 {
    font-size: 104px;
    letter-spacing: -2px;
    line-height: 90.5%;
    font-family: "Tilt Warp", sans-serif;
}
@media screen and (max-width: 767px) {
    h3 {
        font-size: 50px;
    }
}
section.home .block01 {
    padding-top: 28px;
    position: relative;
    padding-bottom: 220px;
    z-index: 3;
}
section.home .block01 .text {
    max-width: 1160px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}
section.home .block01 .text h2 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 150px;
    line-height: 90%;
    margin-bottom: 138px;
    letter-spacing: -2px;
}
section.home .block01 .lime-container {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -160px;
    width: 794px;
}
section.home .block01 .lime-container img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 1299px) {
    section.home .block01 .text h2 {
        font-size: 140px;
    }
}
@media screen and (max-width: 1199px) {
    section.home .block01 .text h2 {
        font-size: 120px;
        margin-bottom: 100px;
    }
    section.home .block01 .lime-container {
        width: 600px;
        bottom: -80px;
    }
}
@media screen and (max-width: 991px) {
    section.home .block01 .text h2 {
        font-size: 90px;
        margin-bottom: 100px;
    }
    section.home .block01 .lime-container {
        width: 550px;
        bottom: -70px;
    }
}
@media screen and (max-width: 767px) {
    section.home .block01 {
        padding-bottom: 100px;
        padding-top: 10px;
    }
    section.home .block01 .text h2 {
        font-size: 70px;
        margin-bottom: 40px;
    }
    section.home .block01 .lime-container {
        width: 313px;
        bottom: -70px;
    }
}
@media screen and (max-width: 575px) {
    section.home .block01 {
        padding-bottom: 100px;
        padding-top: 10px;
    }
    section.home .block01 .text h2 {
        font-size: 50px;
        margin-bottom: 40px;
    }
    section.home .block01 .lime-container {
        width: 313px;
        bottom: -70px;
    }
}
section.home .block02 {
    background: #014135;
    color: #fffce5;
    padding-top: 183px;
    padding-bottom: 140px;
    position: relative;
    z-index: 2;
}
section.home .block02 .container {
    position: relative;
    z-index: 1;
}
section.home .block02 .col-text h6 {
    font-family: "Assistant", sans-serif;
    font-size: 25px;
    margin-bottom: 23px;
}
section.home .block02 .col-text h3 {
    margin-bottom: 25px;
}
section.home .block02 .col-text .text {
    font-size: 30px;
    margin-bottom: 29px;
    line-height: 125%;
    letter-spacing: 0;
}
section.home .block02 .col-img {
    position: relative;
}
section.home .block02 .col-img img {
    display: block;
    margin: 0 auto 0;
    z-index: 2;
    position: relative;
}
section.home .block02 .hand {
    position: absolute;
    right: 0;
    max-width: 45%;
    top: 45%;
    z-index: 3;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
section.home .block02 .img-fixed {
    position: absolute;
    bottom: 34px;
    right: 0;
    z-index: 0;
    max-width: 68%;
}
@media screen and (max-width: 1199px) {
    section.home .block02 .col-img img {
        margin: 10px auto 0;
    }
}
@media screen and (max-width: 991px) {
    section.home .block02 {
        padding-top: 150px;
        padding-bottom: 450px;
    }
    section.home .block02 .hand {
        position: relative;
        max-width: 100%;
        width: 65%;
        margin: 0 0 0 auto;
        top: auto;
        display: block;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    section.home .block02 .img-fixed {
        max-width: 120%;
        width: 120%;
    }
}
@media screen and (max-width: 767px) {
    section.home .block02 {
        padding-top: 100px;
        padding-bottom: 0;
    }
    section.home .block02 .col-text {
        text-align: center;
    }
    section.home .block02 .col-text h6 {
        font-size: 16px;
        margin-bottom: 30px;
    }
    section.home .block02 .col-text h3 {
        margin-bottom: 23px;
    }
    section.home .block02 .col-text .text {
        font-size: 18px;
    }
    section.home .block02 .col-img img {
        width: 250px;
    }
}
section.home .block03 {
    color: #fffce5;
    padding-top: 257px;
    padding-bottom: 312px;
    position: relative;
    overflow: hidden;
}
section.home .block03 .container {
    position: relative;
    z-index: 2;
}
section.home .block03 .col-text {
    margin-bottom: 28px;
}
section.home .block03 .col-text h6 {
    font-size: 25px;
    line-height: 90.5%;
    text-transform: uppercase;
    margin-bottom: 29px;
}
section.home .block03 .col-text h3 {
    margin-bottom: 45px;
}
section.home .block03 .col-text .text {
    font-size: 30px;
    line-height: 125%;
}
section.home .block03 .columns .col-column .column-in {
    background: #fffce5;
    color: #014135;
    border-radius: 33px;
    padding: 35px 38px 53px;
    height: 100%;
}
section.home .block03 .columns .col-column .column-in .t-top {
    margin-bottom: 6px;
}
section.home .block03 .columns .col-column .column-in .t-top .n {
    font-size: 82px;
    letter-spacing: -2.5px;
    width: calc(100% - 89px);
    display: inline-block;
    vertical-align: middle;
}
section.home .block03 .columns .col-column .column-in .t-top .ico {
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}
section.home .block03 .columns .col-column .column-in .t-top .ico img {
    width: 100%;
}
section.home .block03 .columns .col-column .column-in .p {
    font-size: 23px;
    line-height: 125%;
}
section.home .block03 video {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
@media screen and (max-width: 1199px) {
    section.home .block03 {
        padding-top: 200px;
        padding-bottom: 270px;
    }
    section.home .block03 .columns .row {
        justify-content: center;
    }
    section.home .block03 .columns .col-column .column-in {
        padding: 35px 30px 53px;
    }
    section.home .block03 .columns .col-column .column-in .t-top .n {
        font-size: 60px;
    }
    section.home .block03 .columns .col-column .column-in .p {
        font-size: 20px;
    }
}
@media screen and (max-width: 991px) {
    section.home .block03 {
        padding-top: 160px;
        padding-bottom: 200px;
    }
    section.home .block03 .columns .col-column {
        margin-bottom: 30px;
    }
    section.home .block03 .columns .col-column:last-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 767px) {
    section.home .block03 {
        padding-top: 40px;
        padding-bottom: 109px;
    }
    section.home .block03 .col-text {
        text-align: center;
    }
    section.home .block03 .col-text h6 {
        font-size: 16px;
        margin-bottom: 7px;
    }
    section.home .block03 .col-text h3 {
        margin-bottom: 10px;
    }
    section.home .block03 .columns .col-column {
        margin-bottom: 20px;
    }
    section.home .block03 .columns .col-column .column-in {
        padding: 18px 25px 15px;
    }
    section.home .block03 .columns .col-column .column-in .t-top .n {
        font-size: 45px;
        width: calc(100% - 53px);
    }
    section.home .block03 .columns .col-column .column-in .t-top .ico {
        width: 45px;
    }
    section.home .block03 .columns .col-column .column-in .p {
        font-size: 16px;
    }
}
@media screen and (max-width: 575px) {
    section.home .block03 .columns .col-column {
        margin-bottom: 13px;
    }
}
section.home .block04 {
    background: #9b6ca3;
    color: #fffce5;
    padding: 120px 0 98px;
}
section.home .block04 h3 {
    text-align: center;
    margin-bottom: 48px;
}
section.home .block04 .products-container {
    margin-bottom: 70px;
}
section.home .block04 .products-container .row {
    justify-content: center;
}
section.home .block04 .products-container .col {
    position: relative;
}
section.home .block04 .products-container .col a:hover .img {
    opacity: 0;
}
section.home .block04 .products-container .col a:hover .img-hover {
    opacity: 1;
}
section.home .block04 .products-container .col img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
section.home .block04 .products-container .col .img-hover {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 20px;
    max-width: calc(100% - 30px);
    opacity: 0;
}
section.home .block04 .feature-container {
    text-align: justify;
    max-width: 500px;
    margin: 0 auto;
}
section.home .block04 .feature-container li {
    position: relative;
    display: inline-block;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    font-size: 25px;
    vertical-align: middle;
}
section.home .block04 .feature-container:after {
    content: "";
    display: inline-block;
    width: 100%;
}
@media screen and (max-width: 991px) {
    section.home .block04 {
        padding: 80px 0 70px;
    }
    section.home .block04 h3 {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 767px) {
    section.home .block04 {
        padding: 60px 0 40px;
    }
    section.home .block04 h3 {
        margin-bottom: 0px;
    }
    section.home .block04 .products-container {
        margin-bottom: 50px;
    }
    section.home .block04 .feature-container {
        max-width: 400px;
    }
}
@media screen and (max-width: 575px) {
    section.home .block04 .feature-container {
        text-align: center;
    }
    section.home .block04 .feature-container li {
        display: block;
        margin-bottom: 70px;
    }
    section.home .block04 .feature-container li:last-child {
        margin-bottom: 0;
    }
}
section.home .block05,
section.about .block05 {
    background: #014135;
    color: #fffce5;
    padding: 98px 0 150px;
}
section.home .block05 h3,
section.about .block05 h3 {
    text-align: center;
    margin-bottom: 50px;
}
section.home .block05 .subtitle,
section.about .block05 .subtitle {
    text-align: center;
    margin-bottom: 83px;
}
section.home .block05 .subtitle p,
section.about .block05 .subtitle p {
    font-size: 30px;
}
section.home .block05 .columns .ico,
section.about .block05 .columns .ico {
    height: 233px;
    width: 233px;
    margin: 0 auto 14px;
    max-width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
section.home .block05 .columns .ico img,
section.about .block05 .columns .ico img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
section.home .block05 .columns .ico:hover,
section.about .block05 .columns .ico:hover {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
section.home .block05 .columns h5,
section.about .block05 .columns h5 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 35px;
    letter-spacing: -2px;
    line-height: 35px;
    max-width: 245px;
    text-align: center;
    margin: 0 auto 16px;
}
section.home .block05 .columns .text,
section.about .block05 .columns .text {
    font-size: 22px;
    line-height: 125%;
    max-width: 283px;
    text-align: center;
    margin: 0 auto;
}
@media screen and (max-width: 991px) {
    section.home .block05,
    section.about .block05 {
        padding: 80px 0 120px;
    }
    section.home .block05 h3,
    section.about .block05 h3 {
        margin-bottom: 40px;
    }
    section.home .block05 .subtitle,
    section.about .block05 .subtitle {
        margin-bottom: 50px;
    }
    section.home .block05 .columns .ico,
    section.about .block05 .columns .ico {
        height: 200px;
        width: 200px;
    }
    section.home .block05 .columns h5,
    section.about .block05 .columns h5 {
        max-width: 100%;
    }
    section.home .block05 .columns .text,
    section.about .block05 .columns .text {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    section.home .block05,
    section.about .block05 {
        padding: 80px 0 120px;
    }
    section.home .block05 h3,
    section.about .block05 h3 {
        margin-bottom: 40px;
    }
    section.home .block05 .subtitle,
    section.about .block05 .subtitle {
        margin-bottom: 50px;
    }
    section.home .block05 .subtitle p,
    section.about .block05 .subtitle p {
        font-size: 25px;
    }
    section.home .block05 .columns .col-12,
    section.about .block05 .columns .col-12 {
        margin-bottom: 70px;
    }
    section.home .block05 .columns .col-12:last-child,
    section.about .block05 .columns .col-12:last-child {
        margin-bottom: 0;
    }
    section.home .block05 .columns .ico,
    section.about .block05 .columns .ico {
        height: 140px;
        width: 140px;
    }
    section.home .block05 .columns h5,
    section.about .block05 .columns h5 {
        font-size: 25px;
    }
    section.home .block05 .columns .text,
    section.about .block05 .columns .text {
        font-size: 18px;
        max-width: 100%;
    }
}
@media screen and (max-width: 575px) {
    section.home .block05,
    section.about .block05 {
        padding: 80px 0 120px;
    }
    section.home .block05 h3,
    section.about .block05 h3 {
        margin-bottom: 40px;
    }
    section.home .block05 .subtitle,
    section.about .block05 .subtitle {
        margin-bottom: 50px;
    }
    section.home .block05 .subtitle p,
    section.about .block05 .subtitle p {
        font-size: 25px;
    }
    section.home .block05 .columns .ico,
    section.about .block05 .columns .ico {
        height: 140px;
        width: 140px;
    }
    section.home .block05 .columns h5,
    section.about .block05 .columns h5 {
        font-size: 20px;
        letter-spacing: -0.5px;
    }
    section.home .block05 .columns .text,
    section.about .block05 .columns .text {
        font-size: 14px;
    }
}
section.home .block06 {
    background: #19603d;
    color: #fffce5;
    position: relative;
}
section.home .block06 .col-12 {
    padding-top: 174px;
    padding-bottom: 172px;
}
section.home .block06 .col-12 h3 {
    margin-bottom: 32px;
}
section.home .block06 .col-12 .text {
    font-size: 30px;
    line-height: 125%;
    margin-bottom: 27px;
}
section.home .block06 .background {
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: calc(50% - 15px);
    top: 0;
    right: 0;
}
section.home .block06 .background img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
@media screen and (max-width: 1199px) {
    section.home .block06 .col-12 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media screen and (max-width: 991px) {
    section.home .block06 .background {
        position: relative;
        width: 100%;
    }
    section.home .block06 .background img {
        position: relative;
        display: block;
    }
}
section.home .block07 {
    padding-top: 136px;
    margin-bottom: 118px;
}
section.home .block07 .row {
    margin-left: -11px;
    margin-right: -11px;
}
section.home .block07 .row .col {
    padding-left: 11px;
    padding-right: 11px;
}
section.home .block07 .block-in {
    overflow: hidden;
}
section.home .block07 .block-in h4 {
    font-size: 73px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 95%;
    font-family: "Outfit", sans-serif;
}
section.home .block07 .block-in h6 {
    font-size: 35px;
    font-family: "Tilt Warp", sans-serif;
    line-height: 37px;
    letter-spacing: -2px;
}
section.home .block07 .block-in-p {
    border-radius: 37px;
    background: #623561;
    padding: 38px 40px 40px;
}
section.home .block07 .block-in-p h4 {
    color: #def49f;
    margin-top: 169px;
    height: 207px;
     overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical;
}
section.home .block07 .block-in-r {
    background: #db0243;
    border-radius: 18px;
    padding: 21px 19px 122px;
}
section.home .block07 .block-in-r:hover {
    background: #ff5768;
}
section.home .block07 .block-in-r h6 {
    color: #fbe93a;
    height: 111px;
     overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical;
}
section.home .block07 .block-in-a {
    background: #feb42b;
    border-radius: 18px;
    padding: 21px 19px 122px;
}
section.home .block07 .block-in-a:hover {
    background: #fcc153;
}
section.home .block07 .block-in-a h6 {
    color: #a63d10;
     height: 111px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical;
}
section.home .block07 .block-in-b {
    background: #eee4da;
    border-radius: 18px;
    margin-top: 22px;
    height: 255px;
    padding: 0 0 0 14px;
}
section.home .block07 .block-in-b:hover {
    background: #faf5f0;
}
section.home .block07 .block-in-b .col-text {
    padding-top: 23px;
}
section.home .block07 .block-in-b h6 {
    font-size: 52px;
    color: #014135;
    line-height: 101%;
    letter-spacing: -2px;
     overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical;
}

section.home .block07 .block-in-b .row {
    height: 100%;
}
section.home .block07 .block-in-b .col-img {
    padding-right: 0;
}
section.home .block07 .block-in-b .col-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.home .block07 .block-in-g {
    background: #027e77;
    border-radius: 30px;
    color: #fffce5;
    padding: 33px 30px 42px;
}
section.home .block07 .block-in-g:hover {
    background: #05ada4;
}
section.home .block07 .block-in-g .p {
    font-size: 22px;
    line-height: 125%;
    margin-bottom: 69px;
}
section.home .block07 .block-in-g h6 {
    font-size: 37px;
    line-height: 101%;
    letter-spacing: -2px;
      overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical;
}
@media screen and (max-width: 1399px) {
    section.home .block07 .block-in-g .p {
        font-size: 20px;
        margin-bottom: 94px;
    }
}
@media screen and (max-width: 1299px) {
    section.home .block07 .block-in h4 {
        font-size: 65px;
    }
    section.home .block07 .block-in h6 {
        font-size: 30px;
        line-height: 32px;
    }
    section.home .block07 .block-in-r,
    section.home .block07 .block-in-a {
        padding: 21px 19px 118px;
    }
    section.home .block07 .block-in-b {
        height: 250px;
    }
    section.home .block07 .block-in-g .p {
        margin-bottom: 88px;
    }
}
@media screen and (max-width: 1199px) {
    section.home .block07 .block-in h4 {
        font-size: 55px;
    }
    section.home .block07 .block-in h6 {
        font-size: 27px;
        line-height: 32px;
    }
    section.home .block07 .block-in-r,
    section.home .block07 .block-in-a {
        padding: 21px 19px 105px;
    }
    section.home .block07 .block-in-b {
        height: 236px;
    }
    section.home .block07 .block-in-g {
        padding: 33px 20px 42px;
    }
    section.home .block07 .block-in-g .p {
        margin-bottom: 61px;
        font-size: 18px;
    }
}
@media screen and (max-width: 992px) {
    section.home .block07 {
        padding-top: 100px;
    }
    section.home .block07 .block-in h4 {
        font-size: 50px;
    }
    section.home .block07 .block-in h6 {
        font-size: 25px;
        line-height: 27px;
    }
    section.home .block07 .block-in-r,
    section.home .block07 .block-in-a {
        padding: 21px 19px 95px;
    }
    section.home .block07 .block-in-b {
        height: 227px;
    }
    section.home .block07 .block-in-g {
        padding: 33px 20px 42px;
        margin-top: 22px;
    }
    section.home .block07 .block-in-g .p {
        margin-bottom: 61px;
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    section.home .block07 {
        padding-top: 73px;
    }
    section.home .block07 .block-in h4 {
        font-size: 43px;
    }
    section.home .block07 .block-in h6 {
        font-size: 25px;
        line-height: 27px;
        letter-spacing: -1px;
    }
    section.home .block07 .block-in-p {
        border-radius: 37px;
        background: #623561;
        padding: 23px 22px 20px;
        margin-bottom: 22px;
    }
    section.home .block07 .block-in-p h4 {
        color: #def49f;
        margin-top: 105px;
        font-size: 43px;
    }
    section.home .block07 .block-in-r,
    section.home .block07 .block-in-a {
        padding: 21px 19px 95px;
    }
    section.home .block07 .block-in-b {
        height: 227px;
    }
    section.home .block07 .block-in-g {
        padding: 33px 20px 42px;
        margin-top: 22px;
    }
    section.home .block07 .block-in-g .p {
        margin-bottom: 61px;
        font-size: 18px;
    }
}
@media screen and (min-width: 992px) {
    .col-40 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .col-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
section.home .block08,
section.about .block08,
section.single .block08 {
    background: #19603d;
    text-align: center;
    position: relative;
    color: #fffce5;
    padding: 210px 0 200px;
}
section.home .block08 h3,
section.about .block08 h3,
section.single .block08 h3 {
    font-size: 104px;
    letter-spacing: -2.5px;
    line-height: 90.5%;
    max-width: 872px;
    margin: 0 auto 76px;
}
section.home .block08 .p,
section.about .block08 .p,
section.single .block08 .p {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -2px;
    max-width: 656px;
    margin: 56px auto 0;
    font-family: "Tilt Warp", sans-serif;
}
@media screen and (max-width: 575px) {
    section.home .block08 h3,
    section.about .block08 h3,
    section.single .block08 h3 {
        font-size: 40px;
        max-width: 317px;
        margin-bottom: 32px;
    }
}
section.about .block01 {
    background: #19603d;
    text-align: center;
    color: #fffce5;
    padding-top: 51px;
    padding-bottom: 121px;
}
section.about .block01 h1 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 36px;
    letter-spacing: -2px;
    line-height: 37px;
    margin-bottom: 40px;
}
section.about .block01 h2 {
    font-size: 150px;
    font-family: "Tilt Warp", sans-serif;
    line-height: 90%;
    letter-spacing: -2.5px;
    margin-bottom: 48px;
}
section.about .block01 .p {
    font-size: 26px;
    font-family: "Assistant", sans-serif;
    margin-bottom: 59px;
}
@media screen and (max-width: 1199px) {
    section.about .block01 h2 {
        font-size: 120px;
    }
}
@media screen and (max-width: 991px) {
    section.about .block01 h1 {
        margin-bottom: 30px;
    }
    section.about .block01 h2 {
        font-size: 100px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 767px) {
    section.about .block01 h1 {
        margin-bottom: 26px;
    }
    section.about .block01 h2 {
        font-size: 70px;
        margin-bottom: 25px;
    }
    section.about .block01 .p {
        font-size: 18px;
        margin-bottom: 40px;
        max-width: 310px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 575px) {
    section.about .block01 h2 {
        font-size: 50px;
    }
}
section.about .block-grid {
    position: relative;
}
section.about .block-grid .col-text {
    padding-top: 150px;
    padding-bottom: 185px;
}
section.about .block-grid h4 {
    font-size: 104px;
    font-family: "Tilt Warp", sans-serif;
    line-height: 90%;
    letter-spacing: -2.5px;
    margin-bottom: 52px;
}
section.about .block-grid h6 {
    font-family: "Assistant", sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 49px;
}
section.about .block-grid .text {
    font-size: 30px;
    line-height: 125%;
}
section.about .block-grid .img {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    overflow: hidden;
}
section.about .block-grid .img img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
section.about .block-grid-l .col-text {
    padding-right: 110px;
}
section.about .block-grid-l .img {
    right: 0;
}
section.about .block-grid-r .row {
    justify-content: end;
}
section.about .block-grid-r .col-text {
    padding-left: 110px;
}
section.about .block-grid-r .img {
    left: 0;
}
section.about .block-grid-01 {
    background: #def49f;
}
section.about .block-grid-02 {
    background: #d1e74b;
}
section.about .block-grid-03 {
    background: #19603d;
    color: #fffce5;
}
section.about .block-grid-04 {
    background: #3a791d;
    color: #fffce5;
}
@media screen and (max-width: 1199px) {
    section.about .block-grid .col-text {
        padding-top: 120px;
        padding-bottom: 150px;
    }
    section.about .block-grid h4 {
        font-size: 90px;
    }
    section.about .block-grid h6 {
        font-size: 24px;
    }
    section.about .block-grid .text {
        font-size: 27px;
    }
    section.about .block-grid-l .col-text {
        padding-right: 30px;
    }
    section.about .block-grid-r .col-text {
        padding-left: 30px;
    }
}
@media screen and (max-width: 991px) {
    section.about .block-grid .col-text {
        padding-top: 120px;
        padding-bottom: 150px;
    }
    section.about .block-grid h4 {
        font-size: 70px;
    }
    section.about .block-grid h6 {
        font-size: 24px;
    }
    section.about .block-grid .text {
        font-size: 22px;
    }
    section.about .block-grid-l .col-text {
        padding-right: 30px;
    }
    section.about .block-grid-r .col-text {
        padding-left: 30px;
    }
}
@media screen and (max-width: 767px) {
    section.about .block-grid .col-text {
        padding-top: 80px;
        padding-bottom: 90px;
    }
    section.about .block-grid .img {
        position: relative;
        height: 340px;
        width: 100%;
        top: 0;
        overflow: hidden;
    }
    section.about .block-grid .img img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    section.about .block-grid-l .col-text {
        padding-right: 15px;
    }
    section.about .block-grid-r .col-text {
        padding-left: 15px;
    }
}
@media screen and (max-width: 575px) {
    section.about .block-grid .col-text {
        padding-top: 60px;
        padding-bottom: 57px;
    }
    section.about .block-grid h4 {
        font-size: 50px;
        margin-bottom: 23px;
    }
    section.about .block-grid h6 {
        font-size: 18px;
        margin-bottom: 26px;
    }
    section.about .block-grid .text {
        font-size: 18px;
    }
}
section.about .block03 {
    padding-top: 97px;
    padding-bottom: 98px;
}
section.about .block03 .row {
    justify-content: center;
}
section.about .block03 h3 {
    font-size: 102px;
    font-family: "Tilt Warp", sans-serif;
    line-height: 90%;
    letter-spacing: -2.5px;
    margin-bottom: 30px;
    text-align: center;
}
section.about .block03 .p {
    font-size: 30px;
    line-height: 125%;
    margin: 0 auto 80px;
    max-width: 800px;
    text-align: center;
}
section.about .block03 .col-column {
    text-align: center;
}
section.about .block03 .col-column .column-in {
    border-radius: 77px;
    padding-top: 87px;
    height: 100%;
    padding-bottom: 65px;
    padding-left: 10px;
    padding-right: 10px;
}
section.about .block03 .col-column .ico {
    width: 200px;
    height: 121px;
    margin: 0 auto 18px;
    max-width: 100%;
}
section.about .block03 .col-column .ico img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
section.about .block03 .col-column h6 {
    font-size: 35px;
    font-family: "Tilt Warp", sans-serif;
    line-height: 35px;
    letter-spacing: -2px;
    margin-bottom: 20px;
}
section.about .block03 .col-column p {
    font-size: 22px;
    line-height: 125%;
    max-width: 210px;
    margin: 0 auto;
}
@media screen and (max-width: 1199px) {
    section.about .block03 .col-column .column-in {
        border-radius: 67px;
        padding-top: 70px;
        padding-bottom: 55px;
    }
    section.about .block03 .col-column h6 {
        font-size: 33px;
    }
    section.about .block03 .col-column p {
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    section.about .block03 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    section.about .block03 h3 {
        font-size: 90px;
    }
    section.about .block03 .p {
        font-size: 25px;
    }
    section.about .block03 .col-column {
        margin-bottom: 30px;
    }
    section.about .block03 .col-column .column-in {
        border-radius: 67px;
        padding-top: 70px;
        padding-bottom: 55px;
    }
    section.about .block03 .col-column h6 {
        font-size: 33px;
    }
    section.about .block03 .col-column p {
        font-size: 18px;
    }
}
@media screen and (max-width: 575px) {
    section.about .block03 {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    section.about .block03 h3 {
        font-size: 50px;
        margin-bottom: 14px;
    }
    section.about .block03 .p {
        font-size: 18px;
        margin-bottom: 35px;
    }
    section.about .block03 .col-column {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px;
    }
    section.about .block03 .col-column .column-in {
        border-radius: 40px;
        padding-top: 55px;
        padding-bottom: 40px;
    }
    section.about .block03 .col-column .ico {
        width: 55px;
        height: 55px;
        margin-bottom: 2px;
    }
    section.about .block03 .col-column h6 {
        font-size: 18px;
        margin-bottom: 0;
    }
    section.about .block03 .col-column p {
        font-size: 12px;
    }
}
section.about .block06 {
    padding-top: 115px;
    padding-bottom: 89px;
}
section.about .block06 h3 {
    text-align: center;
    font-size: 104px;
    font-family: "Tilt Warp", sans-serif;
    color: #014135;
    margin-bottom: 103px;
}
section.about .block06 .b-row {
    background: #f8f4d2;
    border-radius: 50px;
    padding-right: 43px;
    padding-left: 43px;
    margin-bottom: 27px;
}
section.about .block06 .b-row .row {
    align-items: center;
    height: 215px;
}
section.about .block06 .b-row h6 {
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -2px;
    font-family: "Tilt Warp", sans-serif;
}
@media screen and (max-width: 1199px) {
    section.about .block06 h3 {
        font-size: 90px;
    }
    section.about .block06 .b-row h6 {
        font-size: 32px;
    }
    section.about .block06 .b-row .col-logo img {
        max-width: 200px;
        max-height: 100px;
    }
}
@media screen and (max-width: 991px) {
    section.about .block06 {
        padding-top: 30px;
        padding-bottom: 89px;
    }
    section.about .block06 h3 {
        font-size: 70px;
    }
    section.about .block06 .b-row {
        padding-top: 64px;
        padding-bottom: 0;
    }
    section.about .block06 .b-row .row {
        height: auto;
        justify-content: center;
    }
    section.about .block06 .b-row .col-title {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    section.about .block06 .b-row h6 {
        font-size: 32px;
        margin-bottom: 50px;
        text-align: center;
    }
    section.about .block06 .b-row .col-logo {
        margin-bottom: 40px;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    section.about .block06 .b-row .col-logo img {
        max-width: 100%;
        max-height: 100px;
        margin: 0 auto;
        display: block;
    }
}
@media screen and (max-width: 767px) {
    section.about .block06 h3 {
        font-size: 50px;
        margin-bottom: 22px;
    }
    section.about .block06 .b-row h4 {
        font-size: 28px;
    }
    section.about .block06 .b-row .col-logo {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media screen and (max-width: 575px) {
    section.about .block06 .b-row .col-logo {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
section.about .block07 {
    background: #feb42b;
    color: #fffce5;
    position: relative;
    padding-top: 162px;
    padding-bottom: 158px;
}
section.about .block07 .row {
    justify-content: end;
}
section.about .block07 h3 {
    font-size: 104px;
    font-family: "Tilt Warp", sans-serif;
    line-height: 90%;
    letter-spacing: -2.5px;
    margin-bottom: 56px;
}
section.about .block07 .text {
    font-size: 31px;
    line-height: 125%;
    margin-bottom: 58px;
}
section.about .block07 .img {
    position: absolute;
    left: 12%;
    top: 50%;
    max-width: 65%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
section.about .block07 .img img {
    max-width: 100%;
}
@media screen and (max-width: 1199px) {
    section.about .block07 {
        padding-top: 130px;
        padding-bottom: 110px;
    }
    section.about .block07 .img {
        max-width: 45%;
        left: 5%;
    }
}
@media screen and (max-width: 991px) {
    section.about .block07 {
        padding-top: 110px;
        padding-bottom: 90px;
    }
    section.about .block07 h3 {
        font-size: 90px;
        margin-bottom: 56px;
    }
    section.about .block07 .text {
        font-size: 22px;
        margin-bottom: 58px;
    }
}
@media screen and (max-width: 767px) {
    section.about .block07 {
        padding-top: 90px;
        padding-bottom: 50px;
    }
    section.about .block07 h3 {
        font-size: 70px;
        margin-bottom: 30px;
    }
    section.about .block07 .text {
        font-size: 18px;
        margin-bottom: 58px;
    }
}
@media screen and (max-width: 575px) {
    section.about .block07 {
        padding-top: 60px;
        padding-bottom: 50px;
        text-align: center;
    }
    section.about .block07 h3 {
        font-size: 50px;
        margin-bottom: 30px;
    }
    section.about .block07 .text {
        font-size: 18px;
        margin-bottom: 58px;
    }
    section.about .block07 .img {
        position: relative;
        margin: 0 auto;
        left: 0;
        top: auto;
        max-width: 65%;
        display: block;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
section.products .block01 {
    background: #9b6ca3;
    color: #fffce5;
    padding: 120px 0 98px;
}
section.products .block01 h1 {
    text-align: center;
    margin-bottom: 48px;
    font-family: "Tilt Warp", sans-serif;
    font-size: 158px;
    letter-spacing: -2.5px;
    line-height: 90%;
}
section.products .block01 .products-container {
    margin-bottom: 70px;
}
section.products .block01 .products-container .row {
    justify-content: center;
}
section.products .block01 .products-container .col-product .button-tab-img {
    cursor: pointer;
}
section.products .block01 .products-container .col-product img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 1199px) {
    section.products .block01 h1 {
        font-size: 140px;
    }
}
@media screen and (max-width: 991px) {
    section.products .block01 h1 {
        font-size: 110px;
    }
}
@media screen and (max-width: 767px) {
    section.products .block01 {
        padding: 80px 0 30px;
    }
    section.products .block01 .products-container {
        margin-bottom: 0;
    }
    section.products .block01 h1 {
        font-size: 80px;
    }
}
@media screen and (max-width: 575px) {
    section.products .block01 {
        padding: 40px 0 30px;
    }
    section.products .block01 h1 {
        font-size: 54px;
    }
}


section.products .block02 .p-tabs {
    background: #9b6ca3;
}
section.products .block02 .p-tabs .row {
    align-items: flex-end;
}
section.products .block02 .p-tabs .no-active {
    border-radius: 0 0 26px 26px;
}
section.products .block02 .p-tabs .button-tab {
    font-family: "Tilt Warp", sans-serif;
    font-size: 37px;
    letter-spacing: -2px;
    color: #fffce5;
    cursor: pointer;
    text-align: center;
    padding: 0 0 29px;
}
section.products .block02 .p-tabs .active {
    background: #fffce5;
    border-radius: 94px 94px 0 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
section.products .block02 .p-tabs .active .button-tab {
    color: #014135;
    font-size: 84px;
    padding: 30px 0 7px;
}
@media screen and (max-width: 991px) {
    section.products .block02 .p-tabs .button-tab {
        font-size: 33px;
    }
    section.products .block02 .p-tabs .active {
        border-radius: 70px 70px 0 0;
    }
    section.products .block02 .p-tabs .active .button-tab {
        font-size: 50px;
    }
}
@media screen and (max-width: 575px) {
    section.products .block02 .p-tabs .button-tab {
        font-size: 28px;
        padding: 0px 0 12px;
    }
    section.products .block02 .p-tabs .active {
        border-radius: 43px 43px 0 0;
    }
    section.products .block02 .p-tabs .active .button-tab {
        font-size: 36px;
        padding: 10px 0 7px;
    }
}
section.products .block02 .col-contents {
    padding-top: 50px;
}
section.products .block02 .col-contents .p-content .col-text .text-block {
    margin-bottom: 108px;
}
section.products .block02 .col-contents .p-content .col-text .text-block h6 {
    font-size: 52px;
    font-family: "DM Serif Text", serif;
    margin-bottom: 32px;
}
section.products .block02 .col-contents .p-content .col-text .text-block .text {
    font-size: 23px;
    line-height: 125%;
}
@media screen and (max-width: 1199px) {
    section.products .block02 .col-contents .p-content .col-text .text-block {
        margin-bottom: 80px;
    }
    section.products .block02 .col-contents .p-content .col-text .text-block .text {
        font-size: 20px;
    }
}
@media screen and (max-width: 991px) {
    section.products .block02 .col-contents .p-content .col-text .text-block {
        margin-bottom: 80px;
    }
    section.products .block02 .col-contents .p-content .col-text .text-block h6 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    section.products .block02 .col-contents .p-content .col-text .text-block .text {
        font-size: 18px;
    }
}
@media screen and (max-width: 767px) {
    section.products .block02 .col-contents .p-content .col-text .text-block {
        margin-bottom: 60px;
    }
    section.products .block02 .col-contents .p-content .col-text .text-block h6 {
        font-size: 36px;
        margin-bottom: 0;
        text-align: center;
        margin-bottom: 23px;
    }
}
section.products .block02 .col-contents .p-content .col-img .circle {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
section.products .block02 .col-contents .p-content .col-img .circle img {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 0;
    right: 0px;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
@media screen and (max-width: 991px) {
    section.products .block02 .col-contents .p-content .col-img .circle {
        width: 350px;
        padding-bottom: 350px;
        margin: -50px auto 50px;
        top: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@media screen and (max-width: 767px) {
    section.products .block02 .col-contents .p-content .col-img .circle {
        width: 350px;
        padding-bottom: 350px;
        margin: -20px auto 50px;
    }
}
section.products .block02 .col-contents .p-content .feature-container {
    text-align: justify;
    max-width: 790px;
    margin: 0 auto;
}
section.products .block02 .col-contents .p-content .feature-container li {
    position: relative;
    display: inline-block;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    font-size: 25px;
}
section.products .block02 .col-contents .p-content .feature-container li:before {
    content: "";
    display: inline-block;
    height: 40px;
    width: 40px;
    background: url(images/i-heart-green.svg) center no-repeat;
    background-size: 100%;
    position: relative;
    top: -4px;
    vertical-align: middle;
    margin-right: 19px;
}
section.products .block02 .col-contents .p-content .feature-container:after {
    content: "";
    display: inline-block;
    width: 100%;
}
@media screen and (max-width: 991px) {
    section.products .block02 .col-contents .p-content .feature-container {
        max-width: 600px;
    }
    section.products .block02 .col-contents .p-content .feature-container li {
        font-size: 20px;
    }
    section.products .block02 .col-contents .p-content .feature-container li:before {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 767px) {
    section.products .block02 .col-contents .p-content .feature-container {
        max-width: 100%;
        text-align: center;
    }
    section.products .block02 .col-contents .p-content .feature-container li {
        font-size: 16px;
        margin: 0 5px 10px;
    }
    section.products .block02 .col-contents .p-content .feature-container li:before {
        width: 25px;
        height: 25px;
        margin-right: 7px;
    }
}
section.products .block02 .col-contents .p-content .slider-center {
    margin-top: 80px;
}
section.products .block02 .col-contents .p-content .slider-center .slick-dots li button:before {
    opacity: 1;
    background: #3a791d;
}
section.products .block02 .col-contents .p-content .slider-center .slick-dots li.slick-active button:before {
    background: #d1e74b;
}
section.products .block02 .col-contents .p-content .slider-center .slick-list {
    padding-top: 30px !important;
}
section.products .block02 .col-contents .p-content .slider-center .slide {
    padding-left: 23px;
    padding-right: 23px;
}
section.products .block02 .col-contents .p-content .slider-center .slide .slide-in {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}
section.products .block02 .col-contents .p-content .slider-center .slide .slide-in img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: cover;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
section.products .block02 .col-contents .p-content .slider-center .slide:has(+ .slick-center) {
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px);
}
section.products .block02 .col-contents .p-content .slider-center .slick-center + .slide {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}
section.products .block02 .col-contents .p-content .slider-center .slick-center .slide-in {
    width: calc(100% + 50px);
    padding-bottom: calc(100% + 50px);
    left: -25px;
    top: -25px;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
    section.products .block02 .col-contents .p-content .slider-center .slick-dots li button:before {
        opacity: 1;
        background: #3a791d;
        height: 17px;
        width: 17px;
    }
    section.products .block02 .col-contents .p-content .slider-center .slick-dots li.slick-active button:before {
        background: #d1e74b;
    }
    section.products .block02 .col-contents .p-content .slider-center .slide {
        padding-left: 17px;
        padding-right: 17px;
    }
}

section.products .block02 .presentations-block {
    padding-top: 164px;
}
section.products .block02 .presentations-block h5 {
     font-family: "DM Serif Text", serif;
     font-size: 52px;
     letter-spacing: -2px;
     text-align: center;
     margin-bottom: 113px;
}
section.products .block02 .presentations-block .row {
    justify-content: center;
}
section.products .block02 .presentations-block .item .img {
    margin-bottom: 17px;
}
section.products .block02 .presentations-block .item .img img {
    margin: 0 auto; max-width: 100%; display: block;
}
section.products .block02 .presentations-block .item {
    margin-bottom: 90px;
}
section.products .block02 .presentations-block .item p {
    font-family: "Outfit", sans-serif;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}



section.products .block04,
section.single .block04 {
    background: #3a791d;
    position: relative;
    padding-top: 155px;
    padding-bottom: 140px;
    overflow: hidden;
}
section.products .block04 .img-cont,
section.single .block04 .img-cont {
    position: absolute;
    width: 80%;
    right: -30px;
    top: 50%;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
section.products .block04 .img-cont img,
section.single .block04 .img-cont img {
    display: block;
    max-width: 100%;
}
section.products .block04 .col-text h4,
section.single .block04 .col-text h4 {
    font-size: 104px;
    letter-spacing: -2.5px;
    font-family: "Tilt Warp", sans-serif;
    line-height: 90%;
    color: #fffce5;
    margin-bottom: 54px;
}
section.products .block04 .col-text .text,
section.single .block04 .col-text .text {
    color: #fffce5;
    font-size: 30px;
    line-height: 125%;
    margin-bottom: 75px;
}
@media screen and (max-width: 1199px) {
    section.products .block04,
    section.single .block04 {
        padding-top: 130px;
        padding-bottom: 110px;
    }
    section.products .block04 .col-text h4,
    section.single .block04 .col-text h4 {
        font-size: 90px;
    }
}
@media screen and (max-width: 991px) {
    section.products .block04,
    section.single .block04 {
        padding-top: 100px;
        padding-bottom: 90px;
    }
    section.products .block04 .col-text h4,
    section.single .block04 .col-text h4 {
        font-size: 70px;
    }
    section.products .block04 .col-text .text,
    section.single .block04 .col-text .text {
        font-size: 24px;
    }
}
@media screen and (max-width: 767px) {
    section.products .block04,
    section.single .block04 {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    section.products .block04 .col-text,
    section.single .block04 .col-text {
        margin-bottom: 50px;
    }
    section.products .block04 .col-text h4,
    section.single .block04 .col-text h4 {
        font-size: 70px;
        margin-bottom: 40px;
    }
    section.products .block04 .col-text .text,
    section.single .block04 .col-text .text {
        font-size: 24px;
        margin-bottom: 40px;
    }
    section.products .block04 .img-cont,
    section.single .block04 .img-cont {
        position: relative;
        width: 70%;
        right: -20px;
        left: auto;
        margin-right: 0;
        margin-left: auto;
        top: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    section.products .block04 .img-cont img,
    section.single .block04 .img-cont img {
        display: block;
        max-width: 100%;
    }
}
@media screen and (max-width: 575px) {
    section.products .block04,
    section.single .block04 {
        padding-top: 46px;
        padding-bottom: 30px;
    }
    section.products .block04 .col-text,
    section.single .block04 .col-text {
        text-align: center;
        margin-bottom: 32px;
    }
    section.products .block04 .col-text h4,
    section.single .block04 .col-text h4 {
        font-size: 50px;
        margin-bottom: 30px;
    }
    section.products .block04 .col-text .text,
    section.single .block04 .col-text .text {
        font-size: 18px;
        margin-bottom: 32px;
    }
    section.products .block04 .img-cont,
    section.single .block04 .img-cont {
        width: 110%;
        right: 0;
        left: -5%;
    }
}
@media screen and (min-width: 768px) {
    section.single .block04 .row {
        justify-content: flex-end;
    }
    section.single .block04 .img-cont {
        right: 50%;
    }
}
section.news .block01 {
    border-radius: 52px;
    background: #3a791d;
    position: relative;
    overflow: hidden;
    padding-top: 85px;
    padding-bottom: 101px;
}
section.news .block01 .col-text h1 {
    color: #fffce5;
    font-family: "Tilt Warp", sans-serif;
    font-size: 37px;
    letter-spacing: -2px;
    margin-bottom: 25px;
}
section.news .block01 .col-text h2 {
    color: #fffce5;
    font-family: "Tilt Warp", sans-serif;
    font-size: 104px;
    letter-spacing: -2.5px;
    line-height: 90%;
    margin-bottom: 28px;
}
section.news .block01 .col-text .text {
    color: #fffce5;
    font-size: 30px;
    line-height: 125%;
    margin-bottom: 27px;
}
section.news .block01 .img-cont {
    position: absolute;
    height: 100%;
    width: calc(50% - 15px);
    right: 0;
    top: 0;
    overflow: hidden;
}
section.news .block01 .img-cont img {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    left: 0;
    object-fit: cover;
}
@media screen and (max-width: 1299px) {
    section.news .block01 .col-text h2 {
        font-size: 90px;
    }
}
@media screen and (max-width: 1199px) {
    section.news .block01 .col-text h1 {
        font-size: 30px;
    }
    section.news .block01 .col-text h2 {
        font-size: 70px;
    }
    section.news .block01 .col-text .text {
        font-size: 25px;
    }
}
@media screen and (max-width: 991px) {
    section.news .container {
        max-width: 100%;
    }
    section.news .block01 .col-text h1 {
        font-size: 30px;
    }
    section.news .block01 .col-text h2 {
        font-size: 60px;
    }
    section.news .block01 .col-text .text {
        font-size: 22px;
    }
}
@media screen and (max-width: 767px) {
    section.news .block01 {
        padding-bottom: 0;
        border-radius: 30px;
        padding-top: 48px;
    }
    section.news .block01 .col-text {
        text-align: center;
        margin-bottom: 31px;
    }
    section.news .block01 .col-text h2 {
        font-size: 50px;
        margin-bottom: 13px;
    }
    section.news .block01 .col-text h1 {
        font-size: 36px;
    }
    section.news .block01 .col-text .text {
        font-size: 18px;
    }
    section.news .block01 .img-cont {
        position: relative;
        height: 507px;
        width: 100%;
        right: 0;
        top: 0;
        overflow: hidden;
        border-radius: 25px;
    }
}
section.news .title-row {
    padding-bottom: 49px;
}
section.news .title-row .row {
    align-items: center;
}
section.news .title-row h4 {
    font-family: "DM Serif Text", serif;
    font-size: 50px;
    letter-spacing: -2.5px;
}
section.news .title-row .col-button {
    text-align: right;
}
section.news .title-row .col-button .z-btn-yellow {
    color: #a63d10;
}
section.news .block02 {
    padding-top: 84px;
}
section.news .block02 .news-feed > .row {
    margin-left: -40px;
    margin-right: -40px;
}
section.news .block02 .news-feed > .row > .col-12 {
    padding-left: 40px;
    padding-right: 40px;
}
@media screen and (max-width: 1199px) {
    section.news .block02 .news-feed > .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    section.news .block02 .news-feed > .row > .col-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 767px) {
    section.news .title-row h4 {
        font-size: 36px;
        text-align: center;
    }
}
.news-feed .row {
    justify-content: center;
}
.news-feed .news-item {
    margin-bottom: 50px;
}
.news-feed .news-item .i-img {
    overflow: hidden;
    border-radius: 31px;
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 0;
    height: 100%;
}
.news-feed .news-item .i-img img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}
.news-feed .news-item .cate {
    display: inline-block;
    border: 2px solid #014135;
    border-radius: 14px;
    margin-bottom: 50px;
}
.news-feed .news-item .cate a {
    font-size: 19px;
    font-weight: 700;
    padding: 16px 24px;
    display: block;
}
.news-feed .news-item h3 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 35px;
    letter-spacing: -2px;
    line-height: 35px;
    margin-bottom: 48px;
     overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
     height: 105px;
   -webkit-box-orient: vertical;
}
.news-feed .news-item .autor-row {
    margin-bottom: 35px;
}
.news-feed .news-item .autor-row .a-img {
    height: 33px;
    width: 33px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.news-feed .news-item .autor-row .a-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.news-feed .news-item .autor-row p {
    display: inline-block;
    vertical-align: middle;
    font-size: 19px;
    font-family: "Assistant", sans-serif;
}
.news-feed .news-item-big {
    margin-bottom: 0;
}
.news-feed .news-item-big .i-img {
    margin-bottom: 23px;
    padding-bottom: 90%;
    height: 0;
}
.news-feed .news-item-big .cate {
    margin-bottom: 21px;
}
.news-feed .news-item-big h3 {
    margin-bottom: 21px;
}
.news-feed .news-item-big .autor-row {
    margin-bottom: 0;
}
.news-feed .news-item-side .i-img {
    padding-bottom: 0;
    height: 100%;
}
.news-feed .news-item-side .cate {
    margin-bottom: 26px;
}
.news-feed .news-item-side h3 {
    margin-bottom: 29px;
}
.news-feed .news-item-side .autor-row {
    margin-bottom: 25px;
}
@media screen and (max-width: 1199px) {
    .news-feed .news-item {
        margin-bottom: 30px;
    }
    .news-feed .news-item-big .i-img {
        padding-bottom: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .news-feed .news-item h3 {
        height: 107px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}
@media screen and (max-width: 767px) {
    .news-feed .news-item {
        text-align: center;
        margin-bottom: 40px;
    }
    .news-feed .news-item .i-img {
        overflow: hidden;
        border-radius: 31px;
        position: relative;
        display: block;
        width: 100%;
        padding-bottom: 95% !important;
        height: 0 !important;
        margin-bottom: 12px;
    }
    .news-feed .news-item .cate {
        margin-bottom: 20px;
    }
    .news-feed .news-item .cate a {
        font-size: 14px;
        padding: 11px 16px;
    }
    .news-feed .news-item h3 {
        letter-spacing: -1px;
        font-size: 25px;
        margin-bottom: 17px;
        line-height: 25px;
    }
    .news-feed .news-item .autor-row .a-img {
        height: 18px;
        width: 18px;
    }
    .news-feed .news-item .autor-row p {
        font-size: 14px;
    }
}
section.news .block03 {
    padding-top: 100px;
    padding-bottom: 190px;
}
section.news .block03 .title-t {
    border-radius: 13px;
    color: #3a791d;
    border: 2px solid #3a791d;
    font-size: 25px;
    font-weight: 700;
    display: inline-block;
    padding: 17px 28px;
    margin-bottom: 87px;
}
@media screen and (max-width: 767px) {
    section.news .block03 .title-t {
        margin-bottom: 40px;
    }
}
section.news .colums-feed .col-in,
section.single .colums-feed .col-in {
    height: 480px;
    position: relative;
    border-radius: 500px;
    overflow: hidden;
}
section.news .colums-feed .col-in .col-text,
section.single .colums-feed .col-in .col-text {
    text-align: center;
    position: relative;
    z-index: 2;
    width: 100%;
}
section.news .colums-feed .col-in .col-text h3,
section.single .colums-feed .col-in .col-text h3 {
    font-size: 35px;
    font-family: "Tilt Warp", sans-serif;
    margin-bottom: 12px;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
     overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
   -webkit-box-orient: vertical;
}
section.news .colums-feed .col-uno .col-in,
section.single .colums-feed .col-uno .col-in {
    background: #623561;
}
section.news .colums-feed .col-uno .col-in .col-text,
section.single .colums-feed .col-uno .col-in .col-text {
    bottom: 50%;
    position: absolute;
    -webkit-transform: translate(0, 38px);
    -ms-transform: translate(0, 38px);
    transform: translate(0, 38px);
}
section.news .colums-feed .col-uno .col-in .col-text h3,
section.single .colums-feed .col-uno .col-in .col-text h3 {
    color: #def49f;
}
section.news .colums-feed .col-uno .col-in .col-text .z-btn,
section.single .colums-feed .col-uno .col-in .col-text .z-btn {
    color: #a63d10;
}
section.news .colums-feed .col-uno .col-in .col-img,
section.single .colums-feed .col-uno .col-in .col-img {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
}
section.news .colums-feed .col-uno .col-in .col-img img,
section.single .colums-feed .col-uno .col-in .col-img img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}
section.news .colums-feed .col-dos .col-in,
section.single .colums-feed .col-dos .col-in {
    background: #eee4da;
}
section.news .colums-feed .col-dos .col-in .col-text,
section.single .colums-feed .col-dos .col-in .col-text {
    top: 51%;
}
section.news .colums-feed .col-dos .col-in .col-img,
section.single .colums-feed .col-dos .col-in .col-img {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
}
section.news .colums-feed .col-dos .col-in .col-img img,
section.single .colums-feed .col-dos .col-in .col-img img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}
section.news .colums-feed .col-tres .col-in,
section.single .colums-feed .col-tres .col-in {
    background: #db0243;
}
section.news .colums-feed .col-tres .col-in .col-text,
section.single .colums-feed .col-tres .col-in .col-text {
    bottom: 50%;
    position: absolute;
    -webkit-transform: translate(0, 38px);
    -ms-transform: translate(0, 38px);
    transform: translate(0, 38px);
}
section.news .colums-feed .col-tres .col-in .col-text h3,
section.single .colums-feed .col-tres .col-in .col-text h3 {
    color: #fffce5;
}
section.news .colums-feed .col-tres .col-in .col-img,
section.single .colums-feed .col-tres .col-in .col-img {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
}
section.news .colums-feed .col-tres .col-in .col-img img,
section.single .colums-feed .col-tres .col-in .col-img img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}
section.news .colums-feed .col-cuatro .col-in,
section.single .colums-feed .col-cuatro .col-in {
    background: #feb42b;
}
section.news .colums-feed .col-cuatro .col-in .col-text,
section.single .colums-feed .col-cuatro .col-in .col-text {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
section.news .colums-feed .col-cuatro .col-in .col-text h3,
section.single .colums-feed .col-cuatro .col-in .col-text h3 {
    color: #a63d10;
}
@media screen and (max-width: 991px) {
    section.news .colums-feed .col-in,
    section.single .colums-feed .col-in {
        height: 318px;
        border-radius: 389px;
        width: 195px;
        margin: 0 auto 16px;
    }
    section.news .colums-feed .col-in .col-text h3,
    section.single .colums-feed .col-in .col-text h3 {
        letter-spacing: -1px;
        font-size: 24px;
        margin-bottom: 12px;
        max-width: 220px;
        padding-left: 10px;
        padding-right: 10px;
    }
    section.news .colums-feed .col-in .col-text .z-btn,
    section.single .colums-feed .col-in .col-text .z-btn {
        font-size: 17px;
    }
    section.news .colums-feed .col-uno .col-in .col-text,
    section.news .colums-feed .col-tres .col-in .col-text,
    section.single .colums-feed .col-uno .col-in .col-text,
    section.single .colums-feed .col-tres .col-in .col-text {
        -webkit-transform: translate(0, 30px);
        -ms-transform: translate(0, 30px);
        transform: translate(0, 30px);
    }
}
@media screen and (max-width: 767px) {
    section.news .block03,
    section.single .block03 {
        text-align: center;
        padding-bottom: 50px;
    }
    section.news .colums-feed,
    section.single .colums-feed {
        max-width: 500px;
        margin: 0 auto;
    }
    section.news .colums-feed .col-uno .col-in .col-text,
    section.news .colums-feed .col-tres .col-in .col-text,
    section.single .colums-feed .col-uno .col-in .col-text,
    section.single .colums-feed .col-tres .col-in .col-text {
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }
}
@media screen and (max-width: 575px) {
    section.news .colums-feed,
    section.single .colums-feed {
        max-width: 195px;
        margin: 0 auto;
    }
}
section.news .block05 {
    background: #def49f;
    position: relative;
    padding-top: 160px;
    padding-bottom: 132px;
}
section.news .block05 .container {
    position: relative;
    z-index: 2;
}
section.news .block05 .container .row {
    justify-content: flex-end;
}
section.news .block05 .container h4 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 104px;
    line-height: 90%;
    letter-spacing: -2px;
    margin-bottom: 43px;
}
section.news .block05 .container .text {
    font-size: 30px;
    line-height: 125%;
    margin-bottom: 25px;
}
section.news .block05 .img {
    position: absolute;
    width: 45%;
    height: 100%;
    top: 50%;
    left: 0;
    z-index: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
section.news .block05 .img img {
    width: 100%;
    height: 100%;
    position: absolute;
     top: 0
    left: 0;
    object-fit: cover;
    display: block;
}
@media screen and (max-width: 991px) {
    section.news .block05 {
        padding-top: 130px;
    }
    section.news .block05 .container h4 {
        font-size: 80px;
        margin-bottom: 25px;
    }
    section.news .block05 .container .text {
        font-size: 25px;
    }
}
@media screen and (max-width: 767px) {
    section.news .block05 {
        padding-top: 100px;
        padding-bottom: 0;
    }
    section.news .block05 .container {
        margin-bottom: 50px;
    }
    section.news .block05 .container h4 {
        font-size: 65px;
        max-width: 600px;
    }
    section.news .block05 .container .text {
        font-size: 22px;
        max-width: 600px;
    }
    section.news .block05 .img {
        position: relative;
        width: 100%;
        height: 400px;
        top: auto;
        left: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@media screen and (max-width: 575px) {
    section.news .block05 {
        padding-top: 90px;
    }
    section.news .block05 .container {
        text-align: center;
        margin-bottom: 30px;
    }
    section.news .block05 .container h4 {
        font-size: 50px;
        margin-bottom: 50px;
    }
    section.news .block05 .container .text {
        font-size: 18px;
        margin-bottom: 31px;
    }
    section.news .block05 .img {
        width: 100%;
    }
}
section.single {
    padding-top: 30px;
}
section.single .block01 {
    position: relative;
    overflow: hidden;
    border-radius: 52px;
    padding-top: 224px;
}
section.single .block01 .text {
    position: relative;
    z-index: 2;
}
section.single .block01 .text .text-in {
    background: #fffce5;
    border-radius: 21px;
    padding: 99px 109px 107px;
    max-width: 1025px;
    margin: 0 auto;
    text-align: center;
}
section.single .block01 .text .text-in .t-in-top {
    margin-bottom: 40px;
}
section.single .block01 .text .text-in .t-in-top .row {
    align-items: center;
}
section.single .block01 .text .text-in h4.cate {
    font-family: "Tilt Warp", sans-serif;
    font-size: 35px;
    letter-spacing: -2px;
}
section.single .block01 .text .text-in h1 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 104px;
    letter-spacing: -2px;
    line-height: 90%;
    margin-bottom: 18px;
}
section.single .block01 .text .text-in .t-intro {
    font-size: 30px;
    line-height: 125%;
}
section.single .block01 .img-back {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 1;
}
@media screen and (max-width: 1199px) {
    section.single .block01 {
        padding-top: 170px;
    }
    section.single .block01 .text .text-in {
        padding: 80px 109px 80px;
    }
    section.single .block01 .text .text-in h1 {
        font-size: 90px;
    }
}
@media screen and (max-width: 991px) {
    section.single {
        padding-top: 5px;
    }
    section.single .block01 {
        padding-top: 120px;
    }
    section.single .block01 .text .text-in {
        padding: 80px 109px 80px;
    }
    section.single .block01 .text .text-in h1 {
        font-size: 70px;
    }
    section.single .block01 .text .text-in .t-intro {
        font-size: 22px;
    }
}
@media screen and (max-width: 767px) {
    section.single .block01 {
        padding-top: 0;
        border-radius: 0;
    }
    section.single .block01 .img-back {
        position: relative;
    }
    section.single .block01 .text .text-in {
        padding: 54px 0px 0px;
    }
    section.single .block01 .text .text-in .t-in-top {
        margin-bottom: 16px;
    }
    section.single .block01 .text .text-in h1 {
        font-size: 50px;
        margin-bottom: 30px;
    }
    section.single .block01 .text .text-in .t-intro {
        font-size: 18px;
    }
}
@media screen and (max-width: 575px) {
    section.single .block01 .text .text-in .t-intro {
        font-size: 16px;
    }
}
section.single .block02 {
    padding-top: 52px;
    padding-bottom: 200px;
}
section.single .block02 .sinlge-content {
    max-width: 695px;
    margin: 0 auto;
    border-top: 2px solid #014135;
    padding-top: 27px;
}
section.single .block02 .sinlge-content .sc-top {
    margin-bottom: 80px;
    padding-left: 15px;
}
section.single .block02 .sinlge-content .sc-top .row {
    align-items: center;
}
section.single .block02 .sinlge-content .sc-top .col-author .col-img {
    padding: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
}
section.single .block02 .sinlge-content .sc-top .col-author .col-img .img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}
section.single .block02 .sinlge-content .sc-top .col-author .col-img .img img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
section.single .block02 .sinlge-content .sc-top .col-author .col-text {
    padding: 0;
    -ms-flex: 0 0 calc(100% - 60px);
    flex: 0 0 calc(100% - 60px);
    max-width: calc(100% - 60px);
}
section.single .block02 .sinlge-content .sc-top .col-author .col-text p {
    color: #000;
    font-size: 18px;
    font-family: "Assistant", sans-serif;
    padding-left: 17px;
}
section.single .block02 .sinlge-content .sc-top .col-author .col-text .name {
    margin-bottom: 10px;
}
section.single .block02 .sinlge-content .sc-top .col-share {
    text-align: right;
}
section.single .block02 .sinlge-content .sc-top .col-share a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}
section.single .block02 .sinlge-content .content {
    text-align: justify;
    font-size: 22px;
    line-height: 125%;
    padding-bottom: 160px;
}
section.single .block02 .sinlge-content .content h3 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -2px;
}
section.single .block02 .sinlge-content .content figure {
    width: calc(100% + 120px);
    margin-left: -60px;
    margin-bottom: 20px;
}
section.single .block02 .sinlge-content .content img {
    width: 100%;
}
section.single .block02 .sinlge-content .autor-row {
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #3a791d;
    padding-top: 59px;
}
section.single .block02 .sinlge-content .autor-row .row {
    align-items: center;
}
section.single .block02 .sinlge-content .autor-row .col-author .img {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    height: 46px;
    width: 46px;
    overflow: hidden;
}
section.single .block02 .sinlge-content .autor-row .col-author .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
section.single .block02 .sinlge-content .autor-row .col-author .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 19px;
    font-family: "Assistant", sans-serif;
    line-height: 23px;
    padding-left: 10px;
}
section.single .block02 .sinlge-content .autor-row .col-social {
    text-align: right;
}
section.single .block02 .sinlge-content .autor-row .col-social a {
    margin-left: 12px;
}
@media screen and (max-width: 767px) {
    section.single .block02 {
        padding-top: 12px;
        padding-bottom: 54px;
    }
    section.single .block02 .sinlge-content {
        border-top: 1px solid #014135;
    }
    section.single .block02 .sinlge-content .sc-top {
        margin-bottom: 35px;
    }
    section.single .block02 .sinlge-content .sc-top .col-author .col-img {
        -ms-flex: 0 0 26px;
        flex: 0 0 26px;
        max-width: 26px;
    }
    section.single .block02 .sinlge-content .sc-top .col-author .col-img .img {
        width: 26px;
        height: 26px;
    }
    section.single .block02 .sinlge-content .sc-top .col-author .col-text {
        -ms-flex: 0 0 calc(100% - 26px);
        flex: 0 0 calc(100% - 26px);
        max-width: calc(100% - 26px);
    }
    section.single .block02 .sinlge-content .sc-top .col-author .col-text p {
        font-size: 14px;
        padding-left: 10px;
    }
    section.single .block02 .sinlge-content .sc-top .col-author .col-text .name {
        margin-bottom: 8px;
    }
    section.single .block02 .sinlge-content .sc-top .col-share a {
        margin-left: 5px;
    }
    section.single .block02 .sinlge-content .sc-top .col-share a img {
        width: 32px;
    }
    section.single .block02 .sinlge-content .content {
        font-size: 18px;
        padding-bottom: 9px;
    }
    section.single .block02 .sinlge-content .content h3 {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -0.5px;
    }
    section.single .block02 .sinlge-content .content figure {
        width: calc(100% + 60px);
        margin-left: -30px;
    }

    section.single .block02 .sinlge-content .autor-row {
        margin-left: -12px;
        margin-right: -12px;
        padding-top: 85px;
    }
    section.single .block02 .sinlge-content .autor-row .col-author .img {
        width: 26px;
        height: 26px;
    }
    section.single .block02 .sinlge-content .autor-row .col-author .text {
        font-size: 14px;
        padding-left: 0;
        line-height: 16px;
    }
    section.single .block02 .sinlge-content .autor-row .col-social a img {
        width: 30px;
    }
}
@media screen and (max-width: 575px) {
    section.single .block02 .sinlge-content {
        padding-left: 40px;
        padding-right: 40px;
    }
    section.single .block02 .sinlge-content .content {
        font-size: 14px;
        line-height: 145%;
    }
    section.single .block02 .sinlge-content .content h3 {
        font-size: 16px;
        line-height: 16px;
    }
}
section.single .block03 {
    background: #d1e74b;
    padding-top: 86px;
    padding-bottom: 85px;
}
section.single .block03 .title {
    color: #014135;
    font-size: 35px;
    font-family: "Tilt Warp", sans-serif;
    text-align: center;
    margin-bottom: 104px;
}
@media screen and (max-width: 991px) {
    section.single .block03 .container {
        max-width: 100%;
    }
}
@media screen and (max-width: 767px) {
    section.single .block03 {
        padding-top: 60px;
        padding-bottom: 45px;
    }
    section.single .block03 .title {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 575px) {
    section.single .block03 {
        padding-top: 60px;
        padding-bottom: 45px;
    }
    section.single .block03 .title {
        margin-bottom: 40px;
        font-size: 50px;
    }
}
section.contact .block01 {
    background: #027e77;
    padding-top: 50px;
    padding-bottom: 208px;
}
section.contact .block01 h1 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 150px;
    text-align: center;
    letter-spacing: -2px;
    line-height: 90%;
    color: #fffce5;
    margin-bottom: 70px;
}
section.contact .block01 .form-container {
    max-width: 648px;
    margin: 0 auto;
}
section.contact .block01 .form-container .z-btn {
    color: #a63d10;
}
section.contact form {
    width: 100%;
}
section.contact form label {
    color: #fffce5;
    font-size: 19px;
    font-family: "Assistant", sans-serif;
    margin-bottom: 11px;
    display: inline-block;
}
section.contact form input[type="text"],
section.contact form input[type="email"],
section.contact form textarea {
    width: 100%;
    height: 50px;
    background: #e6e0b7;
    font-size: 31px;
    color: #697077;
    font-size: 17px;
    border-radius: 31px;
    border: none;
    padding-left: 16px;
    margin-bottom: 17px;
}
section.contact form input[type="text"]::-webkit-input-placeholder,
section.contact form input[type="email"]::-webkit-input-placeholder,
section.contact form textarea::-webkit-input-placeholder {
    color: #697077;
}
section.contact form input[type="text"]:-moz-placeholder,
section.contact form input[type="email"]:-moz-placeholder,
section.contact form textarea:-moz-placeholder {
    color: #697077;
}
section.contact form input[type="text"]::-moz-placeholder,
section.contact form input[type="email"]::-moz-placeholder,
section.contact form textarea::-moz-placeholder {
    color: #697077;
}
section.contact form input[type="text"]:-ms-input-placeholder,
section.contact form input[type="email"]:-ms-input-placeholder,
section.contact form textarea:-ms-input-placeholder {
    color: #697077;
}
section.contact form input[type="text"]:focus,
section.contact form input[type="email"]:focus,
section.contact form textarea:focus {
    outline: none;
}
section.contact form textarea {
    height: 124px;
    padding-top: 12px;
}
@media screen and (max-width: 991px) {
    section.contact .block01 h1 {
        font-size: 100px;
    }
}
@media screen and (max-width: 767px) {
    section.contact .block01 {
        padding-top: 26px;
        padding-bottom: 74px;
    }
    section.contact .block01 h1 {
        font-size: 80px;
        margin-bottom: 45px;
    }
    section.contact form label {
        font-size: 14px;
    }
    section.contact form input[type="text"],
    section.contact form input[type="email"] {
        height: 35px;
    }
    section.contact form input[type="text"],
    section.contact form input[type="email"],
    section.contact form textarea {
        font-size: 12px;
        border-radius: 16px;
    }
    section.contact form textarea {
        height: 63px;
    }
    section.contact form .z-btn {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}
@media screen and (max-width: 575px) {
    section.contact .block01 h1 {
        font-size: 50px;
    }
}
section.contact .block02 {
    background: url(images/newsletter-background.svg) center no-repeat #19603d;
    background-size: cover;
    text-align: center;
    padding-top: 114px;
    padding-bottom: 65px;
    position: relative;
    z-index: 3;
}
section.contact .block02 h5 {
    font-size: 104px;
    font-family: "Tilt Warp", sans-serif;
    letter-spacing: -2px;
    line-height: 90%;
    color: #fffce5;
    max-width: 1050px;
    margin: 0 auto 40px;
}
section.contact .block02 .form-cont {
    max-width: 520px;
    margin: 0 auto;
}
section.contact .block02 .form-cont input[type="submit"] {
    display: block;
    margin: 0 auto;
}
@media screen and (max-width: 1199px) {
    section.contact .block02 h5 {
        font-size: 80px;
    }
}
@media screen and (max-width: 767px) {
    section.contact .block02 {
        padding-top: 137px;
        padding-bottom: 100px;
    }
    section.contact .block02 h5 {
        font-size: 40px;
        max-width: 340px;
    }
    section.contact .block02 .form-cont {
        max-width: 290px;
    }
}
@media screen and (max-width: 575px) {
    section.contact .block02 {
        background: url(images/newsletter-background_mobile.svg) center no-repeat #19603d;
        background-size: cover;
    }
}
section.contact .block03 {
    position: relative;
    color: #fffce5;
    padding-top: 145px;
    padding-bottom: 144px;
}
section.contact .block03 .container {
    position: relative;
    z-index: 2;
}
section.contact .block03 .col-in {
    max-width: 550px;
    margin: 0 auto;
}
section.contact .block03 h4 {
    font-size: 94px;
    font-family: "Tilt Warp", sans-serif;
    letter-spacing: -2px;
    line-height: 90px;
    margin-bottom: 30px;
}
section.contact .block03 .text {
    font-size: 30px;
    line-height: 125%;
    margin-bottom: 26px;
}
section.contact .block03 .text a {
    color: #fffce5;
}
section.contact .block03 .z-btn {
    background: #d1e74b;
}
section.contact .block03 .z-btn:hover {
    background: #027e77;
}
section.contact .block03:before {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3a791d;
    z-index: 0;
    position: absolute;
}
section.contact .block03:after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background: #014135;
    z-index: 0;
    position: absolute;
}
@media screen and (max-width: 1199px) {
    section.contact .block03 {
        padding-top: 105px;
        padding-bottom: 104px;
    }
    section.contact .block03 h4 {
        font-size: 70px;
        max-width: 400px;
        line-height: 74px;
    }
    section.contact .block03 .text {
        font-size: 24px;
    }
}
@media screen and (max-width: 991px) {
    section.contact .block03 h4 {
        font-size: 60px;
        line-height: 64px;
    }
    section.contact .block03 .text {
        font-size: 22px;
    }
}
@media screen and (max-width: 767px) {
    section.contact .block03 {
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
    }
    section.contact .block03 .container {
        max-width: 100%;
    }
    section.contact .block03 .col-left {
        background: #014135;
        padding-top: 74px;
        padding-bottom: 77px;
    }
    section.contact .block03 .col-right {
        background: #3a791d;
        padding-top: 74px;
        padding-bottom: 77px;
    }
    section.contact .block03 h4 {
        max-width: 100%;
    }
    section.contact .block03:before,
    section.contact .block03:after {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    section.contact .block03 h4 {
        font-size: 50px;
    }
    section.contact .block03 .text {
        font-size: 18px;
    }
}
section.contact .block04 {
    background: #19603d;
    padding-top: 240px;
    padding-bottom: 195px;
    position: relative;
    overflow: hidden;
}
section.contact .block04 .button-cont a {
    display: block;
    width: 379px;
    height: 140px;
    position: relative;
    margin: 0 auto;
}
section.contact .block04 .button-cont a .btn1 {
    position: absolute;
    top: 0;
    left: 0;
}
section.contact .block04 .button-cont a .btn2 {
    opacity: 0;
    position: absolute;
    bottom: 10px;
    right: 5px;
}
section.contact .block04 .button-cont a:hover .btn1 {
    opacity: 0;
}
section.contact .block04 .button-cont a:hover .btn2 {
    opacity: 1;
}
@media screen and (max-width: 1199px) {
    section.contact .block04 {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}
@media screen and (max-width: 767px) {
    section.contact .block04 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section.contact .block04 .button-cont a {
        width: 217px;
        height: 81px;
    }
    section.contact .block04 .button-cont a .btn1 {
        height: 81px;
    }
    section.contact .block04 .button-cont a .btn2 {
        height: 70px;
        bottom: 8px;
        right: 4px;
    }
}
@media screen and (max-width: 575px) {
    section.contact .block04 {
        position: relative;
        padding-top: 240px;
        padding-bottom: 195px;
    }
    section.contact .block04 .background {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: 0;
    }
}
section.legals {
    padding-top: 40px;
    padding-bottom: 130px;
}
section.legals .col-nav {
    border-right: 1px solid #dde1e6;
    border-left: 1px solid #dde1e6;
    padding-top: 27px;
}
section.legals .col-nav h6 {
    color: #697077;
    font-family: "Outfit", sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 17px;
}
section.legals .col-nav .form-search {
    position: relative;
    width: 100%;
    margin-bottom: 17px;
}
section.legals .col-nav .form-search input[type="search"] {
    background: url(images/i-search-gray.svg) center left 18px no-repeat #f2f4f8;
    width: 100%;
    height: 50px;
    border-radius: 21px;
    box-shadow: 0px 2px 0px #c1c7cd;
    border: none;
    font-size: 17px;
    color: #697077;
    padding-left: 49px;
}
section.legals .col-nav .form-search input[type="search"]::-webkit-input-placeholder {
    color: #697077;
}
section.legals .col-nav .form-search input[type="search"]:-moz-placeholder {
    color: #697077;
}
section.legals .col-nav .form-search input[type="search"]::-moz-placeholder {
    color: #697077;
}
section.legals .col-nav .form-search input[type="search"]:-ms-input-placeholder {
    color: #697077;
}
section.legals .col-nav nav a {
    font-size: 17px;
    color: #21272a;
    background: #fff;
    width: 100%;
    border-radius: 21px;
    display: block;
    box-shadow: 0px 2px 0px #f2f4f8;
    padding: 13px 9px;
    margin-bottom: 10px;
}
section.legals .col-nav nav .active {
    background: #f2f4f8;
}
@media screen and (max-width: 767px) {
    section.legals {
        padding-top: 10px;
    }
    section.legals .col-nav {
        border-right: none;
        border-left: none;
        padding-top: 0;
    }
    section.legals .col-nav h6 {
        font-size: 50px;
        color: #014135;
        margin-bottom: 30px;
    }
    section.legals .col-nav select {
        width: 100%;
        height: 40px;
        border-radius: 21px;
        box-shadow: 0px 2px 0px #c1c7cd;
        border: none;
        font-size: 17px;
        color: #21272a;
        padding-left: 28px;
        background: url(images/select-arrow.svg) center right 20px no-repeat #f2f4f8;
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    section.legals .col-nav select:focus {
        outline: none;
    }
}
section.legals .col-content-block .col-back {
    margin-bottom: 40px;
}
section.legals .col-content-block .col-back a {
    width: 115px;
    border-radius: 21px;
    border: 1px solid #f2f4f8;
    display: block;
    text-align: center;
    padding: 5px 0 9px;
}
section.legals .col-content-block .col-back a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
section.legals .col-content-block .col-back a span {
    display: inline-block;
    vertical-align: middle;
    color: #697077;
    font-size: 15px;
    font-weight: 500;
}
section.legals .col-content-block .col-content h1 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 37px;
    letter-spacing: -2px;
    line-height: 37px;
    margin-bottom: 100px;
}
section.legals .col-content-block .col-content .content {
    font-family: "Assistant", sans-serif;
    font-size: 19px;
    line-height: 120%;
}
@media screen and (max-width: 767px) {
    section.legals .col-content-block .col-content {
        padding-top: 80px;
    }
    section.legals .col-content-block .col-content h1 {
        font-size: 24px;
        letter-spacing: -0.5px;
        text-align: center;
        line-height: 20px;
        margin-bottom: 50px;
    }
    section.legals .col-content-block .col-content .content {
        font-size: 16px;
        line-height: 126%;
        text-align: justify;
    }
}
section.sustainability .ilistration-block {
    position: relative;
    background: #fbe93a;
}
section.sustainability .ilistration-block .background {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    object-position: 50% 0;
}
@media screen and (max-width: 776px) {
    section.sustainability .ilistration-block .sus-block {
        position: absolute;
        z-index: 2;
    }
    section.sustainability .ilistration-block .background {
        position: relative;
        display: block;
    }
}
@media screen and (max-width: 575px) {
    section.sustainability .ilistration-block {
        padding-top: 70px;
    }
}
section.sustainability .sus-block {
    position: relative;
    z-index: 2;
}
section.sustainability .sus-block h1 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 37px;
    letter-spacing: -2px;
    margin-bottom: 26px;
}
section.sustainability .sus-block h3 {
    font-family: "Tilt Warp", sans-serif;
    font-size: 80px;
    letter-spacing: -2px;
    line-height: 90%;
    margin-bottom: 27px;
}
section.sustainability .sus-block h3 span {
    font-size: 40px;
}
section.sustainability .sus-block .text {
    font-size: 23px;
    line-height: 125%;
}
section.sustainability .sus-block:nth-child(even) .row {
    justify-content: flex-end;
}
section.sustainability .ilistration-block {
    background: #fbe93a;
}
section.sustainability .block01 {
    padding-top: 56px;
    padding-bottom: 390px;
}
section.sustainability .block02 {
    padding-top: 390px;
    padding-bottom: 285px;
}
section.sustainability .block03 {
    background: #19603d;
    position: relative;
    overflow: hidden;
    color: #fffce5;
    padding-top: 284px;
    padding-bottom: 285px;
}
section.sustainability .block03 .img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 55%;
}
section.sustainability .block03 .img .img-img {
    display: block;
    width: 100%;
}
section.sustainability .block03 .img .lime {
    position: absolute;
    top: 21%;
}


@keyframes limeg
{
0%   {opacity: 0;}
50%  {opacity: 1;}
90% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes limey
{
0% {opacity: 0;}
50%  {opacity: 0;}
90% {opacity: 1;}
100% {opacity: 0;}
}


section.sustainability .block03 .img .lime-g {
    left: 50%;
        width: 7%;
    animation-name: limeg;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
section.sustainability .block03 .img .lime-y {
       left: 60%;
    width: 9%;
    top: 20%;
    animation-name: limey;
  animation-duration: 2s;
    animation-iteration-count: infinite;
}


@keyframes camion
{
0%  {transform: translateX(0%); opacity: 0;}
30%  {transform:  translateX(40%); opacity: 1;}
60%  {transform:  translateX(40%); opacity: 1;}
70%  {transform:  translateX(40%); opacity: 1;}
90%  {transform: translateX(40%); opacity: 0;}
100%  {transform: translateX(0%); opacity: 0;}
}


section.sustainability .block04 {
    background: #def49f;
    position: relative;
    overflow: hidden;
    padding-top: 240px;
    padding-bottom: 205px;
}
section.sustainability .block04 .container {
    position: relative;
    z-index: 1;
}
section.sustainability .block04 .img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 70%;
    width: 100%;
    height: 100%;
    z-index: 0;
}
section.sustainability .block04 .img .img-b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    
}
section.sustainability .block04 .img .img-t {
    position: absolute;
    left: -10%;
    bottom: 6%;
    width: 50%;
    opacity: 0;
    z-index: 9;
      animation-name: camion;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@media screen and (max-width: 1299px) {
    section.sustainability .sus-block h3 {
        font-size: 70px;
    }
     section.sustainability .sus-block h3 span {
         font-size: 30px;
     }
}
@media screen and (max-width: 1199px) {
    section.sustainability .block03 {
        padding-top: 150px;
    }
    section.sustainability .block04 {
        padding-top: 150px;
    }
    section.sustainability .block04 .img {
        max-width: 60%;
    }
}
@media screen and (max-width: 991px) {
    section.sustainability .sus-block h1 {
        font-size: 30px;
        letter-spacing: -2px;
        margin-bottom: 20px;
    }
    section.sustainability .sus-block h3 {
        font-size: 60px;
        letter-spacing: -2px;
        line-height: 90%;
        margin-bottom: 20px;
    }
    section.sustainability .sus-block h3 span {
        font-size: 25px;
    }
    section.sustainability .sus-block .text {
        font-size: 18px;
    }
    section.sustainability .block01 {
        padding-top: 56px;
        padding-bottom: 150px;
    }
    section.sustainability .block02 {
        padding-top: 200px;
        padding-bottom: 150px;
    }
    section.sustainability .block04 {
        padding-top: 100px;
    }
}
@media screen and (max-width: 767px) {
    section.sustainability .sus-block h1 {
        font-size: 24px;
        letter-spacing: -2px;
        margin-bottom: 20px;
    }
    section.sustainability .sus-block h3 {
        font-size: 50px;
        letter-spacing: -2px;
        line-height: 90%;
        margin-bottom: 20px;
    }
    section.sustainability .sus-block h3 span  {
         font-size: 20px;
    }
    section.sustainability .sus-block .text {
        font-size: 18px;
    }
    section.sustainability .block01 {
        padding-top: 0px;
        padding-bottom: 0px;
        top: 30px;
        left: 0;
    }
    section.sustainability .block01 .text {
        max-width: 300px;
    }
    section.sustainability .block02 {
        padding-top: 0;
        padding-bottom: 0;
        bottom: 30px;
        left: 0;
    }
    section.sustainability .block02 .text {
        max-width: 250px;
    }
    section.sustainability .block03 {
        padding-bottom: 0;
        padding-top: 100px;
    }
    section.sustainability .block03 .container {
        margin-bottom: 65px;
    }
    section.sustainability .block03 .img {
        position: relative;
        margin: 0 auto;
        max-width: 100%;
        width: 60%;
        display: block;
    }
    section.sustainability .block04 {
        padding-bottom: 0;
    }
    section.sustainability .block04 .container {
        padding-bottom: 30px;
    }
    section.sustainability .block04 .img {
        max-width: 100%;
        position: relative;
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 575px) {
    section.sustainability .sus-block h1 {
        font-size: 20px;
        letter-spacing: -2px;
        margin-bottom: 20px;
    }
    section.sustainability .sus-block h3 {
        font-size: 40px;
        letter-spacing: -2px;
        line-height: 90%;
        margin-bottom: 20px;
    }
    section.sustainability .sus-block h3 span {
        font-size: 17px;
    }
    section.sustainability .sus-block .text {
        font-size: 16px;
    }
    section.sustainability .block03 {
        padding-top: 45px;
    }
    section.sustainability .block03 .img {
        max-width: 80%;
    }
    section.sustainability .block04 {
        padding-top: 51px;
    }
}
section.sustainability .block05 {
    text-align: center;
    padding-top: 110px;
    padding-bottom: 180px;
}
section.sustainability .block05 h2 {
    font-size: 109px;
    line-height: 90%;
    letter-spacing: -2px;
    font-family: "Tilt Warp", sans-serif;
    margin-bottom: 35px;
}
section.sustainability .block05 .text {
    font-size: 23px;
    line-height: 125%;
    margin-bottom: 24px;
}
section.sustainability .block05 form {
    max-width: 332px;
    width: 100%;
    margin: 0 auto 40px;
}
section.sustainability .block05 form input[type="email"] {
    width: 100%;
    height: 77px;
    border-radius: 58px;
    text-align: center;
    background: #def49f;
    border: none;
    color: #014135;
    font-family: "Assistant", sans-serif;
    font-size: 19px;
    margin-bottom: 26px;
}
section.sustainability .block05 form input[type="email"]::-webkit-input-placeholder {
    color: #014135;
}
section.sustainability .block05 form input[type="email"]:-moz-placeholder {
    color: #014135;
}
section.sustainability .block05 form input[type="email"]::-moz-placeholder {
    color: #014135;
}
section.sustainability .block05 form input[type="email"]:-ms-input-placeholder {
    color: #014135;
}
section.sustainability .block05 form .z-btn {
    width: 100%;
}
section.sustainability .block05 .img {
    max-width: 1145px;
    margin: 0 auto;
}
section.sustainability .block05 .img img {
    display: block;
    width: 100%;
}
@media screen and (max-width: 991px) {
    section.sustainability .block05 {
        padding-bottom: 120px;
    }
    section.sustainability .block05 h2 {
        font-size: 90px;
    }
}
@media screen and (max-width: 767px) {
    section.sustainability .block05 {
        padding-bottom: 90px;
        padding-top: 90px;
    }
    section.sustainability .block05 h2 {
        font-size: 70px;
    }
    section.sustainability .block05 form input[type="email"] {
        height: 43px;
        border-radius: 21px;
        font-size: 12px;
    }
    section.sustainability .block05 form .z-btn {
        max-width: 174px;
    }
}
@media screen and (max-width: 575px) {
    section.sustainability .block05 {
        padding-bottom: 33px;
        padding-top: 25px;
    }
    section.sustainability .block05 h2 {
        font-size: 50px;
        margin-bottom: 14px;
    }
    section.sustainability .block05 .text {
        font-size: 14px;
        margin-bottom: 12px;
    }
}
section.home .block01 .stickers {
    position: absolute;
    width: 100%;
    pointer-events: none;
    bottom: 0;
    height: 50%;
}
section.home .block01 .stickers img {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
}
section.home .block01 .stickers .s01 {
    z-index: 2;
}
section.home .block01 .stickers .s02 {
    z-index: 1;
}
section.home .block01 .stickers .s03 {
    width: 8%;
    z-index: 0;
}
@media screen and (max-width: 767px) {
    section.home .block01 .stickers .s01 {
        bottom: 30px;
    }
    section.home .block01 .stickers .s02 {
        bottom: 85px;
    }
    section.home .block01 .stickers .s03 {
        bottom: 10px;
        width: 100%;
    }
}
section.about .block01 {
    position: relative;
}
section.about .block01 .container {
    position: relative;
    z-index: 4;
}
section.about .block01 .img {
    position: absolute;
    z-index: 0;
    bottom: -10px;
    left: -20px;
    max-width: 28%;
}
section.about .block01 .img img {
    display: block;
    max-width: 100%;
    position: relative;
}
section.about .block01 .stickers {
    position: absolute;
    right: 0;
    bottom: 0;
}
section.about .block01 .stickers img {
    position: absolute;
}
section.about .block01 .stickers .s01 {
    right: 0;
    bottom: 330px;
    z-index: 1;
    width: 16vw;
}
section.about .block01 .stickers .s02 {
    right: 40px;
    bottom: 144px;
    z-index: 2;
    width: 18vw;
}
section.about .block01 .stickers .s03 {
    right: 0;
    bottom: 95px;
    z-index: 0;
    width: 16vw;
}
@media screen and (max-width: 991px) {
    section.about .block01 .stickers .s01 {
        bottom: 200px;
    }
    section.about .block01 .stickers .s02 {
        bottom: 70px;
    }
    section.about .block01 .stickers .s03 {
        bottom: 40px;
    }
}
@media screen and (max-width: 575px) {
    section.about .block01 {
        padding-bottom: 167px;
    }
    section.about .block01 .img {
        position: absolute;
        z-index: 0;
        bottom: -10px;
        left: -6%;
        max-width: 100%;
        width: 43%;
    }
    section.about .block01 .img img {
        display: block;
        max-width: 100%;
        position: relative;
    }
    section.about .block01 .stickers .s01 {
        bottom: 140px;
        width: 22vw;
    }
    section.about .block01 .stickers .s02 {
        bottom: 50px;
        right: 30px;
        width: 20vw;
    }
    section.about .block01 .stickers .s03 {
        bottom: -20px;
        width: 25vw;
        right: -7px;
    }
}
section.about .block08 .container,
section.single .block08 .container {
    position: relative;
    z-index: 2;
}
section.about .block08 .stickers,
section.single .block08 .stickers {
    pointer-events: none;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}
section.about .block08 .stickers img,
section.single .block08 .stickers img {
    position: absolute;
}
section.about .block08 .stickers .s01,
section.single .block08 .stickers .s01 {
    top: -110px;
    left: 0;
    right: 0;
    margin: auto;
}
section.about .block08 .stickers .s02,
section.single .block08 .stickers .s02 {
    left: 0;
    top: 78px;
    max-width: 25%;
}
section.about .block08 .stickers .s03,
section.single .block08 .stickers .s03 {
    right: 0;
    bottom: -100px;
}
section.about .block08 .stickers .s04,
section.single .block08 .stickers .s04 {
    right: 0;
    top: 160px;
}
section.contact .block01 {
    position: relative;
}
section.contact .block01 .container {
    position: relative;
    z-index: 2;
}
section.contact .block01 .stickers {
    pointer-events: none;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}
section.contact .block01 .stickers img {
    position: absolute;
}
section.contact .block01 .stickers .s01 {
    bottom: -110px;
    left: 20%;
    width: 25vw;
}
section.contact .block01 .stickers .s02 {
    left: 0;
    top: 78px;
    width: 25vw;
}
section.contact .block01 .stickers .s03 {
    right: 0;
    bottom: -100px;
    width: 28vw;
}
section.contact .block01 .stickers .s04 {
    right: 0;
    top: 160px;
    width: 15vw;
}
@media screen and (max-width: 991px) {
    section.contact .block01 .stickers .s01 {
        top: -5%;
        bottom: auto;
        left: -9%;
    }
    section.contact .block01 .stickers .s02 {
        bottom: -16%;
        top: auto;
        width: 30vw;
    }
}
@media screen and (max-width: 767px) {
    section.contact .block01 .stickers .s04 {
        top: 70px;
    }
    section.contact .block01 .stickers .s03 {
        width: 30vw;
        bottom: -70px;
    }
}
@media screen and (max-width: 575px) {
    section.contact .block01 .stickers .s01 {
        top: -5%;
        bottom: auto;
        left: -15%;
        width: 33vw;
    }
    section.contact .block01 .stickers .s02 {
        bottom: -16%;
        top: auto;
        width: 40vw;
    }
    section.contact .block01 .stickers .s04 {
        top: 50px;
        right: -20px;
    }
}
section.contact .block04 {
    position: relative;
}
section.contact .block04 .button-cont {
    position: relative;
    z-index: 4;
}
section.contact .block04 .stickers {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
section.contact .block04 .stickers img {
    position: absolute;
}
section.contact .block04 .stickers .s01 {
    bottom: -50px;
    right: 0;
    width: 75%;
}
section.contact .block04 .stickers .s02 {
    top: -20px;
    left: 80px;
    width: 53%;
}
section.contact .block04 .stickers .s03 {
    top: -135px;
    left: 30px;
    width: 94%;
    z-index: 9;
}
section.contact .block04 .stickers .s04 {
    top: -60px;
    left: 40px;
    width: 90%;
}
section.contact .block04 .stickers .s05 {
    top: 0;
    right: 70px;
    width: 78%;
}
section.products .animation-container {
    position: relative;
}
section.products .animation-container .text1 {
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    max-width: 850px;
    text-align: center;
}
section.products .animation-container .text1 h3 {
    font-size: 115px;
    letter-spacing: -2px;
    margin-bottom: 35px;
}
section.products .animation-container .text1 p {
    font-size: 25px;
    line-height: 125%;
}
section.products .animation-container #animation-three {
    position: absolute;
    z-index: 2;
    top: 19%;
    left: -8%;
    width: 34%;
    z-index: 2;
}
section.products .animation-container .schema {
    position: absolute;
    z-index: 3;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 11%;
}
section.products .animation-container #animation-packing {
    position: absolute;
    right: -5%;
    top: 27%;
    z-index: 2;
    width: 34%;
}
section.products .animation-container .text2 {
    position: absolute;
    z-index: 2;
    bottom: -2.5%;
    width: 100%;
    left: 0;
}
section.products .animation-container .text2 h4 {
    font-size: 115px;
    text-align: center;
    font-family: "Tilt Warp", sans-serif;
    color: #fbe93a;
    max-width: 650px;
    margin: 0 auto -50px;
}
section.products .animation-container .text2 img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
section.products .animation-container .background {
    width: 100%;
    position: relative;
    z-index: 0;
    display: block;
    margin-bottom: -2px;
}
@media screen and (max-width: 1199px) {
    section.products .animation-container .text1 {
        max-width: 700px;
    }
    section.products .animation-container .text1 h3 {
        font-size: 90px;
        max-width: 600px;
        margin: 0 auto 35px;
    }
    section.products .animation-container .text2 h4 {
        font-size: 90px;
        max-width: 500px;
    }
}
@media screen and (max-width: 991px) {
    section.products .animation-container .text1 {
        max-width: 550px;
    }
    section.products .animation-container .text1 h3 {
        font-size: 70px;
        max-width: 500px;
        margin: 0 auto 25px;
    }
    section.products .animation-container .text1 p {
        font-size: 22px;
    }
    section.products .animation-container .text2 h4 {
        font-size: 70px;
        max-width: 400px;
        margin: 0 auto -10px;
    }
    section.products .animation-container .text2 img {
        max-width: 90%;
    }
    .animation-mobile img {
        display: block;
        width: 100%;
    }
}


.content strong, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    font-weight: 700;
    letter-spacing: 0;
}
.content h1 {
    font-size: 31px;
}
.content h2 {
    font-size: 29px;
}
.content h3 {
    font-size: 27px;
}
.content h4 {
    font-size: 25px;
}
.content h5 {
    font-size: 23px;
}
.content h6 {
    font-size: 21px;
}
.content p, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    margin-bottom: 15px;
}
.content em {
    font-style: italic;
}
.content ul {
   list-style: disc; padding-left: 15px;
}
.content a {
    text-decoration: underline;
}

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

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-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);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}