html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
}

.container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

.ad-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: #000;
}

.inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding-top: 150%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.inner-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 150%;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inner-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 150%;
}

.bg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.cta-slide-1 {
    position: absolute;
    left: 38.44%;
    top: 90.1%;
    width: 23.28%;
    height: 6.88%;
}

.cta-slide-50 {
    position: absolute;
    left: 38.44%;
    top: 94%;
    width: 23.28%;
    height: 6.88%;
}

.title-2 {
    position: absolute;
    left: 10.63%;
    top: 26.88%;
    width: 79.38%;
    height: auto;
}

.title-1 {
    position: absolute;
    left: 10.78%;
    top: 16.67%;
    width: 79.22%;
    height: auto;
}

.price-1B {
    position: absolute;
    left: 59.53%;
    top: 59.17%;
    width: 30.47%;
    height: auto;
}

.price-1A {
    position: absolute;
    left: 10.78%;
    top: 59.06%;
    width: 31.25%;
    height: auto;
}

.prod-1B {
    position: absolute;
    left: 61.25%;
    top: 36.77%;
    width: 28.59%;
    height: auto;
}

.prod-1A {
    position: absolute;
    left: 12.03%;
    top: 36.77%;
    width: 36.41%;
    height: auto;
}

.cta {
    position: absolute;
    left: 37.66%;
    top: 79.38%;
    width: 24.84%;
    height: auto;
}

.cta-slide-50 {
    position: absolute;
    left: 38.44%;
    top: 87%;
    width: 23.28%;
    height: 6.88%;
}

.legal-scale {
    transform: scale(1.2);
}

.legal-3 {
    position: absolute;
    left: 12.03%;
    top: 89.48%;
    width: 73.91%;
    height: auto;
}

.legal-L {
    position: absolute;
    left: 19.22%;
    top: 95.94%;
    width: 60.78%;
    height: auto;
}

.logo {
    position: absolute;
    left: 28.13%;
    top: 3.13%;
    width: 43.91%;
    height: auto;
}

.legal {
    position: absolute;
    left: 5%;
    bottom: 2%;
    width: 90%;
    height: auto;
}

.title {
    position: absolute;
    left: 19.57%;
    top: 13.9%;
    width: 61.02%;
    height: auto;
}

.text-50 {
    position: absolute;
    left: 26.09%;
    top: 73.13%;
    width: 47.98%;
    height: auto;
}

.text-2 {
    position: absolute;
    left: 17.7%;
    top: 65.98%;
    width: 64.75%;
    height: auto;
}

.text-1 {
    position: absolute;
    left: 17.7%;
    top: 59.75%;
    width: 64.75%;
    height: auto;
}

.inner-coma {
    top: 33%;
    left: 15%;
    width: 70%;
    padding-top: 105%;
}

.logo {
    position: absolute;
    left: 28.13%;
    top: 3.13%;
    width: 43.91%;
    height: auto;
}

/*.coma-container-L {*/
/*    position: absolute;*/
/*    left: 20%;*/
/*    top: 32%;*/
/*    width: 66%;*/
/*    padding-top: 78.5%;*/
/*}*/
.coma-container-L {
    position: absolute;
    left: 30%;
    top: 18%;
    width: 48%;
    padding-top: 57%;
}

.arrow-right {
    position: absolute;
    left: 92.66%;
    top: 46.88%;
    width: 5.31%;
    height: auto;
}

.arrow-left {
    position: absolute;
    left: 1.72%;
    top: 46.98%;
    width: 5.31%;
    height: auto;
}

.price-4A {
    position: absolute;
    left: 10.31%;
    top: 60.52%;
    width: 30.31%;
    height: auto;
}

.prod-4A {
    position: absolute;
    left: 11.25%;
    top: 37.08%;
    width: 29.22%;
    height: auto;
}

.price-4B {
    position: absolute;
    left: 53.59%;
    top: 60.1%;
    width: 35.94%;
    height: auto;
}

.prod-4B {
    position: absolute;
    left: 59.84%;
    top: 37.08%;
    width: 28.91%;
    height: auto;
}

.legal-2 {
    position: absolute;
    left: 9.84%;
    top: 89.9%;
    width: 77.97%;
    height: auto;
}

.coma-container {
    position: absolute;
    left: 21.41%;
    top: 34.06%;
    width: 62.34%;
    padding-top: 76%;
}

.baloons {
    position: absolute;
    left: 57.02%;
    top: 47.48%;
    width: 38.19%;
    height: auto;
    transform-origin: 10% 90%;
}

.cloud-3 {
    position: absolute;
    left: 37.63%;
    top: 82.45%;
    width: 22.42%;
    height: auto;
}

.cloud-2 {
    position: absolute;
    left: 6.04%;
    top: 48.35%;
    width: 17.37%;
    height: auto;
}

.cloud-1 {
    position: absolute;
    left: 66.56%;
    top: 10.83%;
    width: 25.77%;
    height: auto;
}

.coma {
    position: absolute;
    left: 12.49%;
    top: 5.6%;
    width: 63.8%;
    height: auto;
}

@media (max-aspect-ratio: 1/2) {
    .coma-container {
        position: absolute;
        left: 10%;
        top: 30%;
        width: 80%;
        padding-top: 96%;
    }

    .inner-coma-L {
        width: 130%;
        left:-15%;
        top: 47%;
        padding-top: 195%;
    }

    .cta-slide-1 {
        position: absolute;
        left: 30%;
        top: 84%;
        width: 40%;
        height: auto;
    }

    .cta-slide-50 {
        position: absolute;
        left: 30%;
        bottom: 7%;
        top: auto;
        width: 40%;
        height: auto;
    }

    .cta {
        position: absolute;
        left: 30%;
        top: 74%;
        width: 40%;
        height: auto;
    }
    .inner-coma-0 {
        top: 45%;
        width: 110%;
        left: -5%;
        padding-top: 165%;
    }

}