a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    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:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

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

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

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

button {
    color: inherit;
    font: inherit;
    border: none
}

button,
button:focus {
    outline: none
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #393939;
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

a {
    text-decoration: none;
    color: inherit;
    outline: none
}

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

* {
    -webkit-tap-highlight-color: transparent
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url(../fonts/Montserrat-BoldItalic.woff2) format("woff2"), url(../fonts/Montserrat-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url(../fonts/Montserrat-ExtraBoldItalic.woff2) format("woff2"), url(../fonts/Montserrat-ExtraBoldItalic.woff) format("woff");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: Montserrat;
    src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(../fonts/Montserrat-SemiBold.woff2) format("woff2"), url(../fonts/Montserrat-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #fff;
    font-family: Montserrat;
    font-weight: 800;
    font-style: italic;
    line-height: 1.2;
    background: #26a1ff
}

.body-wrap,
body {
    height: 100%;
    max-width: 100%
}

.body-wrap {
    overflow: hidden;
    width: 100%
}

img {
    width: 100%;
    height: auto
}

.container {
    max-width: 84.5em;
    margin: 0 auto
}

.p-a {
    position: absolute
}

.logo {
    display: block;
    margin: 0 auto;
    width: 13.5vw;
    margin-top: .3vw
}

section {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
    max-height: none;
    height: 100%
}

.section {
    max-height: 100vh;
    height: 100vh;
    overflow: hidden
}

.encircle,
.moveSectionDown {
    cursor: pointer
}

.encircle {
    width: 3vw;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    bottom: 2vw;
    left: 50%;
    z-index: 9;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation: a 1.5s ease-in-out infinite alternate;
    -moz-animation: a 1.5s ease-in-out infinite alternate;
    animation: a 1.5s ease-in-out infinite alternate;
    opacity: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.encircle.open {
    opacity: 1
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: translateX(-50%) scale(1) translateZ(.01px);
        transform: translateX(-50%) scale(1) translateZ(.01px)
    }
    50% {
        -webkit-transform: translateX(-50%) scale(1.1) translateZ(.01px);
        transform: translateX(-50%) scale(1.1) translateZ(.01px)
    }
    to {
        -webkit-transform: translateX(-50%) scale(1) translateZ(.01px);
        transform: translateX(-50%) scale(1) translateZ(.01px)
    }
}

@-moz-keyframes a {
    0% {
        -moz-transform: translateX(-50%) scale(1) translateZ(.01px);
        transform: translateX(-50%) scale(1) translateZ(.01px)
    }
    50% {
        -moz-transform: translateX(-50%) scale(1.1) translateZ(.01px);
        transform: translateX(-50%) scale(1.1) translateZ(.01px)
    }
    to {
        -moz-transform: translateX(-50%) scale(1) translateZ(.01px);
        transform: translateX(-50%) scale(1) translateZ(.01px)
    }
}

@keyframes a {
    0% {
        -webkit-transform: translateX(-50%) scale(1) translateZ(.01px);
        -moz-transform: translateX(-50%) scale(1) translateZ(.01px);
        transform: translateX(-50%) scale(1) translateZ(.01px)
    }
    50% {
        -webkit-transform: translateX(-50%) scale(1.1) translateZ(.01px);
        -moz-transform: translateX(-50%) scale(1.1) translateZ(.01px);
        transform: translateX(-50%) scale(1.1) translateZ(.01px)
    }
    to {
        -webkit-transform: translateX(-50%) scale(1) translateZ(.01px);
        -moz-transform: translateX(-50%) scale(1) translateZ(.01px);
        transform: translateX(-50%) scale(1) translateZ(.01px)
    }
}

.packing-hover {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.packing-hover:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (min-aspect-ratio:200/93) {
    .logo {
        width: 12vw
    }
}

@media (min-aspect-ratio:100/43) {
    .logo {
        width: 11vw
    }
    .encircle {
        bottom: 1vw;
        width: 3.3vw
    }
}

@media (min-aspect-ratio:25/9) {
    .logo {
        width: 10vw;
        margin-top: 0
    }
}

@media (min-aspect-ratio:25/8) {
    .encircle {
        bottom: .5vw;
        width: 2.5vw
    }
}

@media (max-aspect-ratio:8/5) {
    .logo {
        width: 15vw;
        margin-top: 0
    }
}

@media (max-aspect-ratio:100/77) {
    .encircle {
        bottom: 4vw;
        width: 5vw
    }
    .logo {
        margin-top: 1vw
    }
}

@media (max-aspect-ratio:1/1) {
    .logo {
        width: 16vw;
        margin-top: 1vw
    }
    .encircle {
        bottom: 3vw;
        width: 8vw
    }
}

@media (max-aspect-ratio:25/29) {
    .logo {
        width: 19vw
    }
    .encircle {
        bottom: 27vw
    }
}

@media (max-aspect-ratio:4/5) {
    .logo {
        width: 23vw
    }
}

@media (max-aspect-ratio:100/147) {
    .logo {
        width: 25vw;
        margin-top: 1vw
    }
    .encircle {
        width: 10vw
    }
}

@media (max-aspect-ratio:10/19) {
    .logo {
        width: 34vw;
        margin-top: 3vw
    }
    .encircle {
        width: 11vw
    }
}

.section-1 {
    background: url(../img/bg.jpg) no-repeat 50%/cover;
    height: 100vh
}

.section-1_pigeon {
    width: 17vw;
    bottom: -10vw;
    right: -6vw;
    z-index: 10;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    -webkit-transform: translate(150%, 150%) translateZ(.01px);
    -moz-transform: translate(150%, 150%) translateZ(.01px);
    transform: translate(150%, 150%) translateZ(.01px);
    pointer-events: none;
    opacity: 0
}

.section-1_pigeon.open {
    -webkit-transform: translate(0) translateZ(.01px)!important;
    -moz-transform: translate(0) translateZ(.01px)!important;
    transform: translate(0) translateZ(.01px)!important;
    pointer-events: auto;
    opacity: 1
}

.section-1_pigeon--img {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    z-index: 1
}

.section-1_pigeon--text {
    display: block;
    left: -133%;
    top: -28%;
    width: 135%;
    z-index: 2;
    -webkit-animation: b 1.7s ease-in-out infinite alternate;
    -moz-animation: b 1.7s ease-in-out infinite alternate;
    animation: b 1.7s ease-in-out infinite alternate
}

.section-1_pigeon--text img {
    z-index: -1
}

.section-1_pigeon--text span {
    display: block;
    position: absolute;
    top: 22%;
    left: 13%;
    color: #000;
    font-size: 2.5vw;
    -webkit-transform: rotate(-11deg);
    -moz-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg)
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-moz-keyframes b {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes b {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.h1 {
    margin: 0 auto;
    text-align: center;
    font-size: 4.5vw;
    width: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    margin-top: 6vh
}

.h1-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.h1 img {
    width: 18vw;
}
.h1 span {
    margin-left: -2.5vw;
    line-height: 1.42;
    letter-spacing: .1vw;
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    position: relative;
    z-index: 0
}

.h1 span:first-child {
    padding: 0 .4em
}

.h1 span:nth-child(3) {
    padding: 0 .75em .09em .3em;
    line-height: 1.3;
    margin-bottom: 1vw;
    margin-top: -1vw
}

.h1 span:nth-child(4) {
    padding: 0 .3em 0 .3em;
    margin-bottom: 0
}

.h1 span:before {
    content: "";
    display: block;
    position: absolute;
    background: #e2a609;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: skew(-8deg);
    -moz-transform: skew(-8deg);
    -ms-transform: skew(-8deg);
    transform: skew(-8deg)
}

.main-desc {
    text-align: center;
    font-size: 2.53vw;
    -webkit-transform: rotate(-6deg) translateX(-1vw);
    -moz-transform: rotate(-6deg) translateX(-1vw);
    -ms-transform: rotate(-6deg) translateX(-1vw);
    transform: rotate(-6deg) translateX(-1vw);
    margin-top: 1.5vw;
    margin-left: -3vw;
    z-index: 2
}

.cornMan-1 {
    left: 10vw;
    top: 8.2vw;
    width: 33.5vw;
    z-index: -1
}

.peanutMan-1 {
    left: 61.5vw;
    top: 9.5vw;
    width: 23vw;
    z-index: -2
}

.section-1 .packing-1 {
    left: 16vw;
    top: 8.5vw;
    width: 8.5vw;
    z-index: 1
}

.section-1 .packing-2 {
    left: 73.5vw;
    top: 5.5vw;
    width: 11.5vw;
    z-index: 1
}

.corn {
    z-index: 1
}

.corn-1 {
    left: 5vw;
    top: 17vw;
    width: 5.2vw
}

.corn-1,
.corn-2 {
    -webkit-animation: c 3s ease-in-out infinite alternate;
    -moz-animation: c 3s ease-in-out infinite alternate;
    animation: c 3s ease-in-out infinite alternate
}

.corn-2 {
    left: 7.5vw;
    top: 35.5vw;
    width: 6vw
}

.corn-3 {
    left: 5vw;
    top: 46.5vw;
    width: 21vw
}

.corn-3,
.corn-4 {
    -webkit-animation: c 3s ease-in-out infinite alternate;
    -moz-animation: c 3s ease-in-out infinite alternate;
    animation: c 3s ease-in-out infinite alternate
}

.corn-4 {
    left: 90.5vw;
    top: 33vw;
    width: 5.3vw
}

.corn-4 img {
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg)
}

.corn-5 {
    left: 42.5vw;
    top: 44.5vw;
    width: 6.2vw;
    -webkit-animation: c 3s ease-in-out infinite alternate;
    -moz-animation: c 3s ease-in-out infinite alternate;
    animation: c 3s ease-in-out infinite alternate
}

.corn-5 img {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(30px) translateZ(.01px);
        transform: translateY(30px) translateZ(.01px)
    }
}

@-moz-keyframes c {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -moz-transform: translateY(30px) translateZ(.01px);
        transform: translateY(30px) translateZ(.01px)
    }
}

@keyframes c {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(30px) translateZ(.01px);
        -moz-transform: translateY(30px) translateZ(.01px);
        transform: translateY(30px) translateZ(.01px)
    }
}

@media (min-aspect-ratio:200/109) {
    .h1 {
        font-size: 4vw
    }
    .main-desc {
        font-size: 2.3vw
    }
    .cornMan-1 {
        left: 12vw;
        top: 6.2vw;
        width: 29.5vw
    }
    .peanutMan-1 {
        left: 63.5vw;
        top: 8.5vw;
        width: 21vw
    }
    .section-1_pigeon {
        width: 15vw
    }
    .section-1 .packing-1 {
        left: 18vw;
        top: 7.5vw;
        width: 7.5vw
    }
    .section-1 .packing-2 {
        left: 74vw;
        top: 6.5vw;
        width: 9.5vw
    }
    .corn-1 {
        left: 8vw;
        top: 10vw
    }
    .corn-2 {
        left: 7.5vw;
        top: 29.5vw
    }
    .corn-3 {
        left: 8vw;
        top: 37.5vw;
        width: 18vw
    }
    .corn-4 {
        left: 81.5vw;
        top: 25vw
    }
    .corn-5 {
        left: 52.5vw;
        top: 38.5vw
    }
}

@media (min-aspect-ratio:100/43) {
    .h1 {
        font-size: 4vw;
        margin-top: 1vw
    }
    .h1 span {
        margin-left: -.5vw
    }
    .main-desc {
        font-size: 2vw;
        -webkit-transform: rotate(-6deg) translateX(0);
        -moz-transform: rotate(-6deg) translateX(0);
        -ms-transform: rotate(-6deg) translateX(0);
        transform: rotate(-6deg) translateX(0)
    }
    .cornMan-1 {
        left: 8vw;
        top: 0;
        width: 29vw
    }
    .peanutMan-1 {
        left: 68.5vw;
        top: 3.5vw;
        width: 20.5vw
    }
    .section-1_pigeon {
        width: 14vw
    }
    .section-1_pigeon--text span {
        font-size: 2vw
    }
    .section-1 .packing-1 {
        left: 14vw;
        top: 2vw;
        width: 7vw
    }
    .section-1 .packing-2 {
        left: 79vw;
        top: 3vw;
        width: 9.5vw
    }
    .corn-1 {
        left: 5vw;
        top: 5vw
    }
    .corn-2 {
        left: 3.5vw;
        top: 24.5vw
    }
    .corn-3 {
        left: 20vw;
        top: 32.5vw
    }
    .corn-4 {
        left: 88.5vw;
        top: 20vw
    }
    .corn-5 {
        left: 60.5vw;
        top: 32.5vw
    }
}

@media (min-aspect-ratio:25/9) {
    .h1 {
        font-size: 3.3vw;
        margin-top: .51vw
    }
    .main-desc {
        font-size: 1.7vw
    }
    .cornMan-1 {
        left: 14vw;
        top: 1vw;
        width: 23vw
    }
    .peanutMan-1 {
        left: 70.5vw;
        top: 4vw;
        width: 15.5vw
    }
    .section-1 .packing-1 {
        left: 19.5vw;
        top: 2vw;
        width: 5.5vw
    }
    .section-1 .packing-2 {
        left: 79vw;
        top: 2vw;
        width: 8.5vw
    }
    .corn-1 {
        width: 4.2vw;
        left: 7vw;
        top: 4vw
    }
    .corn-2 {
        left: 8.5vw;
        top: 18.5vw;
        width: 5.5vw
    }
    .corn-3 {
        left: 26vw;
        top: 27.5vw;
        width: 14vw
    }
    .corn-4 {
        left: 89.5vw;
        top: 16vw
    }
    .corn-5 {
        left: 62.5vw;
        top: 26.5vw;
        width: 5.5vw
    }
}

@media (max-aspect-ratio:8/5) {
    .h1 {
        font-size: 6vw
    }
    .main-desc {
        font-size: 3.2vw
    }
    .cornMan-1 {
        left: 1vw;
        top: 7.2vw;
        width: 41.5vw
    }
    .peanutMan-1 {
        left: 63.5vw;
        top: 10.5vw;
        width: 30vw
    }
    .section-1 .packing-1 {
        left: 10vw;
        top: 7.5vw;
        width: 10.5vw
    }
    .section-1 .packing-2 {
        left: 78.5vw;
        top: 6.5vw;
        width: 14.5vw
    }
    .corn-1 {
        left: 3vw;
        top: 14vw;
        width: 6.2vw
    }
    .corn-2 {
        left: 3.5vw;
        top: 35.5vw;
        width: 7vw
    }
    .corn-3 {
        left: 26vw;
        top: 56.5vw;
        width: 21vw
    }
    .corn-4 {
        left: 88.5vw;
        top: 36vw;
        width: 6.3vw
    }
    .corn-5 {
        left: 57.5vw;
        top: 57.5vw
    }
}

@media (max-aspect-ratio:40/29) {
    .h1 {
        margin-top: 5vw;
        font-size: 6.5vw
    }
    .main-desc {
        font-size: 3.5vw
    }
    .cornMan-1 {
        left: -7vw;
        top: 10.2vw;
        width: 52.5vw
    }
    .peanutMan-1 {
        left: 64.5vw;
        top: 16.5vw;
        width: 38vw
    }
    .section-1_pigeon {
        width: 20vw
    }
    .section-1_pigeon--text span {
        font-size: 2.5vw
    }
    .section-1 .packing-1 {
        left: 4vw;
        top: 10.5vw;
        width: 13vw
    }
    .section-1 .packing-2 {
        left: 83.5vw;
        top: 11vw;
        width: 16vw
    }
    .corn-1 {
        left: 29vw;
        top: 7vw
    }
    .corn-2 {
        left: -.5vw;
        top: 49.5vw
    }
    .corn-3 {
        top: 70.5vw
    }
    .corn-4 {
        left: 91.5vw;
        top: 53vw
    }
    .corn-5 {
        left: 56.5vw;
        top: 63.5vw;
        width: 7.5vw
    }
}

@media (max-aspect-ratio:10/9) {
    .h1 {
        margin-top: 8vw
    }
    .cornMan-1 {
        top: 21.2vw
    }
    .peanutMan-1 {
        top: 27.5vw
    }
    .section-1 .packing-1 {
        top: 23.5vw
    }
    .section-1 .packing-2 {
        left: 82.5vw;
        top: 25vw
    }
    .corn-3 {
        top: 84.5vw
    }
    .corn-5 {
        left: 52.5vw;
        top: 68.5vw
    }
}

@media (max-aspect-ratio:1/1) {
    .h1 {
        margin-top: 2vw;
        font-size: 6vw
    }
    .h1 span {
        margin-left: 0
    }
    .main-desc {
        font-size: 3vw
    }
    .cornMan-1 {
        top: 48.5vw;
        left: 12vw;
        width: 50.5vw
    }
    .peanutMan-1 {
        top: 54vw;
        left: 45.5vw;
        width: 36vw
    }
    .section-1_pigeon {
        width: 23vw
    }
    .section-1_pigeon--text span {
        font-size: 3vw
    }
    .section-1 .packing-1 {
        top: 51vw;
        left: 24vw;
        width: 12vw
    }
    .section-1 .packing-2 {
        left: 63.5vw;
        top: 51vw
    }
    .corn-1 {
        left: 12vw;
        top: 21vw;
        width: 8.2vw
    }
    .corn-2 {
        width: 9vw;
        left: 6.5vw;
        top: 58.5vw
    }
    .corn-3 {
        top: 93vw;
        left: 74vw
    }
    .corn-4 {
        width: 9.3vw;
        left: 79.5vw;
        top: 16vw
    }
    .corn-5 {
        left: 83.5vw;
        top: 37.5vw;
        width: 9.5vw
    }
}

@media (max-aspect-ratio:25/29) {
    .h1 {
        margin-top: 0
    }
    .h1 span {
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        transform: rotate(-8deg);
        margin-bottom: 1.5vw
    }
    .h1 span:before {
        -webkit-transform: skew(-9deg);
        -moz-transform: skew(-9deg);
        -ms-transform: skew(-9deg);
        transform: skew(-9deg)
    }
    .h1 span:first-child {
        padding: 0 .6em 0 .4em
    }
    .h1 span:nth-child(2) {
        padding: 0 .4em .05em .3em
    }
    .h1 span:nth-child(3) {
        padding: 0 .4em 0 .3em
    }
    .main-desc {
        display: none
    }
    .cornMan-1 {
        left: 15vw;
        width: 48.5vw;
        top: 47.5vw
    }
    .peanutMan-1 {
        left: 44.5vw;
        width: 34vw
    }
    .section-1_pigeon {
        width: 25vw
    }
    .section-1_pigeon--text span {
        font-size: 3.5vw
    }
    .section-1 .packing-1 {
        top: 49vw
    }
    .section-1 .packing-2 {
        width: 14vw;
        left: 62.5vw
    }
    .corn-1 {
        left: 16vw;
        top: 12vw;
        width: 9.2vw
    }
    .corn-2 {
        width: 10vw;
        left: 9.5vw;
        top: 89.5vw
    }
    .corn-3 {
        top: 110vw;
        left: 76vw;
        width: 34vw
    }
    .corn-4 {
        width: 10.3vw;
        left: 74.5vw;
        top: 29vw
    }
    .corn-5 {
        left: 78.5vw;
        top: 76.5vw;
        width: 10.5vw
    }
}

@media (max-aspect-ratio:4/5) {
    .h1 {
        margin-top: 1vw;
        font-size: 7vw
    }
    .cornMan-1 {
        left: 9.5vw;
        width: 55.5vw;
        top: 58vw
    }
    .peanutMan-1 {
        width: 39vw;
        top: 65vw
    }
    .section-1_pigeon {
        width: 30vw
    }
    .section-1_pigeon--text span {
        font-size: 4vw
    }
    .section-1 .packing-1 {
        width: 15vw;
        left: 19vw;
        top: 58vw
    }
    .section-1 .packing-2 {
        width: 17vw;
        left: 65vw;
        top: 61vw
    }
    .corn-1 {
        left: 16vw;
        top: 9vw;
        width: 11.2vw
    }
    .corn-2 {
        width: 12vw;
        left: 7.5vw;
        top: 101.5vw
    }
    .corn-3 {
        top: 115vw
    }
    .corn-4 {
        width: 12.3vw;
        left: 79.5vw;
        top: 24vw
    }
    .corn-5 {
        left: 85.5vw;
        top: 79.5vw;
        width: 12.5vw
    }
}

@media (max-aspect-ratio:100/147) {
    .h1 {
        margin-top: 6vh;
        font-size: 8.5vw
    }
    .cornMan-1 {
        left: 4.5vw;
        width: 62.5vw;
        top: 71vw
    }
    .peanutMan-1 {
        width: 43vw;
        top: 79vw
    }
    .section-1_pigeon {
        width: 35vw
    }
    .section-1_pigeon--text span {
        font-size: 5vw
    }
    .section-1 .packing-1 {
        left: 17.5vw;
        top: 72vw
    }
    .section-1 .packing-2 {
        width: 18vw;
        left: 65vw;
        top: 73vw
    }
    .corn-2 {
        top: 115.5vw
    }
    .corn-3 {
        top: 136vw
    }
}

@media (max-aspect-ratio:10/17) {
    .cornMan-1 {
        left: -1vw;
        width: 72.5vw;
        top: 77vw
    }
    .peanutMan-1 {
        width: 53vw;
        top: 85vw;
        left: 43.5vw
    }
    .section-1 .packing-1 {
        width: 18vw;
        left: 13.5vw;
        top: 78vw
    }
    .section-1 .packing-2 {
        width: 22vw;
        left: 70vw;
        top: 78vw
    }
    .corn-1 {
        left: 11vw;
        top: 14vw;
        width: 13.2vw
    }
    .corn-2 {
        top: 131.5vw;
        left: 4.5vw;
        width: 14vw
    }
    .corn-3 {
        top: 155vw
    }
    .corn-4 {
        width: 15.3vw;
        left: 85.5vw;
        top: 27vw
    }
    .corn-5 {
        left: 85.5vw;
        top: 133.5vw;
        width: 14.5vw
    }
}

@media (max-aspect-ratio:10/19) {
    .h1 {
        font-size: 10.5vw;
        margin-top: 6vh
    }
    .cornMan-1 {
        left: -11vw;
        width: 83.5vw;
        top: 84vw
    }
    .peanutMan-1 {
        width: 58vw;
        top: 95vw;
        left: 41.5vw
    }
    .section-1_pigeon {
        width: 40vw;
        bottom: -22vw;
        right: -16vw
    }
    .section-1_pigeon--text span {
        font-size: 6vw
    }
    .section-1 .packing-1 {
        width: 20vw;
        left: 6.5vw;
        top: 87vw
    }
    .section-1 .packing-2 {
        width: 24vw;
        left: 72vw;
        top: 90vw
    }
    .corn-1 {
        left: 8vw;
        top: 16vw;
        width: 16.2vw
    }
    .corn-2 {
        top: 157.5vw;
        left: -2.5vw;
        width: 16vw
    }
    .corn-3 {
        left: 71vw;
        width: 48vw;
        top: 172vw
    }
    .corn-4 {
        width: 18.3vw;
        left: 78.5vw;
        top: 64vw
    }
    .corn-5 {
        left: 78.5vw;
        top: 157.5vw;
        width: 18.5vw
    }
}

.section-2 {
    background: url(../img/bg.jpg) no-repeat 0 0/cover;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.section-2 .encircle {
    bottom: 1vw;
    width: 2.5vw
}

.section-2_slider {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    height: 60vh;
    grid-row-gap: 1vw;
    margin-top: -7vh;
    position: relative
}

.section-2_slider--item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 15vw;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    flex-direction: column;
}

.section-2_slider--item:hover .section-2_slider--img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.section-2_slider--item:hover .section-2_slider--text {
    text-shadow: .1em .1em .1em #000
}

.section-2_slider--img {
    width: 9vw;
    min-width: 9vw;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.section-2_slider--img--big {
    width: 12vw;
    min-width: 12vw;
    padding-bottom: 1vw
}

.section-2_slider--text {
    font-size: 1vw;
    width: 12vw;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    max-width: 125px
}

.section-2_slider--arrow {
    display: none
}

.section-2_btn {
    display: block;
    margin: 0 auto;
    width: 9.3vw;
    font-size: 1vw;
    text-align: center;
    position: relative;
    z-index: 0;
    line-height: 3vw;
    margin-bottom: 4.5vw;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.section-2_btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #e2a609;
    z-index: -1;
    -webkit-transform: skewX(-12deg);
    -moz-transform: skewX(-12deg);
    -ms-transform: skewX(-12deg);
    transform: skewX(-12deg);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.section-2_btn:hover {
    -webkit-transform: translateY(-.2em);
    -moz-transform: translateY(-.2em);
    -ms-transform: translateY(-.2em);
    transform: translateY(-.2em);
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.section-2_btn:hover:before {
    -webkit-box-shadow: 0 .2em .3em rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 .2em .3em rgba(0, 0, 0, .2);
    box-shadow: 0 .2em .3em rgba(0, 0, 0, .2)
}

.pigeon-2 {
    bottom: auto;
    top: -10vw;
    right: 13vw;
    -webkit-transform: translate(150%, -150%) translateZ(.01px);
    -moz-transform: translate(150%, -150%) translateZ(.01px);
    transform: translate(150%, -150%) translateZ(.01px)
}

.pigeon-2 .pigeon-wrap {
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    transform: rotate(-120deg)
}

.pigeon-2 .section-1_pigeon--text {
    left: -186%;
    top: -17%;
    width: 135%
}

.pigeon-2 .section-1_pigeon--text img {
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.pigeon-2 .section-1_pigeon--text span {
    -webkit-transform: rotate(110deg);
    -moz-transform: rotate(110deg);
    -ms-transform: rotate(110deg);
    transform: rotate(110deg);
    top: 29%;
    left: 16%;
    font-size: 2.15vw
}

@media (min-aspect-ratio:5/3) {
    .section-2_slider {
        margin-top: -4vh;
        grid-column-gap: 3vw
    }
    .section-2_slider--img {
        width: 6vw;
        min-width: 6vw
    }
    .section-2_slider--img--big {
        width: 9.5vw;
        min-width: 9.5vw
    }
    .pigeon-2 .section-1_pigeon--text span {
        font-size: 2vw
    }
}

@media (min-aspect-ratio:25/13) {
    .section-2_slider {
        margin-top: -4vh;
        grid-column-gap: 3vw
    }
    .section-2_slider--img {
        width: 5vw;
        min-width: 5vw
    }
    .section-2_slider--img--big {
        width: 8vw;
        min-width: 8vw
    }
    .section-2_slider--text {
        font-size: .8vw
    }
}

@media (min-aspect-ratio:20/9) {
    .pigeon-2 {
        width: 13vw
    }
    .pigeon-2 .section-1_pigeon--text span {
        font-size: 1.72vw
    }
    .section-2_slider {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(1, 1fr);
        padding-left: 0
    }
    .section-2_slider--item {
        width: 19vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .section-2_slider--img {
        margin-right: 0;
        width: auto;
        height: 18vw
    }
    .section-2_slider--img img {
        height: 100%;
        width: auto
    }
    .section-2_slider--img--big {
        width: auto
    }
    .section-2_slider--text {
        text-align: center;
        margin-top: 1vw;
        font-size: 1.2vw;
        width: 100%
    }
}

@media (min-aspect-ratio:100/39) {
    .section-2 .encircle {
        bottom: .5vw;
        width: 2vw
    }
    .section-2_slider--img {
        height: 15vw
    }
    .section-2_slider--text {
        font-size: 1.1vw
    }
    .section-2_btn {
        margin-bottom: 7vw
    }
}

@media (max-aspect-ratio:25/17) {
    .section-2_slider {
        margin-top: 0
    }
    .section-2_btn {
        width: 12.3vw;
        font-size: 1.3vw;
        line-height: 4vw;
        margin-bottom: 7vw
    }
    .section-2 .encircle {
        bottom: 2vw;
        width: 4vw
    }
}

@media (max-aspect-ratio:25/18) {
    .section-2 .pigeon-2 {
        width: 13vw
    }
    .section-2 .pigeon-2 .section-1_pigeon--text span {
        font-size: 1.72vw
    }
}

@media (max-aspect-ratio:20/17) {
    .section-2_slider--item {
        width: 35vw
    }
    .section-2_slider--img {
        width: 11vw;
        margin-right: 1.3vw
    }
    .section-2_slider--img--big {
        width: 15vw
    }
    .section-2_slider--text {
        font-size: 1.25vw;
        width: 16vw
    }
    .section-2_btn {
        width: 15vw;
        font-size: 1.6vw;
        line-height: 5vw;
        margin-bottom: 7vw
    }
}

@media (max-aspect-ratio:1/1) {
    .section-2 .encircle {
        bottom: 2vw;
        width: 6vw
    }
    .section-2 .pigeon-2 {
        width: 18vw
    }
    .section-2 .pigeon-2 .section-1_pigeon--text span {
        font-size: 2.3vw
    }
    .section-2_slider--item {
        width: 45vw
    }
    .section-2_slider--img {
        width: 13vw
    }
    .section-2_slider--img--big {
        width: 19vw
    }
    .section-2_slider--text {
        font-size: 1.6vw;
        width: 20vw
    }
    .section-2_btn {
        width: 23vw;
        font-size: 2.4vw;
        line-height: 7vw;
        margin-bottom: 9vw
    }
}

@media (max-width:540px) {
    .section-2 .pigeon-2 {
        right: 67vw;
        width: 29vw
    }
    .section-2 .pigeon-2 .section-1_pigeon--img {
        -webkit-transform: rotate(-65deg);
        -moz-transform: rotate(-65deg);
        -ms-transform: rotate(-65deg);
        transform: rotate(-65deg)
    }
    .section-2 .pigeon-2 .section-1_pigeon--text {
        left: -168%;
        top: 23%
    }
    .section-2 .pigeon-2 .section-1_pigeon--text span {
        font-size: 3.8vw
    }
    .section-2_slider {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        padding-left: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 75vw;
        height: auto
    }
    .section-2_slider--item {
        height: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: block
    }
    .section-2_slider--img {
        margin: 0 auto;
        height: 55vw;
        width: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        transform: none!important
    }
    .section-2_slider--img img {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto
    }
    .section-2_slider--text {
        margin: 0 auto;
        width: 55%;
        text-align: center;
        font-size: 2.6vw;
        margin-top: 1.5vw;
        text-shadow: none!important
    }
    .section-2_slider--arrow {
        display: block;
        position: absolute;
        top: 30%;
        z-index: 5
    }
    .section-2_slider--prev {
        left: 0;
        -webkit-transform: translateX(-105%);
        -moz-transform: translateX(-105%);
        -ms-transform: translateX(-105%);
        transform: translateX(-105%)
    }
    .section-2_slider--next {
        right: 0;
        -webkit-transform: translateX(105%);
        -moz-transform: translateX(105%);
        -ms-transform: translateX(105%);
        transform: translateX(105%)
    }
    .section-2_slider--next img {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media (max-width:540px) and (min-aspect-ratio:100/91) {
    .section-2_slider--img {
        height: 45vw
    }
    .section-2 .pigeon-2 {
        width: 23vw
    }
    .section-2 .pigeon-2 .section-1_pigeon--text span {
        font-size: 3.1vw
    }
}

@media (max-width:540px) and (min-aspect-ratio:500/393) {
    .section-2_slider--img {
        height: 35vw
    }
    .section-2_slider--text {
        font-size: 2.3vw;
        width: 48%
    }
}

@media (max-width:540px) and (min-aspect-ratio:20/13) {
    .section-2_slider--img {
        height: 28vw
    }
    .section-2_slider--text {
        font-size: 2vw;
        width: 40%
    }
    .section-2_btn {
        width: 15vw;
        font-size: 1.3vw;
        line-height: 4vw
    }
}

@media (max-width:540px) and (min-aspect-ratio:250/133) {
    .section-2_slider--img {
        height: 22vw
    }
    .section-2_slider--text {
        font-size: 1.6vw;
        width: 35%
    }
}

@media (max-width:540px) and (max-aspect-ratio:25/32) {
    .section-2_slider--img {
        height: 67vw
    }
    .section-2_slider--text {
        font-size: 4vw;
        width: 80%
    }
    .section-2_btn {
        width: 35vw;
        font-size: 4vw;
        line-height: 10vw;
        margin-bottom: 13vw
    }
    .section-2 .encircle {
        bottom: 2vw;
        width: 8vw
    }
}

@media (max-width:540px) and (max-aspect-ratio:5/8) {
    .section-2_slider--img {
        height: 75vw
    }
    .section-2_slider--text {
        font-size: 5vw;
        margin-top: 3vw;
        width: 80%
    }
    .section-2_slider--arrow {
        top: 40%
    }
    .section-2 .encircle {
        bottom: 3vw;
        width: 10vw
    }
    .section-2_btn {
        width: 45vw;
        font-size: 5vw;
        line-height: 12vw;
        margin-bottom: 17vw
    }
}

@media (max-width:540px) and (max-aspect-ratio:10/19) {
    .section-2 .encircle {
        bottom: 3vw;
        width: 10vw
    }
    .section-2 .pigeon-2 {
        width: 45vw
    }
    .section-2 .pigeon-2 .section-1_pigeon--text span {
        font-size: 6vw
    }
    .section-2_slider--img {
        height: 95vw
    }
    .section-2_slider--img img {
        height: 100%;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
    .section-2_slider--text {
        font-size: 5vw;
        margin-top: 4vw;
        width: 95%
    }
    .section-2_slider--arrow {
        top: 40%
    }
    .section-2_btn {
        width: 55vw;
        font-size: 6vw;
        line-height: 14vw;
        margin-bottom: 20vw
    }
}

@media (max-width:540px) and (max-aspect-ratio:10/21) {
    .section-2_slider--img {
        height: 110vw
    }
    .section-2_slider--img img {
        height: 100%;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
    .section-2_slider--text {
        font-size: 6vw;
        margin-top: 5vw;
        width: 100%
    }
    .section-2_slider--arrow {
        top: 40%;
        width: 8vw
    }
    .section-2 .encircle {
        bottom: 3vw;
        width: 12vw
    }
    .section-2_btn {
        width: 55vw;
        font-size: 6vw;
        line-height: 14vw
    }
}

.section-3 {
    background: url(../img/bg.jpg) no-repeat 50%/cover
}

.section-3_content--slider {
    position: absolute;
    left: 0;
    right: 0;
    top: 52%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80vw;
    margin: 0 auto
}

.section-3_content--slider--arrow {
    position: absolute;
    top: 40%;
    width: 25px;
    opacity: .8;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.section-3_content--slider--arrow:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.section-3_content--slider--prev {
    left: -4vw
}

.section-3_content--slider--next {
    right: -4vw
}

.section-3_content--slider--next img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-3_content--item {
    height: 40vw;
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-3_content--img {
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-3_content--img img {
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    width: auto
}

.section-3_content--text {
    width: 50%
}

.section-3_content--text .h3 {
    font-weight: 700;
    font-size: 2.2vw;
    padding-right: 20%;
    line-height: 1.4;
    margin-bottom: 2vw
}

.section-3_content--text p {
    font-weight: 600;
    font-style: normal;
    font-size: 1.1vw;
    padding-right: 10%;
    margin-top: 1.5vw;
    line-height: 1.5
}

@media (min-aspect-ratio:20/11) {
    .section-3_content--slider {
        margin-top: 3vw
    }
    .section-3_content--item {
        height: 32vw
    }
    .section-3_content--text .h3 {
        font-size: 2.1vw
    }
    .section-3_content--text p {
        font-size: 1.1vw;
        padding-right: 15%
    }
}

@media (min-aspect-ratio:25/12) {
    .section-3_content--slider--arrow {
        width: 21px
    }
    .section-3_content--slider--next {
        right: -2vw
    }
    .section-3_content--slider--prev {
        left: -2vw
    }
    .section-3_content--item {
        height: 21vw
    }
    .section-3_content--text .h3 {
        font-size: 1.71vw;
        margin-bottom: 1vw
    }
    .section-3_content--text p {
        font-size: 1vw;
        padding-right: 15%;
        margin-top: 1vw
    }
}

@media (min-aspect-ratio:20/7) {
    .section-3_content--slider {
        margin-top: 1.53vw
    }
    .section-3_content--item {
        height: 20vw
    }
    .section-3_content--text .h3 {
        font-size: 1.6vw
    }
    .section-3_content--text p {
        font-size: .95vw
    }
}

@media (min-aspect-ratio:25/8) {
    .section-3_content--slider {
        margin-top: 1.53vw
    }
    .section-3_content--item {
        height: 16vw
    }
    .section-3_content--text .h3 {
        font-size: 1.5vw
    }
    .section-3_content--text p {
        font-size: .9vw
    }
}

@media (max-aspect-ratio:1000/551) {
    .section-3_content--slider {
        top: 60%
    }
}

@media (max-aspect-ratio:10/7) {
    .section-3_content--slider {
        top: 57%
    }
    .section-3_content--slider--arrow {
        width: 2.7vw
    }
    .section-3_content--img img {
        width: 80%
    }
    .section-3_content--text .h3 {
        font-size: 3vw;
        padding-right: 0
    }
    .section-3_content--text p {
        font-size: 1.5vw;
        padding-right: 1vw
    }
}

@media (max-aspect-ratio:10/9) {
    .section-3_content--item {
        height: 49vw
    }
    .section-3_content--img {
        width: 46%
    }
    .section-3_content--text {
        width: 54%
    }
    .section-3_content--text .h3 {
        font-size: 3.3vw;
        padding-right: 0
    }
    .section-3_content--text p {
        font-size: 1.75vw;
        padding-right: 1vw
    }
}

@media (max-aspect-ratio:1/1) {
    .section-3_content--slider {
        width: 50vw
    }
    .section-3_content--slider--arrow {
        top: 20%
    }
    .section-3_content--item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 75vw
    }
    .section-3_content--img {
        width: 50vw;
        height: 45%
    }
    .section-3_content--text {
        margin-top: 3vw;
        width: 100%
    }
    .section-3_content--text .h3,
    .section-3_content--text p {
        padding-right: 0
    }
}

@media (max-aspect-ratio:10/11) {
    .section-3_content--slider {
        width: 60vw
    }
    .section-3_content--slider--arrow {
        width: 5vw
    }
    .section-3_content--item {
        height: 87vw
    }
    .section-3_content--img {
        height: 40%
    }
    .section-3_content--text .h3 {
        font-size: 4vw
    }
    .section-3_content--text p {
        font-size: 2.2vw
    }
}

@media (max-aspect-ratio:5/6) {
    .section-3_content--slider {
        width: 70vw
    }
    .section-3_content--item {
        height: 96vw
    }
    .section-3_content--img {
        height: 43%
    }
    .section-3_content--text .h3 {
        font-size: 4vw
    }
    .section-3_content--text p {
        font-size: 2.3vw
    }
}

@media (max-aspect-ratio:20/27) {
    .section-3_content--item {
        height: 108vw
    }
    .section-3_content--img {
        height: 40%
    }
    .section-3_content--text .h3 {
        font-size: 5vw
    }
    .section-3_content--text p {
        font-size: 2.5vw
    }
}

@media (max-aspect-ratio:2/3) {
    .section-3_content--slider {
        width: 80vw;
        margin-top: 4vw
    }
    .section-3_content--slider--arrow {
        width: 4vw
    }
    .section-3_content--item {
        height: 120vw
    }
    .section-3_content--img {
        height: 40%
    }
    .section-3_content--text {
        margin-top: 5vw
    }
    .section-3_content--text .h3 {
        font-size: 4.5vw
    }
    .section-3_content--text p {
        font-size: 2.5vw
    }
}

@media (max-aspect-ratio:10/17) {
    .section-3_content--slider--arrow {
        width: 4.5vw
    }
    .section-3_content--item {
        height: 125vw
    }
    .section-3_content--text p {
        margin-top: 2vw
    }
}

@media (max-aspect-ratio:10/19) {
    .section-3_content--slider--arrow {
        width: 5vw
    }
    .section-3_content--item {
        height: 152vw
    }
    .section-3_content--text .h3 {
        margin-top: 4vw;
        font-size: 5.5vw
    }
    .section-3_content--text p {
        margin-top: 3vw;
        font-size: 3.1vw
    }
}

@media (max-aspect-ratio:10/21) {
    .section-3_content--item {
        height: 160vw
    }
    .section-3_content--img {
        height: 35%
    }
    .section-3_content--text .h3 {
        margin-top: 4vw;
        font-size: 5.5vw
    }
    .section-3_content--text p {
        margin-top: 3vw;
        font-size: 3.5vw
    }
}

.section-4 {
    background: url(../img/bg.jpg) no-repeat 0/cover
}

.section-4 .pigeon-4 {
    right: 33vw;
    top: -7vw;
    -webkit-transform: translate(100%, -200%) translateZ(.01px);
    -moz-transform: translate(100%, -200%) translateZ(.01px);
    transform: translate(100%, -200%) translateZ(.01px);
    width: 13vw
}

.section-4 .pigeon-4 .section-1_pigeon--img {
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.section-4 .pigeon-4 .section-1_pigeon--text {
    left: -111%;
    top: -42%;
    width: 125%
}

.section-4 .pigeon-4 .section-1_pigeon--text img {
    -webkit-transform: scaleX(-1) rotate(104deg);
    -moz-transform: scaleX(-1) rotate(104deg);
    -ms-transform: scaleX(-1) rotate(104deg);
    transform: scaleX(-1) rotate(104deg)
}

.section-4 .pigeon-4 .section-1_pigeon--text span {
    top: 28%;
    left: 15%;
    font-size: 1.6vw
}

.section-4_1 {
    left: 25vw;
    top: 13vw;
    width: 35vw;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

.section-4_2 {
    left: 50vw;
    top: 13vw;
    width: 19.5vw;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

.section-4_2.open {
    -webkit-transform: translate(13vw, 1vw);
    -moz-transform: translate(13vw, 1vw);
    -ms-transform: translate(13vw, 1vw);
    transform: translate(13vw, 1vw)
}

.section-4_3 {
    width: 22vw;
    left: 13vw;
    top: 9vw;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.section-4_3.open {
    opacity: 0
}

.section-4_3 img {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.section-4_4 {
    width: 22vw;
    right: 16vw;
    top: 2vw;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.section-4_4.open {
    opacity: 0
}

.section-4_4 img {
    -webkit-transform: rotate(-35deg) scaleX(-1);
    -moz-transform: rotate(-35deg) scaleX(-1);
    -ms-transform: rotate(-35deg) scaleX(-1);
    transform: rotate(-35deg) scaleX(-1)
}

.section-4_text {
    color: #000;
    font-size: 2.35vw;
    position: absolute;
    left: 7.5%;
    top: 36%;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    white-space: nowrap;
    line-height: 1.1
}

.section-4_text--2 {
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg)
}

.section-4_links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 7vw
}

.section-4_links--item {
    width: 5vw;
    height: 5vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    margin-right: 1.3vw;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.section-4_links--item:hover {
    -webkit-transform: translateY(-.3vw);
    -moz-transform: translateY(-.3vw);
    -ms-transform: translateY(-.3vw);
    transform: translateY(-.3vw);
    -webkit-box-shadow: 0 .3vw .2vw rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 .3vw .2vw rgba(0, 0, 0, .3);
    box-shadow: 0 .3vw .2vw rgba(0, 0, 0, .3)
}

.section-4_links--item:last-child {
    margin-right: 0
}

.section-4_links--item img {
    width: 53%
}

@media (min-aspect-ratio:20/13) {
    .section-4_1 {
        width: 33vw
    }
    .section-4_2 {
        width: 18.5vw
    }
    .section-4_3 {
        width: 20vw
    }
    .section-4_4 {
        width: 20vw;
        top: 3vw
    }
    .section-4_text {
        font-size: 2.15vw
    }
    .section-4_links {
        bottom: 4vw
    }
}

@media (min-aspect-ratio:50/29) {
    .section-4_1 {
        width: 30vw;
        top: 11vw
    }
    .section-4_2 {
        width: 16.5vw;
        top: 12vw
    }
    .section-4_3 {
        width: 19vw;
        left: 14vw;
        top: 8vw
    }
    .section-4_4 {
        width: 18vw;
        top: 5vw;
        right: 18vw
    }
    .section-4_text {
        font-size: 2.05vw
    }
    .section-4_links {
        bottom: 4vw
    }
}

@media (min-aspect-ratio:40/21) {
    .section-4 .pigeon-4 .section-1_pigeon--text span {
        font-size: 1.6vw
    }
    .section-4_1 {
        width: 27vw;
        top: 10vw;
        left: 26vw
    }
    .section-4_2 {
        width: 14.5vw;
        top: 11vw
    }
    .section-4_3 {
        width: 17vw;
        left: 17vw;
        top: 6vw
    }
    .section-4_4 {
        width: 16vw;
        right: 22vw
    }
    .section-4_text {
        font-size: 1.8vw
    }
    .section-4_links {
        bottom: 2vw
    }
    .section-4_links--item {
        width: 4.5vw;
        height: 4.5vw
    }
}

@media (min-aspect-ratio:50/23) {
    .section-4 .pigeon-4 {
        width: 12vw;
        right: 34vw
    }
    .section-4 .pigeon-4 .section-1_pigeon--text span {
        font-size: 1.5vw
    }
    .section-4_1 {
        width: 23vw;
        top: 10vw;
        left: 31vw
    }
    .section-4_2 {
        width: 12.5vw
    }
    .section-4_3 {
        width: 15vw;
        left: 23vw;
        top: 5vw
    }
    .section-4_4 {
        width: 14vw;
        right: 24vw
    }
    .section-4_text {
        font-size: 1.6vw
    }
    .section-4_links--item {
        width: 4vw;
        height: 4vw
    }
}

@media (min-aspect-ratio:200/83) {
    .section-4_1 {
        width: 21vw;
        top: 9vw;
        left: 34vw
    }
    .section-4_2 {
        top: 10vw;
        width: 11.5vw
    }
}

@media (min-aspect-ratio:20/7) {
    .section-4 .pigeon-4 {
        width: 10vw;
        right: 36vw
    }
    .section-4 .pigeon-4 .section-1_pigeon--text span {
        font-size: 1.2vw
    }
}

@media (max-aspect-ratio:4/3) {
    .section-4_1 {
        top: 14vw;
        width: 44vw;
        left: 19vw
    }
    .section-4_1.open {
        -webkit-transform: translate(-5vw);
        -moz-transform: translate(-5vw);
        -ms-transform: translate(-5vw);
        transform: translate(-5vw)
    }
    .section-4_2 {
        left: 50vw;
        top: 14vw;
        width: 25.5vw
    }
    .section-4_3 {
        width: 24vw;
        left: 8vw
    }
    .section-4_4 {
        width: 23vw;
        right: 10vw;
        top: 7vw
    }
    .section-4_text {
        font-size: 2.6vw
    }
    .section-4_links--item {
        width: 6vw;
        height: 6vw
    }
}

@media (max-aspect-ratio:8/7) {
    .section-4 .pigeon-4 {
        width: 24vw
    }
    .section-4 .pigeon-4 .section-1_pigeon--text span {
        font-size: 2.8vw
    }
    .section-4_1 {
        top: 14vw;
        width: 55vw;
        left: 9vw
    }
    .section-4_2 {
        left: 50vw;
        top: 14vw;
        width: 31.5vw
    }
    .section-4_3 {
        width: 27vw;
        left: 5vw
    }
    .section-4_4 {
        width: 25vw;
        right: 7vw
    }
    .section-4_text {
        font-size: 2.9vw
    }
    .section-4_links {
        bottom: 5vw
    }
    .section-4_links--item {
        width: 8vw;
        height: 8vw
    }
}

@media (max-aspect-ratio:40/41) {
    .section-4 .pigeon-4 {
        width: 25vw;
        right: 30vw
    }
    .section-4 .pigeon-4 .section-1_pigeon--text span {
        font-size: 3vw
    }
    .section-4_1 {
        width: 69vw;
        left: 0
    }
    .section-4_2 {
        left: 49vw;
        width: 39.5vw
    }
    .section-4_3 {
        width: 30vw
    }
    .section-4_4 {
        width: 28vw
    }
    .section-4_text {
        font-size: 3.2vw
    }
    .section-4_links--item {
        width: 10vw;
        height: 10vw
    }
}

@media (max-aspect-ratio:5/6) {
    .section-4 .pigeon-4 {
        width: 30vw;
        right: 27vw
    }
    .section-4 .pigeon-4 .section-1_pigeon--text span {
        font-size: 3.6vw
    }
    .section-4_1 {
        top: 28vw
    }
    .section-4_1.open {
        -webkit-transform: translate(-15vw);
        -moz-transform: translate(-15vw);
        -ms-transform: translate(-15vw);
        transform: translate(-15vw)
    }
    .section-4_2 {
        top: 29vw
    }
    .section-4_2.open {
        -webkit-transform: translate(18vw, 2vw);
        -moz-transform: translate(18vw, 2vw);
        -ms-transform: translate(18vw, 2vw);
        transform: translate(18vw, 2vw)
    }
    .section-4_3 {
        left: 10vw;
        top: 11vw
    }
    .section-4_4 {
        right: 9vw;
        top: 11vw
    }
}

@media (max-aspect-ratio:5/7) {
    .section-4 .pigeon-4 {
        width: 40vw;
        right: 34vw
    }
    .section-4 .pigeon-4 .section-1_pigeon--text {
        left: -152%;
        top: 7%
    }
    .section-4 .pigeon-4 .section-1_pigeon--text img {
        -webkit-transform: scaleX(1) rotate(-33deg);
        -moz-transform: scaleX(1) rotate(-33deg);
        -ms-transform: scaleX(1) rotate(-33deg);
        transform: scaleX(1) rotate(-33deg)
    }
    .section-4 .pigeon-4 .section-1_pigeon--text span {
        font-size: 4.4vw
    }
    .section-4_1 {
        width: 88vw;
        left: -12vw
    }
    .section-4_1.open {
        -webkit-transform: translate(-12vw, -3vw);
        -moz-transform: translate(-12vw, -3vw);
        -ms-transform: translate(-12vw, -3vw);
        transform: translate(-12vw, -3vw)
    }
    .section-4_2 {
        width: 50.5vw
    }
    .section-4_3 {
        width: 36vw;
        top: 14vw
    }
    .section-4_4 {
        width: 35vw;
        right: 12vw;
        top: 15vw
    }
    .section-4_text {
        font-size: 3.8vw
    }
    .section-4_links--item {
        width: 13vw;
        height: 13vw;
        margin-right: 4vw
    }
}

@media (max-aspect-ratio:25/39) {
    .section-4_1 {
        width: 90vw;
        left: -17vw;
        top: 38vw
    }
    .section-4_2 {
        width: 53.5vw;
        top: 36vw
    }
    .section-4_3 {
        width: 40vw;
        left: 6vw;
        top: 21vw
    }
    .section-4_4 {
        width: 39vw;
        right: 8vw;
        top: 19vw
    }
    .section-4_text {
        font-size: 4.4vw
    }
    .section-4_links--item {
        width: 14vw;
        height: 14vw
    }
}

@media (max-aspect-ratio:25/44) {
    .section-4 .pigeon-4 {
        width: 43vw;
        right: 33vw
    }
    .section-4 .pigeon-4 .section-1_pigeon--text span {
        font-size: 5.4vw
    }
    .section-4_1 {
        width: 110vw;
        left: -26vw;
        top: 35vw
    }
    .section-4_2 {
        width: 64.5vw;
        top: 33vw
    }
    .section-4_2.open {
        -webkit-transform: translate(18vw, -8vw);
        -moz-transform: translate(18vw, -8vw);
        -ms-transform: translate(18vw, -8vw);
        transform: translate(18vw, -8vw)
    }
    .section-4_3 {
        width: 43vw;
        left: 5vw
    }
    .section-4_4 {
        width: 42vw;
        right: 4vw
    }
    .section-4_text {
        font-size: 4.7vw
    }
    .section-4_links {
        bottom: 6vw
    }
    .section-4_links--item {
        width: 16vw;
        height: 16vw
    }
}

@media (max-aspect-ratio:10/19) {
    .section-4 .pigeon-4 {
        width: 43vw;
        right: 33vw
    }
    .section-4_1 {
        width: 115vw;
        left: -31vw;
        top: 47vw
    }
    .section-4_2 {
        width: 67.5vw;
        top: 43vw
    }
    .section-4_3 {
        top: 33vw
    }
    .section-4_4 {
        top: 27vw
    }
}

@media (max-aspect-ratio:25/52) {
    .section-4_1 {
        width: 118vw;
        left: -32vw;
        top: 54vw
    }
    .section-4_2 {
        width: 69.5vw;
        top: 51vw
    }
    .section-4_3 {
        width: 48vw;
        left: 2vw
    }
    .section-4_4 {
        width: 44vw;
        right: 3vw
    }
    .section-4_text {
        font-size: 5.2vw
    }
}

.section-5 {
    background: url(../img/bg.jpg) no-repeat 50%/cover
}

.section-5_img {
    width: 71vw;
    height: 39vw;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 23%
}

.section-5_img iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0
}

.section-5 .section-4_links {
    display: none
}

@media (min-aspect-ratio:25/13) {
    .section-5_img {
        height: 35vw;
        width: 60vw
    }
}

@media (min-aspect-ratio:50/23) {
    .section-5_img {
        height: 28vw;
        width: 47vw;
        top: 24%
    }
}

@media (min-aspect-ratio:50/19) {
    .section-5_img {
        height: 23vw;
        width: 52vw;
        top: 26%
    }
}

@media (min-aspect-ratio:40/13) {
    .section-5_img {
        height: 21vw
    }
}

@media (min-aspect-ratio:10/3) {
    .section-5_img {
        height: 20vw
    }
}

@media (max-aspect-ratio:5/4) {
    .section-5_img {
        height: 44vw;
        width: 87vw
    }
}

@media (max-aspect-ratio:1/1) {
    .section-5_img {
        top: 23%;
        height: 48vw;
        width: 95vw
    }
    .section-5 .section-4_links {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        bottom: 10vw
    }
}

@media (max-aspect-ratio:5/6) {
    .section-5_img {
        width: 95vw;
        position: absolute;
        top: 25%;
        display: block
    }
    .section-5_img img {
        width: 100%;
        height: 100%;
        min-height: 100%;
        max-width: none;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }
    .section-5 .section-4_links {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        bottom: 14vw
    }
    .section-5 .section-4_links--item {
        margin-right: 3.3vw
    }
    .section-5 .section-4_links--item:last-child {
        margin-right: 0
    }
}

@media (max-aspect-ratio:5/7) {
    .section-5_img {
        height: 57vw
    }
    .section-5 .section-4_links {
        bottom: 16vw
    }
    .section-5 .section-4_links--item {
        margin-right: 5vw
    }
    .section-5 .section-4_links--item:last-child {
        margin-right: 0
    }
}

body,
html {
    overflow: hidden;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pp-section {
    height: 100%;
    position: absolute;
    width: 100%
}