@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

@font-face {
    font-family: 'CoffeeTinInitials';
    src: url('../fonts/CoffeeTinInitials.eot') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/CoffeeTinInitials.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/CoffeeTinInitials.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'TitilliumWeb-Regular';
    src: url('../fonts/TitilliumWeb-Regular.eot') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/TitilliumWeb-Regular.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../fonts/Gotham-Bold.eot') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Gotham-Bold.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/Gotham-Bold.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.eot') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Gotham-Book.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/Gotham-Book.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/Gotham-Medium.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/Gotham-Medium.ttf') format('truetype');
    /* Safari, Android, iOS */
}

@font-face {
    font-family: 'HeyOctober';
    src: url('../fonts/HeyOctober.eot') format('embedded-opentype'),
        /* IE6-IE8 */
        url('../fonts/HeyOctober.woff') format('woff'),
        /* Pretty Modern Browsers */
        url('../fonts/HeyOctober.ttf') format('truetype');
    /* Safari, Android, iOS */
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none !important;
}

html {
    background: #000;
}

body {
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.171303074670571vw;
    line-height: normal;
    overflow-x: hidden;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

img {
    max-width: 100%;
}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}

.header-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    pointer-events: none;
}

.page-center {
    margin: auto;
}

.logo {
    display: inline-block;
    width: 13vw;
    pointer-events: auto;
    margin-left: 3vw;
    margin-top: 1.8vw;
}

.trigger {
    position: absolute;
    pointer-events: auto;
    top: 2.3vw;
    right: 1.6vw;
    width: 2.1vw;
}

.logo img {
    width: 100%;
}

.trigger img {
    width: 100%;
}

/*======== section one ========*/

.section.sec1 {
    background: #000;
    padding-top: 9.3vw;
    overflow: hidden;
    position: relative;
}

img.sec1title {
    display: block;
    max-width: 54.5vw;
    margin: auto;
    position: relative;
    left: -0.7vw;
    width: 100%;
    transition: all 0.5s;
}
img.sec1title:hover{
    transform: scale(1.1);
}

img.sec1poster {
    display: block;
    max-width: 37vw;
    margin: auto;
    margin-top: -1.4vw;
    width: 100%;
    cursor: pointer;
}

.bg_img_group img {
    width: 9vw;
    opacity: 0.6;
    position: absolute;
    z-index: 9;
}
.bg_img_group.random img{
}
@keyframes movement {
  10%   {transform: translate(0px, 0px);}
  20%   {transform: translate(0.7320644216691069vw, 0px);}
  30%   {transform: translate(0.7320644216691069vw, 2.1961932650073206vw);}
  40%   {transform: translate(-1.4641288433382138vw, -0.7320644216691069vw);}
  50%   {transform: translate(1.4641288433382138vw, 0.7320644216691069vw);}
  60%   {transform: translate(-0.7320644216691069vw, -0.7320644216691069vw);}
  70%   {transform: translate(0.7320644216691069vw, 0px);}
  80%   {transform: translate(0px, 0.7320644216691069vw);}
  90%   {transform: translate(-1.4641288433382138vw, 0.7320644216691069vw);}
  100%   {transform: translate(0px, 0px);}
}

img.sec1bg1 {
    top: 11.8vw;
    left: 2vw;
    animation-name: rotateImg;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes rotateImg {
  10%   {transform: rotateY(0deg);}
  100%   {transform: rotateY(360deg);}
}

img.sec1bg5 {
    top: 25.3vw;
    left: 10.5vw;
    width: 11.4vw;
    animation-name: movement;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}

img.sec1bg6 {
    top: 46.7vw;
    left: 13.3vw;
    width: 12vw;
    animation-name: movement;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

img.sec1bg8 {
    top: 10.5vw;
    width: 7vw;
    left: 87.4vw;
    animation-name: movement;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

img.sec1bg7 {
    top: 43vw;
    left: 81.6vw;
    width: 11.7vw;
    animation-name: zoomEffect;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes zoomEffect {
  10%   {transform: scale(1);}
  20%   {transform: scale(1.5);}
  30%   {transform: scale(1.2);}
  40%   {transform: scale(1.7);}
  50%   {transform: scale(0.5);}
  60%   {transform: scale(1.3);}
  70%   {transform: scale(0.3);}
  80%   {transform: scale(1.7);}
  90%   {transform: scale(1.5);}
  100%  {transform: scale(1);}
}

.bg_img_group.stars img {
    width: 2.9vw;
    transition: all 0.3s;
    animation-name: starblink;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes starblink {
    0% {
        opacity: 1
    }

    25% {
        opacity: 0.5
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0.5
    }

    100% {
        opacity: 1
    }
}

.bg_img_group.stars img:hover {
    transform: rotate(360deg);
}

img.sec1bg2_1 {
    top: 1.5vw;
    left: 46.2vw;
    animation-duration: 0.75s !important;
}

img.sec1bg2_2 {
    top: 3.2vw;
    left: 58.2vw;
}

img.sec1bg2_3 {
    top: 6.4vw;
    left: 71.1vw;
    animation-duration: 0.75s !important;
}

img.sec1bg2_4 {
    top: 5.7vw;
    left: 82vw;
}

img.sec1bg2_5 {
    top: 9.1vw;
    left: 19.3vw;
    animation-duration: 0.75s !important;
}

img.sec1bg2_6 {
    top: 18.9vw;
    left: 13.8vw;
}

img.sec1bg2_7 {
    top: 31.6vw;
    left: 2.1vw;
    animation-duration: 0.75s !important;
}

img.sec1bg2_8 {
    top: 40.7vw;
    left: 17.2vw;
}

img.sec1bg2_9 {
    top: 18.7vw;
    left: 84vw;
    animation-duration: 0.75s !important;
}

img.sec1bg2_10 {
    top: 16.7vw;
    left: 95vw;
}

img.sec1bg2_11 {
    top: 27.3vw;
    left: 83.8vw;
    animation-duration: 0.75s !important;
}

img.sec1bg2_12 {
    top: 46.5vw;
    left: 65.3vw;
}

img.sec1bg2_13 {
    top: 51.4vw;
    left: 73.2vw;
    animation-duration: 0.75s !important;
}

img.sec1bg2_14 {
    top: 41.2vw;
    left: 75.5vw;
}

img.sec1bg2_15 {
    top: 52.2vw;
    left: 90.8vw;
    animation-duration: 0.75s !important;
}

.bg_img_group.blast img {
    width: 4.6vw;
    animation-name: blast;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes blast {
    0% {
        opacity: 0;
        transform:scale(0.5);
    }
    25% {
        opacity: 0;
        transform:scale(0.5);
    }
    75% {
        opacity: 1;
        transform:scale(1);
    }
    100% {
        opacity: 0;
        transform:scale(1);
    }
}

img.sec1bg3_1 {
    top: 24vw;
    left: 4.7vw;
    animation-duration: 2s !important;
}

img.sec1bg3_2 {
    top: 48.3vw;
    left: 3vw;
}

img.sec1bg3_3 {
    top: 3.1vw;
    left: 30.3vw;
    animation-duration: 2s !important;
}

img.sec1bg3_4 {
    top: 18.7vw;
    left: 45.9vw;
}

img.sec1bg3_5 {
    top: 31vw;
    left: 71.5vw;
    animation-duration: 2s !important;
}

img.sec1bg3_6 {
    top: 33.6vw;
    left: 82.3vw;
}

img.sec1bg3_7 {
    top: 34.8vw;
    left: 90.9vw;
    animation-duration: 2s !important;
}

.bg_img_group.spring img {
    width: 5.6vw;
    animation-name: rotateImg;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

img.sec1bg4_1 {
    top: 31.4vw;
    left: 22.8vw;
}

img.sec1bg4_2 {
    top: 43.1vw;
    left: 7.2vw;
}

img.sec1bg4_3 {
    top: 48.6vw;
    left: 31.2vw;
}

img.sec1bg4_4 {
    top: 48.7vw;
    left: 60.1vw;
}

img.sec1bg4_5 {
    top: 41.5vw;
    left: 94.5vw;
}

img.sec1bg4_6 {
    top: 25.3vw;
    left: 91.5vw;
}

img.sec1bg4_7 {
    top: 11.7vw;
    left: 79vw;
}

/*======== section two ========*/

.section.sec2 {
    position: relative;
    overflow: hidden;
}

img.sec2upper {
    position: relative;
    z-index: 5;
    width: 100%;
}

img.sec2lower {
    margin-top: 4.685212298682284vw;
    position: relative;
    z-index: 5;
    width: 100%;
    display: block;
}

img.sec2star {
    position: fixed;
    top: 0;
    left: 0;
}

img.sec2cloud {
    width: 40vw;
    position: absolute;
    top: 32.064421669106885vw;
    right: 6.44216691068814vw;
    transition: all 0.3s;
    z-index: 5;
}
img.sec2cloud:hover{
    transform: scale(1.05);
}

img.sec2text {
    width: 34.919472913616396vw;
    position: absolute;
    top: 39.82430453879942vw;
    right: 8.857979502196192vw;
    pointer-events: none;
    z-index: 6;
}

img.sec2bg6,img.sec2bg6_1,img.sec2bg6_2,img.sec2bg6_3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 4.392386530014641vw;
    animation-name: starShoot;
    animation-duration: 50s;
    animation-iteration-count: infinite;
}
img.sec2bg6_1{
    animation-name: starShoot_one;
    animation-duration: 45s;
    animation-delay: 10s;
}
img.sec2bg6_2{
    animation-name: starShoot_two;
    animation-duration: 35s;
    animation-delay: 20s;
}
img.sec2bg6_3{
    animation-name: starShoot_three;
    animation-duration: 30s;
    animation-delay: 30s;
}
@keyframes starShoot {
  0%   {top: 0%;left: 0%;}
  100% {top: 100%;left: 100%;}
}
@keyframes starShoot_one {
  0%   {top: 0%;left: 0%;}
  100% {top: 60%;left: 100%;}
}
@keyframes starShoot_two {
  0%   {top: 0%;left: 0%;}
  100% {top: 80%;left: 100%;}
}
@keyframes starShoot_three {
  0%   {top: 0%;left: 0%;}
  100% {top: 40%;left: 100%;}
}

/*section three*/

.section.sec3 {
    background: #fff;
}

img.sec3bg2 {
    width: 81vw;
    margin-top: 2.8550512445095166vw;
}

.sec3_inner {
    position: relative;
}

img.sec3bg3 {
    width: 55.5vw;
    margin-left: 22.4vw;
    margin-top: -5.6vw;
    position: relative;
    z-index: 1;
}

img.sec3bg4 {
    max-width: 34.626647144948755vw;
    display: block;
    margin-top: -0.29282576866764276vw;
    margin-left: 32.7vw;
    position: relative;
    z-index: 1;
    width: 100%;
}

span.thread.horizontal {
    background: #000;
    width: 57.10102489019034vw;
    height: 0.14641288433382138vw;
    display: block;
    position: absolute;
    top: 57.90629575402635vw;
    left: 21.30307467057101vw;
}

span.thread.vertical.t1 {
    background: #000;
    width: 0.14641288433382138vw;
    height: 17.86237188872621vw;
    display: block;
    position: absolute;
    top: 58.05270863836017vw;
    left: 22.913616398243047vw;
}

span.thread.vertical.t3 {
    background: #000;
    width: 0.14641288433382138vw;
    height: 17.86237188872621vw;
    display: block;
    position: absolute;
    top: 58.05270863836017vw;
    left: 40.995607613469986vw;
}

span.thread.vertical.t5 {
    background: #000;
    width: 0.14641288433382138vw;
    height: 17.86237188872621vw;
    display: block;
    position: absolute;
    top: 58.05270863836017vw;
    left: 58.9311859443631vw;
}

span.thread.vertical.t7 {
    background: #000;
    width: 0.14641288433382138vw;
    height: 17.86237188872621vw;
    display: block;
    position: absolute;
    top: 58.05270863836017vw;
    left: 76.93997071742314vw;
}

span.thread.vertical.t2 {
    background: #000;
    width: 0.14641288433382138vw;
    height: 37.18887262079063vw;
    display: block;
    position: absolute;
    top: 58.05270863836017vw;
    left: 31.478770131771597vw;
}

span.thread.vertical.t4 {
    background: #000;
    width: 0.14641288433382138vw;
    height: 37.18887262079063vw;
    display: block;
    position: absolute;
    top: 58.05270863836017vw;
    left: 49.56076134699853vw;
}

span.thread.vertical.t6 {
    background: #000;
    width: 0.14641288433382138vw;
    height: 37.18887262079063vw;
    display: block;
    position: absolute;
    top: 58.05270863836017vw;
    left: 67.49633967789165vw;
}

.content {
    font-family: Gotham-Book;
    position: absolute;
    top: 25.109809663250367vw;
    left: 31.698389458272327vw;
    font-size: 1.3543191800878478vw;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.content h6 {
    font-family: Gotham-Book;
    font-size: 1.720351390922401vw;
    margin-top: 0.5856515373352855vw;
    margin-bottom: 0.14641288433382138vw;
}

.cards {
    padding-top: 4.758418740849195vw;
    text-align: center;
}

.cardItem {
    width: 12.371888726207906vw;
    display: inline-block;
    margin: 0 2.4890190336749636vw;
    position: relative;
    perspective: 73.20644216691069vw;
    height: 17.505856515373353vw;
}

.cardItemInner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    animation-name: rotateCard;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotateCard {
  0%   {transform: rotateY(0deg);}
  100% {transform: rotateY(360deg);}
}

.cardItem:nth-child(odd) .cardItemInner{
    animation-duration: 3s;
}
@keyframes hoverRotateCard {
  0%   {transform: rotateY(180deg);}
  100% {transform: rotateY(-180deg);}
}
.cardItem:hover .cardItemInner{
    animation-name: hoverRotateCard;
    animation-duration: 0.2s !important;
    animation-iteration-count: 3;
    animation-timing-function: linear;
    transform: rotateY(180deg);
}


.cardItemInner img {
    width: 100%;
}

.cardItemFront,
.cardItemBack {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cardItemFront {
    transform: rotateY(180deg);
}

.cardItem.c12 {
    left: 0.5124450951683748vw;
}

.cardItem.c13 {
    left: 0.8784773060029283vw;
}

.cardItem.c14 {
    left: 1.2445095168374818vw;
}

.cards.c2 {
    padding-top: 1.610541727672035vw;
    padding-bottom: 4.978038067349927vw;
}

.cardItem.c21 {
    left: -0.14641288433382138vw;
}

.cardItem.c22 {
    left: 0.21961932650073207vw;
}

.cardItem.c23 {
    left: 0.5124450951683748vw;
}

/*Section four*/

.section.sec4 {
    background: #fff;
    padding-top: 69.1800878477306vw;
    position: relative;
    overflow: hidden;
}

img.sec4bg1 {
    display: block;
    position: relative;
    z-index: 5;
    width: 100%;
}

.ballon>div {
    position: absolute;
    width: 10.248901903367496vw;
}

.ballon>div:after {
    content: "";
    display: block;
    width: 0.07320644216691069vw;
    background: #000;
    position: absolute;
    top: 12.079062957540264vw;
    left: 4.904831625183016vw;
}

img.sec4bg20 {
    position: absolute;
    top: 80.45387994143485vw;
    left: 50.14641288433382vw;
    z-index: 10;
    width: 1.9033674963396778vw;
}

.ballon>div img {
    display: block;
    width: 100%;
}

.sec4bg4 {
    top: 12.518301610541728vw;
    left: 23.35285505124451vw;
    transform: rotate(-21deg);
    animation-name: ballonOne;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes ballonOne {
  0%   {transform: translate(0px, 0px) rotate(-21deg);}
  50%  {transform: translate(0.7320644216691069vw, 2.1961932650073206vw) rotate(-21deg);}
  100% {transform: translate(0px, 0px) rotate(-21deg);}
}

.sec4bg4:after {
    height: 57.46705710102489vw;
}

.sec4bg6 {
    top: 13.177159590043924vw;
    left: 33.30893118594436vw;
    transform: rotate(-12.2deg);
    animation-name: ballonTwo;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes ballonTwo {
  0%   {transform: translate(0px, 0px) rotate(-12.2deg);}
  50%  {transform: translate(0.29282576866764276vw, 1.4641288433382138vw) rotate(-12.2deg);}
  100% {transform: translate(0px, 0px) rotate(-12.2deg);}
}

.sec4bg6:after {
    height: 55.27086383601757vw;
}

.sec4bg8 {
    top: 6.734992679355783vw;
    left: 39.751098096632504vw;
    transform: rotate(-5.5deg);
    z-index: 2;
    animation-name: ballonThree;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes ballonThree {
  0%   {transform: translate(0px, 0px) rotate(-5.5deg);}
  50%  {transform: translate(0.29282576866764276vw, 1.4641288433382138vw) rotate(-5.5deg);}
  100% {transform: translate(0px, 0px) rotate(-5.5deg);}
}

.sec4bg8:after {
    height: 60.02928257686676vw;
}

.sec4bg11 {
    top: 1.390922401171303vw;
    left: 50.58565153733529vw;
    transform: rotate(3.7deg);
    animation-name: ballonFour;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes ballonFour {
  0%   {transform: translate(0px, 0px) rotate(3.7deg);}
  50%  {transform: translate(-0.07320644216691069vw, 1.4641288433382138vw) rotate(3.7deg);}
  100% {transform: translate(0px, 0px) rotate(3.7deg);}
}

.sec4bg11:after {
    height: 65.15373352855052vw;
}

.sec4bg14 {
    top: 4.612005856515373vw;
    left: 64.86090775988286vw;
    transform: rotate(15.7deg);
    z-index: 2;
    animation-name: ballonFive;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes ballonFive {
  0%   {transform: translate(0px, 0px) rotate(15.7deg);}
  50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(15.7deg);}
  100% {transform: translate(0px, 0px) rotate(15.7deg);}
}

.sec4bg14:after {
    height: 65.15373352855052vw;
}

.sec4bg10 {
    top: 13.762811127379209vw;
    left: 46.85212298682284vw;
    transform: rotate(1deg);
    animation-name: ballonSix;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes ballonSix {
  0%   {transform: translate(0px, 0px) rotate(1deg);}
  50%  {transform: translate(-0.07320644216691069vw, 1.4641288433382138vw) rotate(1deg);}
  100% {transform: translate(0px, 0px) rotate(1deg);}
}

.sec4bg10:after {
    height: 53.440702781844806vw;
}

.sec4bg13 {
    top: 10.76134699853587vw;
    left: 57.5402635431918vw;
    transform: rotate(10.7deg);
    animation-name: ballonSeven;
    animation-duration: 7s;
    animation-iteration-count: infinite;
}
@keyframes ballonSeven {
  0%   {transform: translate(0px, 0px) rotate(10.7deg);}
  50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(10.7deg);}
  100% {transform: translate(0px, 0px) rotate(10.7deg);}
}

.sec4bg13:after {
    height: 57.10102489019034vw;
}

.sec4bg15 {
    top: 14.055636896046853vw;
    left: 70.27818448023426vw;
    transform: rotate(22.9deg);
    animation-name: ballonEight;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes ballonEight {
  0%   {transform: translate(0px, 0px) rotate(22.9deg);}
  50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(22.9deg);}
  100% {transform: translate(0px, 0px) rotate(22.9deg);}
}

.sec4bg15:after {
    height: 57.10102489019034vw;
}

.sec4bg3 {
    top: 28.257686676427525vw;
    left: 23.57247437774524vw;
    transform: rotate(-27.4deg);
    z-index: 2;
    animation-name: ballonNine;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes ballonNine {
  0%   {transform: translate(0px, 0px) rotate(-27.4deg);}
  50%  {transform: translate(0.7320644216691069vw, 2.1961932650073206vw) rotate(-27.4deg);}
  100% {transform: translate(0px, 0px) rotate(-27.4deg);}
}

.sec4bg3:after {
    height: 42.65593vw;
}

.sec4bg19_1 {
    top: 23.57247437774524vw;
    left: 28.69692532942899vw;
    transform: rotate(-20deg);
    animation-name: ballonTen;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes ballonTen {
  0%   {transform: translate(0px, 0px) rotate(-20deg);}
  50%  {transform: translate(0.7320644216691069vw, 2.1961932650073206vw) rotate(-20deg);}
  100% {transform: translate(0px, 0px) rotate(-20deg);}
}

.sec4bg19_1:after {
    height: 44.65592972181552vw;
}

.sec4bg7 {
    top: 26.720351390922403vw;
    left: 34.84626647144949vw;
    transform: rotate(-14deg);
    z-index: 2;
    animation-name: ballonEleven;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes ballonEleven {
  0%   {transform: translate(0px, 0px) rotate(-14deg);}
  50%  {transform: translate(0.7320644216691069vw, 2.1961932650073206vw) rotate(-14deg);}
  100% {transform: translate(0px, 0px) rotate(-14deg);}
}

.sec4bg7:after {
    height: 40.995607613469986vw;
}

.sec4bg19_2 {
    top: 22.32796486090776vw;
    left: 40.48316251830161vw;
    transform: rotate(-6.5deg);
    animation-name: ballonTwelve;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes ballonTwelve {
  0%   {transform: translate(0px, 0px) rotate(-6.5deg);}
  50%  {transform: translate(-0.14641288433382138vw, 2.1961932650073206vw) rotate(-6.5deg);}
  100% {transform: translate(0px, 0px) rotate(-6.5deg);}
}

.sec4bg19_2:after {
    height: 43.995607613469986vw;
}

.sec4bg2 {
    top: 25.54904831625183vw;
    left: 46.120058565153734vw;
    transform: rotate(0deg);
    z-index: 2;
    animation-name: ballonThirteen;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes ballonThirteen {
  0%   {transform: translate(0px, 0px) rotate(0deg);}
  50%  {transform: translate(-0.07320644216691069vw, 1.4641288433382138vw) rotate(0deg);}
  100% {transform: translate(0px, 0px) rotate(0deg);}
}

.sec4bg2:after {
    height: 40.995607613469986vw;
}

.sec4bg12 {
    top: 22.620790629575403vw;
    left: 52.7086383601757vw;
    transform: rotate(7.8deg);
    z-index: 3;
    animation-name: ballonFourteen;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes ballonFourteen {
  0%   {transform: translate(0px, 0px) rotate(7.8deg);}
  50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(7.8deg);}
  100% {transform: translate(0px, 0px) rotate(7.8deg);}
}

.sec4bg12:after {
    height: 44.65592972181552vw;
}

.sec4bg19_3 {
    top: 21.2298682284041vw;
    left: 62.81112737920937vw;
    transform: rotate(18.5deg);
    animation-name: ballonFiveteen;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes ballonFiveteen {
  0%   {transform: translate(0px, 0px) rotate(18.5deg);}
  50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(18.5deg);}
  100% {transform: translate(0px, 0px) rotate(18.5deg);}
}

.sec4bg19_3:after {
    height: 48.31625183016106vw;
}

.sec4bg19_4 {
    top: 26.866764275256223vw;
    left: 57.24743777452416vw;
    transform: rotate(14deg);
    z-index: 1;
    animation-name: ballonSixteen;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
@keyframes ballonSixteen {
  0%   {transform: translate(0px, 0px) rotate(14deg);}
  50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(14deg);}
  100% {transform: translate(0px, 0px) rotate(14deg);}
}

.sec4bg19_4:after {
    height: 41.72767203513909vw;
}

.sec4bg17 {
    top: 26.57393850658858vw;
    left: 66.398243045388vw;
    transform: rotate(24.5deg);
    z-index: 2;
    animation-name: ballonSeventeen;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes ballonSeventeen {
  0%   {transform: translate(0px, 0px) rotate(24.5deg);}
  50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(24.5deg);}
  100% {transform: translate(0px, 0px) rotate(24.5deg);}
}

.sec4bg17:after {
    height: 43.65592972181552vw;
}

.sec4bg5 {
    top: 37.55490483162518vw;
    left: 32.72327964860908vw;
    transform: rotate(-21.5deg);
    z-index: 2;
    animation-name: ballonEighteen;
    animation-duration: 7s;
    animation-iteration-count: infinite;
}
@keyframes ballonEighteen {
  0%   {transform: translate(0px, 0px) rotate(-21.5deg);}
  50%  {transform: translate(0.7320644216691069vw, 2.1961932650073206vw) rotate(-21.5deg);}
  100% {transform: translate(0px, 0px) rotate(-21.5deg);}
}

.sec4bg5:after {
    height: 31.478770131771597vw;
}

.sec4bg9 {
    top: 35.87115666178624vw;
    left: 41.874084919472914vw;
    transform: rotate(-6.8deg);
    z-index: 2;
    animation-name: ballonNineteen;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes ballonNineteen {
  0%   {transform: translate(0px, 0px) rotate(-6.8deg);}
  50%  {transform: translate(-0.14641288433382138vw, 2.1961932650073206vw) rotate(-6.8deg);}
  100% {transform: translate(0px, 0px) rotate(-6.8deg);}
}
.sec4bg9:after {
    height: 31.478770131771597vw;
}

.sec4bg16 {
    top: 35.72474377745242vw;
    left: 50.87847730600293vw;
    transform: rotate(7.5deg);
    z-index: 3;
    animation-name: ballonTwenty;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes ballonTwenty {
  0%   {transform: translate(0px, 0px) rotate(7.5deg);}
  50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(7.5deg);}
  100% {transform: translate(0px, 0px) rotate(7.5deg);}
}

.sec4bg16:after {
    height: 31.478770131771597vw;
}

.sec4bg18 {
    top: 36.456808199121525vw;
    left: 59.297218155197655vw;
    transform: rotate(21deg);
    z-index: 4;
    animation-name: ballonTwentyOne;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes ballonTwentyOne {
  0%   {transform: translate(0px, 0px) rotate(21deg);}
  50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(21deg);}
  100% {transform: translate(0px, 0px) rotate(21deg);}
}

.sec4bg18:after {
    height: 31.94289897510981vw;
}

.section.sec5 {
    background: #000;
    padding-top: 6.808199121522694vw;
    padding-left: 2.6354319180087846vw;
    padding-right: 2.6354319180087846vw;
    padding-bottom: 2.4158125915080526vw;
}

img.sec5bg1 {
    display: block;
    width: 100%;
}

.sec5_inner {
    position: relative;
}

.sec5_innerLeft {
    position: absolute;
    top: 1.0980966325036603vw;
    left: 1.0248901903367496vw;
    width: 62.15226939970717vw;
    overflow: hidden;
}

img.sec5bg2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    z-index: 1;
    max-width: none;
    transform: translate(-50%, -50%) rotate(0deg);
    animation-name: rotateBG;
    animation-duration: 120s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes rotateBG {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

img.sec5bg3 {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
}

img.sec5bg4 {
    position: absolute;
    top: 10.175695461200586vw;
    left: 0;
    z-index: 3;
    width: 5.563689604685212vw;
}

.sec5content {
    position: absolute;
    top: 13.98243045387994vw;
    left: 14.714494875549049vw;
    z-index: 5;
    text-align: center;
    font-size: 1.0980966325036603vw;
    width: 32.635431918008784vw;
}

.sec5content hr {
    background: #000;
    margin-top: 2.4158125915080526vw;
    height: 0.43923865300146414vw;
    margin-bottom: 0.7320644216691069vw;
}

ul.sec5contentColWrapper:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}

ul.sec5contentColWrapper {
    display: block;
    width: 100%;
    list-style: none;
    font-family: Gotham-Book;
}

ul.sec5contentColWrapper li {
    width: 50%;
    float: left;
    font-size: 1.0248901903367496vw;
    text-align: left;
    padding: 0 2.562225475841874vw;
    padding-right: 0;
}

.address {
    margin-bottom: 0.5124450951683748vw;
}

ul.sec5contentColWrapper li:last-child {
    padding-left: 0.8052708638360175vw;
    padding-top: 0.6588579795021962vw;
    position: relative;
}

ul.sec5contentColWrapper li:last-child:before {
    content: "";
    width: 0.07320644216691069vw;
    height: 3.5871156661786237vw;
    position: absolute;
    background: #000;
    top: 0.5124450951683748vw;
    left: -1.9033674963396778vw;
}

.sec5_innerRight {
    position: absolute;
    top: 2.781844802342606vw;
    right: 2.9282576866764276vw;
    background: #000;
    width: 21.37628111273792vw;
    padding: 0.43923865300146414vw 0.6588579795021962vw;
}

.form_outer {
    border: 0.29282576866764276vw solid #fff;
    padding: 0.29282576866764276vw;
}

.form {
    border: 0.14641288433382138vw solid #fff;
    padding: 1.0980966325036603vw;
}

.form_inner h3 {
    line-height: 1;
    color: #fff;
    font-weight: normal;
    font-size: 1.0248901903367496vw;
    font-family: Gotham-Book;
    margin-top: 1.0980966325036603vw;
}

form {
    padding-top: 1.171303074670571vw;
}

.form-item {
    position: relative;
    margin-bottom: 0.36603221083455345vw;
}

.form-item label {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    color: #fff;
    padding: 0.07320644216691069vw;
    width: 4.904831625183016vw;
    font-size: 1.171303074670571vw;
    z-index: 1;
}

.form-item input {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 0.07320644216691069vw solid #fff;
    background: transparent;
    line-height: 1.2445095168374818vw;
    font-size: 0.8784773060029283vw;
    padding-left: 4.904831625183016vw;
    color: #fff;
}

.form-item.messageItem textarea {
    background: transparent;
    border: 0;
    width: 100%;
    height: 6.588579795021962vw;
    border-bottom: 0.07320644216691069vw solid #fff;
    resize: none;
    color: #fff;
    text-indent: 6.222547584187408vw;
    line-height: 1.610541727672035vw;
    font-size: 0.8784773060029283vw;
}

.iti.iti--allow-dropdown {
    width: auto;
    position: absolute;
    z-index: 1;
    left: 4.904831625183016vw;
}
.iti__selected-flag {
    padding: 0;
}
.iti__arrow {
    border-top-color: #fff !important;
}
.iti__arrow--up{
    border-bottom-color: #fff !important;
}
input#qphone {
    width: auto !important;
    padding: 0;
    display: inline-block;
    padding-left: 2.562225475841874vw;
    pointer-events: none;
    border: 0 !important;
}
/*input[name="contactPhNo"] {
    padding-left: 9.150805270863836vw;
}*/
.iti__country-list {
    left: auto;
    width: 11.566617862371888vw;
    font-size: 0.8052708638360175vw;
}
.iti__country {
    padding: 0.36603221083455345vw;
}
.form-item.captchaItem {
    text-align: center;
    padding-top: 0;
    overflow: hidden;
    height: 5vw;
}

.form-item.captchaItem .g-recaptcha {
    display: inline-block;
}

.form-submit {
    text-align: center;
    margin-bottom: 1.171303074670571vw;
    margin-top: 1.171303074670571vw;
}

.form-submit a.submit_btn {
    display: inline-block;
    background: #fff;
    padding: 0.36603221083455345vw 1.8301610541727673vw;
    border-radius: 1.4641288433382138vw;
    color: #000;
    font-size: 1.0248901903367496vw;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

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

.footer-container {
    background: #fff;
}

.footer-container:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}

.copyright {
    font-size: 0.8784773060029283vw;
    padding-top: 2.781844802342606vw;
    padding-left: 2.781844802342606vw;
    padding-bottom: 3.001464128843338vw;
    float: left;
}

.socialLinks {
    float: right;
    padding-right: 2.781844802342606vw;
    padding-top: 2.269399707174231vw;
}

.socialLinks .socialItem img {
    display: block;
    width: 100%;
}

.socialItem {
    float: left;
    width: 2.1961932650073206vw;
    margin-left: 0.43923865300146414vw;
}

.socialItem a {
    display: block;
}

span.error {
    display: block;
    color: #fff;
    font-size: 0.9516837481698389vw;
    text-align: right;
    font-family: serif;
    position: absolute;
    background: red;
    padding: 0.36603221083455345vw;
    line-height: 1;
    z-index: 9;
    top: 0;
    right: calc(100% + 1.0980966325036603vw);
    white-space: nowrap;
    letter-spacing: 0.07320644216691069vw;
}
span.error:after {
    content: "";
    width: 1.171303074670571vw;
    height: 1.171303074670571vw;
    position: absolute;
    top:  0.29282576866764276vw;
    right: -0.5856515373352855vw;
    transform: rotate(45deg);
    display: block;
    background: red;
    z-index: -1;
}
.sec3_inner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10vw;
    background: transparent;
    background-image: linear-gradient(transparent, #fff);
    z-index: 99;
}
.sec2lowerWrapper {
    position: relative;
}
img.sec2lower.part2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    margin: 0;
    opacity: 0;
    animation-name: flame;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes flame {
  0%   {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}

.menu {
    position: absolute;
    top: 6vw;
    right: 0;
    width: 15vw;
    background: #fff;
    color: #000;
    padding: 0.07320644216691069vw;
    pointer-events: none;
    z-index: 999;
    opacity: 0;
    transition: all 0.3s;
}
.menu.active{
    opacity: 1;
    pointer-events: auto;
}
.menu ul {
    border: 0.36603221083455345vw solid #000;
    margin: 0;
    padding: 0.36603221083455345vw;
}
.menu ul li{
    padding: 0.07320644216691069vw;
}
.menu ul li a {
    display: block;
    color: #000;
    padding: 0.36603221083455345vw;
    transition: all 0.3s;
    font-size: 1.3vw;
    line-height: normal;
}
.menu ul li a:hover{
    background: #000;
    color:#fff; 
}


@media(min-width: 768px){
    .mobile_view {
        display: none !important;
    }
}

@media (max-width: 767px){
    .logo {
        width: 30vw;
    }
    .trigger {
        top: 6vw;
        width: 7vw;
    }
    .section.sec1 {
        padding-top: 30vw;
    }
    img.sec1title {
        max-width: 85vw;
        left: 0;
    }
    img.sec1poster.venobox.vbox-item {
        margin-top: 0vw;
        max-width: 60vw;
    }
    img.sec1bg1 {
        width: 16vw;
        top: 18vw;
        left: 2vw;
    }
    img.sec1bg5 {
        top: 60vw;
        left: 2vw;
        width: 17vw;
    }
    img.sec1bg6 {
        top: 93vw;
        left: 17vw;
        width: 15vw;
    }
    img.sec1bg8 {
        top: 15vw;
        width: 10vw;
        left: 87.4vw;
    }
    img.sec1bg7 {
        top: 90vw;
        left: 81.6vw;
        width: 15vw;
    }
    .bg_img_group.stars img {
        width: 6vw;
    }
    img.sec1bg2_1 {
        top: 10.5vw;
        left: 35.2vw;
    }
    img.sec1bg2_2 {
        top: 3.2vw;
        left: 53.2vw;
    }
    img.sec1bg2_3 {
        top: 19.4vw;
        left: 71.1vw;
    }
    img.sec1bg2_4 {
        top: 5.7vw;
        left: 82vw;
    }
    img.sec1bg2_5 {
        top: 29.1vw;
        left: 19.3vw;
    }
    img.sec1bg2_6 {
        top: 22.9vw;
        left: 50.8vw;
    }
    img.sec1bg2_7 {
        top: 52.6vw;
        left: 2.1vw;
    }
    img.sec1bg2_8 {
        top: 80.7vw;
        left: 13.2vw;
    }
    img.sec1bg2_9 {
        top: 66.7vw;
        left: 84vw;
    }
    img.sec1bg2_10 {
        top: 79.7vw;
        left: 92vw;
    }
    img.sec1bg2_11 {
        top: 97.3vw;
        left: 66.8vw;
    }
    img.sec1bg2_12 {
        top: 96.5vw;
        left: 2.3vw;
    }
    img.sec1bg2_13 {
        top: 46.4vw;
        left: 46.2vw;
    }
    img.sec1bg2_14 {
        top: 32.2vw;
        left: 93.5vw;
    }
    .bg_img_group.blast img {
        width: 10vw;
    }
    img.sec1bg3_1 {
        top: 18vw;
        left: 21.7vw;
    }
    img.sec1bg3_2 {
        top: 74vw;
        left: 2vw;
    }
    img.sec1bg3_3 {
        top: 11.1vw;
        left: 54.3vw;
    }
    img.sec1bg3_4 {
        top: 21.7vw;
        left: 77.9vw;
    }
    img.sec1bg3_5 {
        top: 75vw;
        left: 80.5vw;
    }
    img.sec1bg3_6 {
        top: 1.6vw;
        left: 69.3vw;
    }
    img.sec1bg3_7 {
        top: 87.8vw;
        left: 7.9vw;
    }
    .bg_img_group.spring img {
        width: 10vw;
    }
    img.sec1bg4_1 {
        top: 21.4vw;
        left: 35.8vw;
    }
    img.sec1bg4_2 {
        top: 40.1vw;
        left: 0.2vw;
    }
    img.sec1bg4_3 {
        top: 44.6vw;
        left: 31.2vw;
    }
    img.sec1bg4_4 {
        top: 44.7vw;
        left: 60.1vw;
    }
    img.sec1bg4_5 {
        top: 40.5vw;
        left: 89.5vw;
    }
    img.sec1bg4_6 {
        top: 89.3vw;
        left: 73.5vw;
    }
    img.sec2cloud {
        width: 65vw;
        top: 18.064422vw;
        right: 17.442167vw;
    }
    img.sec2text {
        width: 64.919473vw;
        top: 28.824305vw;
        right: 16.85798vw;
    }
    img.sec2lower {
        margin-top: 22.685212vw;
        width: 126%;
        max-width: none;
    }
    img.sec3bg2 {
        width: 95vw;
    }
    img.sec3bg3 {
        width: 100vw;
        margin-left: 0;
        margin-top: -7vw;
        height: 180vw;
    }
    .content {
        top: 66vw;
        left: 12.5vw;
        font-size: 4vw;
        width: 75%;
    }
    .content h6 {
        font-size: 4.720351vw;
        margin-top: 2.585652vw;
        margin-bottom: 3.146413vw;
    }
    img.sec3bg4 {
        max-width: 70vw;
        margin-left: auto;
        margin-right: auto;
    }
    .cardItem {
        width: 40vw;
        margin: 0 3vw;
        height: 70vw;
        perspective: 150vw;
        left: 0 !important;
    }
    .cardItem:nth-child(odd) .cardItemInner {
        animation-duration: 5s;
    }
    span.thread.horizontal {
        top: 165.906296vw;
        left: 7vw;
        width: 86vw;
        height: 0.75vw;
    }
    span.thread.vertical{
        display: none !important;
        width: 0.4vw !important;
    }
    span.thread.vertical.t1 {
        top: 167vw;
        left: 26.5vw;
        height: 200vw;
        display: block !important;
    }
    span.thread.vertical.t2 {
        top: 167vw;
        left: 73vw;
        height: 200vw;
        display: block !important;
    }
    span.thread.vertical.t3 {
        top: 167vw;
        left: 49.9vw;
        height: 246vw;
        display: block !important;
    }
    .section.sec4 {
        padding-top: 220vw;
    }
    img.sec4bg1 {
        width: 300vw;
        max-width: none;
        margin-left: -100vw;
    }
    img.sec4bg20 {
        width: 5vw;
        top: 255vw;
        left: 53vw;
    }
    .ballon>div {
        width: 30vw;
        display: none;
    }
    .sec4bg4 {
        top: 0;
        left: 5vw;
        display: block !important;
    }
    .sec4bg6 {
        top: 120.17716vw;
        left: 4.308931vw;
        display: block !important;
    }
    .sec4bg8 {
        top: 0.734993vw;
        left: 23.751098vw;
        display: block !important;
    }
    .sec4bg11 {
        display: block !important;
        top: 1.390922401171303vw;
        left: 47.585652vw;
    }
    .sec4bg14 {
        display: block !important;
        top: -0.387994vw;
        left: 68.860908vw;
    }
    .sec4bg10 {
        display: block !important;
        top: 32.762811vw;
        left: 32.852123vw;
    }
    .sec4bg13 {
        display: block !important;
        top: 34.761347vw;
        left: 59.540264vw;
    }
    .sec4bg15 {
        display: block !important;
        top: 57.055637vw;
        left: 68.278184vw;
    }
    .sec4bg3 {
        display: block !important;
        top: 34.257687vw;
        left: 4.572474vw;
    }
    .sec4bg7 {
        display: block !important;
        top: 64.720351vw;
        left: 2.846266vw;
    }
    .sec4bg2 {
        display: block !important;
        top: 67.549048vw;
        left: 27.120059vw;
    }
    .sec4bg12 {
        display: block !important;
        top: 72.620791vw;
        left: 51.708638vw;
    }
    .sec4bg17 {
        display: block !important;
        top: 121.573939vw;
        left: 67.398243vw;
    }
    .sec4bg5 {
        display: block !important;
        top: 89.554905vw;
        left: 3vw;
    }
    .sec4bg9 {
        display: block !important;
        top: 99.871157vw;
        left: 21.874085vw;
    }
    .sec4bg16 {
        display: block !important;
        top: 108.724744vw;
        left: 46.878477vw;
    }
    .sec4bg18 {
        display: block !important;
        top: 91.456808vw;
        left: 66.297218vw;
    }
    .ballon>div:after {
        content: "";
        display: block;
        width: 0.2vw;
        background: #000;
        position: absolute;
        top: 33.079063vw;
        left: 14vw;
    }
    .sec4bg4:after {
        height: 223.467057vw;
    }
    .sec4bg4 {
        transform: rotate(-8.5deg);
    }
    @keyframes ballonOne {
      0%   {transform: translate(0px, 0px) rotate(-8.5deg);}
      50%  {transform: translate(0.7320644216691069vw, 2.1961932650073206vw) rotate(-8.5deg);}
      100% {transform: translate(0px, 0px) rotate(-8.5deg);}
    }
    .sec4bg8:after {
        height: 217.029283vw;
    }
    .sec4bg8 {
        transform: rotate(-3.9deg);
    }
    @keyframes ballonThree {
      0%   {transform: translate(0px, 0px) rotate(-3.9deg);}
      50%  {transform: translate(0.29282576866764276vw, 1.4641288433382138vw) rotate(-3.9deg);}
      100% {transform: translate(0px, 0px) rotate(-3.9deg);}
    }
    .sec4bg11:after {
        height: 218.153734vw;
    }
    .sec4bg11 {
        transform: rotate(1.7deg);
    }
    @keyframes ballonFour {
      0%   {transform: translate(0px, 0px) rotate(1.7deg);}
      50%  {transform: translate(-0.07320644216691069vw, 1.4641288433382138vw) rotate(1.7deg);}
      100% {transform: translate(0px, 0px) rotate(1.7deg);}
    }
    .sec4bg14:after {
        height: 223.153734vw;
    }
    .sec4bg14 {
        transform: rotate(7.1deg);
    }
    @keyframes ballonFive {
      0%   {transform: translate(0px, 0px) rotate(7.1deg);}
      50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(7.1deg);}
      100% {transform: translate(0px, 0px) rotate(7.1deg);}
    }
    .sec4bg3:after {
        height: 187.65593vw;
    }
    .sec4bg3 {
        transform: rotate(-10.4deg);
    }
    @keyframes ballonNine {
      0%   {transform: translate(0px, 0px) rotate(-10.4deg);}
      50%  {transform: translate(0.7320644216691069vw, 2.1961932650073206vw) rotate(-10.4deg);}
      100% {transform: translate(0px, 0px) rotate(-10.4deg);}
    }
    .sec4bg10:after {
        height: 182.440703vw;
    }
    .sec4bg10 {
        transform: rotate(-2.5deg);
    }
    @keyframes ballonSix {
      0%   {transform: translate(0px, 0px) rotate(-2.5deg);}
      50%  {transform: translate(-0.07320644216691069vw, 1.4641288433382138vw) rotate(-2.5deg);}
      100% {transform: translate(0px, 0px) rotate(-2.5deg);}
    }
    .sec4bg13:after {
        height: 177.101025vw;
    }
    .sec4bg13 {
        transform: rotate(5.4deg);
    }
    @keyframes ballonSeven {
      0%   {transform: translate(0px, 0px) rotate(5.4deg);}
      50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(5.4deg);}
      100% {transform: translate(0px, 0px) rotate(5.4deg);}
    }
    .sec4bg7:after {
        height: 151.995608vw;
    }   
    .sec4bg7 {
        transform: rotate(-12.5deg);
    }
    @keyframes ballonEleven {
      0%   {transform: translate(0px, 0px) rotate(-12.5deg);}
      50%  {transform: translate(0.7320644216691069vw, 2.1961932650073206vw) rotate(-12.5deg);}
      100% {transform: translate(0px, 0px) rotate(-12.5deg);}
    }
    .sec4bg2:after {
        height: 150.995608vw;
    }
    .sec4bg2 {
        transform: rotate(-5deg);
    }
    @keyframes ballonThirteen {
      0%   {transform: translate(0px, 0px) rotate(-5deg);}
      50%  {transform: translate(-0.07320644216691069vw, 1.4641288433382138vw) rotate(-5deg);}
      100% {transform: translate(0px, 0px) rotate(-5deg);}
    }
    .sec4bg12:after {
        height: 144.65593vw;
    }
    .sec4bg12 {
        transform: rotate(3.8deg);
    }
    @keyframes ballonFourteen {
      0%   {transform: translate(0px, 0px) rotate(3.8deg);}
      50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(3.8deg);}
      100% {transform: translate(0px, 0px) rotate(3.8deg);}
    }
    .sec4bg15:after {
        height: 162.101025vw;
    }
    .sec4bg15 {
        transform: rotate(9deg);
    }
    @keyframes ballonEight {
      0%   {transform: translate(0px, 0px) rotate(9deg);}
      50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(9deg);}
      100% {transform: translate(0px, 0px) rotate(9deg);}
    }
    .sec4bg5:after {
        height: 130.47877vw;
    }
    .sec4bg5 {
        transform: rotate(-15deg);
    }
    @keyframes ballonEighteen {
      0%   {transform: translate(0px, 0px) rotate(-15deg);}
      50%  {transform: translate(0.7320644216691069vw, 2.1961932650073206vw) rotate(-15deg);}
      100% {transform: translate(0px, 0px) rotate(-15deg);}
    }
    .sec4bg6:after {
        height: 105.270864vw;
    }
    .sec4bg6 {
        transform: rotate(-18.2deg);
    }
    @keyframes ballonTwo {
      0%   {transform: translate(0px, 0px) rotate(-18.2deg);}
      50%  {transform: translate(0.29282576866764276vw, 1.4641288433382138vw) rotate(-18.2deg);}
      100% {transform: translate(0px, 0px) rotate(-18.2deg);}
    }
    .sec4bg9:after {
        height: 120.47877vw;
    }
    .sec4bg9 {
        transform: rotate(-8deg);
    }
    @keyframes ballonNineteen {
      0%   {transform: translate(0px, 0px) rotate(-8deg);}
      50%  {transform: translate(-0.14641288433382138vw, 2.1961932650073206vw) rotate(-8deg);}
      100% {transform: translate(0px, 0px) rotate(-8deg);}
    }
    .sec4bg16:after {
        height: 108.47877vw;
    }
    .sec4bg16 {
        transform: rotate(2.5deg);
    }
    @keyframes ballonTwenty {
      0%   {transform: translate(0px, 0px) rotate(2.5deg);}
      50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(2.5deg);}
      100% {transform: translate(0px, 0px) rotate(2.5deg);}
    }
    .sec4bg18:after {
        height: 131.942899vw;
    }
    .sec4bg18 {
        transform: rotate(10.5deg);
    }
    @keyframes ballonTwentyOne {
      0%   {transform: translate(0px, 0px) rotate(10.5deg);}
      50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(10.5deg);}
      100% {transform: translate(0px, 0px) rotate(10.5deg);}
    }
    .sec4bg17:after {
        height: 102.65593vw;
    }
    .sec4bg17 {
        transform: rotate(14deg);
    }
    @keyframes ballonSeventeen {
      0%   {transform: translate(0px, 0px) rotate(14deg);}
      50%  {transform: translate(-0.43923865300146414vw, 1.4641288433382138vw) rotate(14deg);}
      100% {transform: translate(0px, 0px) rotate(14deg);}
    }
    .desktop_view {
        display: none !important;
    }
    .sec5_innerLeft {
        width: calc(100% - 4.375vw);
        top: 2.1875vw;
        left: 2.1875vw;
    }
    .sec5content {
        display: none;
    }
    img.sec5bg2 {
        width: 500%;
    }
    img.sec5bg4 {
        top: -10.625vw;
        transform: rotate(90deg);
        left: 37.8125vw;
        width: 15vw;
    }
    .sec5_innerRight {
        right: auto;
        left: 3vw;
        top: 188vw;
        width: 89vw;
        padding: 2.1875vw;
    }
    .form_outer {
        border-width: 1vw;
        padding: 1vw;
    }
    .form {
        border-width: 0.65vw;
        padding: 3vw;
    }
    .form_inner h3 {
        font-size: 4vw;
        margin: 4.6875vw 0;
        text-align: center;
    }
    form {
        padding-top: 0;
    }
    .form-item {
        margin-bottom: 4.6875vw;
    }
    .form-item label {
        padding: 1vw;
        width: 21.904832vw;
        font-size: 4.0625vw;
    }
    .form-item input {
        font-size: 3.0625vw;
        padding-left: 21.904832vw;
        line-height: 2;
    }
    .form-item.captchaItem {
        height: 18vw;
    }
    .form-item.messageItem textarea {
        height: 20vw;
        font-size: 3.0625vw;
        line-height: 2;
        text-indent: 21.904832vw;
    }
    .form-submit a.submit_btn {
        padding: 1.5625vw 4.6875vw;
        line-height: 1;
        border-radius: 3.125vw;
        font-size: 3.75vw;
    }
    .copyright {
        float: none;
        width: 100%;
        text-align: center;
        font-size: 3vw;
        padding-left: 0;
    }
    .socialLinks {
        float: none;
        padding-right: 0;
        text-align: center;
        padding-top: 0;
        padding-bottom: 3.2694vw;
    }
    .socialItem {
        float: none;
        display: inline-block;
        width: 10vw;
        margin: 0 1vw;
    }
    .menu {
        width: 100%;
        top: 20vw;
        padding: 1vw;
    }
    .menu ul {
        border-width: 0.2vw;
        padding: 1vw;
    }
    .menu ul li {
        padding: 1vw;
    }
    .menu ul li a {
        padding: 1vw;
        font-size: 4vw;
    }
}