@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('../fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    background: #212121;
    /* overflow-x: clip; */
}

.line {
    background-position-y: -33px;
    width: 100%;
    background-size: 100%;
    position: absolute;
    height: 2240px;
    background-position-x: 0;
    background-repeat: no-repeat;
}

.line2 {
    position: absolute;
    width: 920.57px;
    height: 2274px;
    left: 0;
    top: 2368px;
    /* opacity: 0.5; */
    background-size: cover;
}

.line3 {
    position: absolute;
    width: 999px;
    height: 2474.17px;
    left: 0px;
    background-size: cover;
    top: 4162.11px;
    /* transform: rotate(201.79deg); */
}

.line4 {
    position: absolute;
    width: 100%;
    height: 1972.17px;
    left: 0;
    background-size: cover;
    top: 6330.81px;
    background-repeat: rotate(-158.14deg);
    /* transform: rotate(201.79deg); */
}

section {
    float: left;
    width: 100%;
}

h1{
	font-size: 64px;
	line-height: 96px;
	color: white;
	text-align: center;
	font-family: 'Poppins-Bold';	
}

h2{
	font-size: 54px;
	line-height: 96px;
	font-family: 'Poppins-Bold';	
	color: white;
}

h3{
	font-size: 48px;
	line-height: 72px;
	color: white;
	font-family: 'Poppins-Bold';	
}

h5 {
	font-size: 21px;
	line-height: 20px;
	color: white;
	text-align: center;
    letter-spacing: 1px;
    color: #FFE000;
    font-family: 'Poppins-Regular';
}

h6	{
	font-size: 24px;
	line-height: 36px;
	color: white;
	text-align: center;
	font-family: 'Poppins-Regular';
}

p	{
	font-size: 18px;
	line-height: 30px;
	color: white;
	font-family: 'Poppins-Regular';
	text-align: center;
}

strong	{
	font-size: 24px;
	line-height: 36px;
	color: white;
	font-family: 'Poppins-Bold';	
	font-weight: 700;
}

li a {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #FFFFFF;
	opacity: 0.7;
	text-decoration: none;
	text-transform: uppercase;
}

footer li a {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 20px;
	color: #FFE000;
	opacity: 0.7;
	font-family: 'Poppins-Regular';
	text-transform: uppercase;
}

footer{
    position: relative;
}

footer .container{
    position: relative;
    z-index: 10;
}

.bg__footer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 25%;
    background-size: cover;
    /* background-position-y: 38px; */
}

.container {
    width: 1259px;
}

.gradient img {
    width: 321px;
    position: absolute;
    left: 0;
    height: 311px;
    z-index: 10;
}

.gradient {
    position: relative;
}

/*.gradient {
    position: relative;
    position: absolute;
    width: 519.62px;
    height: 571px;
    left: 821.38px;
    top: 1427px;
    background: linear-gradient(180deg, #FFE000 28%, rgba(260, 138, 37, 0) 72%, #766700 41%);
    filter: blur(50px);
    z-index: -1;
}*/

.video .gradient2 {
    background: linear-gradient(180deg, #FFE000 0%, rgba(245, 138, 37, 0) 100%, #766700 100%);
    position: absolute;
    width: 519.62px;
    height: 571px;
    left: 821.38px;
    top: -36px;
    filter: blur(50px);
    z-index: -1;
}

.video .gradient3 {
    position: absolute;
    width: 710.15px;
    height: 780.37px;
    left: 697px;
    top: -58px;
    background: linear-gradient(180deg, #FFE000 0%, #766700 100%);
    filter: blur(100px);
    z-index: -1;
    border-radius: 600px;
}

.payment .gradient2 {
    position: absolute;
    width: 911.79px;
    height: 660.73px;
    left: 900.21px;
    top: 0;
    background: linear-gradient(180deg, #FFE000 0%, rgba(245, 138, 37, 0) 100%, #766700 100%);
    filter: blur(50px);
    z-index: -1;
}
    
.payment .gradient3 {
    background: linear-gradient(180deg, rgba(255, 224, 0, 0.6) 0%, rgba(118, 103, 0, 0.6) 100%);
    filter: blur(100px);
    position: absolute;
    width: 1246.12px;
    height: 903px;
    left: 488px;
    top: 0;
    z-index: -1;
}

section.payment.payment__3 .gradient2 {
    background: linear-gradient(180deg, #FFE000 0%, rgba(245, 138, 37, 0) 100%, #766700 100%);
    filter: blur(50px);
    /* right: 0; */
    left: auto;
    right: -120px;
    top: -191px;
    width: 866px;
    height: 1061px;
}

section.payment.payment__2 .gradient2 {
    width: 1180.23px;
    height: 951px;
    left: -730px;
    top: -72px;
    background: linear-gradient(180deg, #FFE000 0%, rgba(245, 138, 37, 0) 100%, #766700 100%);
}

.payment{
    position: relative;
}

.area__nav{
    position: absolute;
    width: 100%;
    border-bottom: 1px solid white;
}

.content-nav {
    display: flex;
    width: 100%;
}

.logo {
    flex: 1 20%;
}

div#main_nav {
    flex: 1 70%;
    display: flex;
}  

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    z-index: 10;
    background: none !important;
    border-bottom: 0px solid white;
    padding-bottom: 19px;
    padding-top: 45px;
    width: 1259px;
    margin: 0 auto;
}

.smart-scroll{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.scrolled-down{
   transform:translateY(-105%); transition: all 0.3s ease-in-out;
}

.scrolled-up{
   transform:translateY(0); transition: all 0.3s ease-in-out;
   background: #181818;
}

.navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
    flex-direction: row-reverse;
}

.navbar-expand-lg .navbar-collapse a:hover {
    color: #FFE000;
    opacity: 1;
}

div#navbarSupportedContent ul {
    display: flex;
}

div#navbarSupportedContent ul li {
    list-style: none;
    position: relative;
    margin: 0 21px;
}

li.active:before {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background: #FFE000;
    bottom: -41px;
}

li.active a {
    color: #FFE000;
    opacity: 1;
}

.area__content {
    display: flex;
    padding-top: 144px;
    z-index: 1;
    position: relative;
}

.ticket{
	flex: 1 50%;	
    padding-top: 120px;
}

.cellphone{
	flex: 1 50%;	
}

.cellphone img {
    width: 394px;
    float: right;
    object-fit: cover;
}

.ticket h1 {
    padding-bottom: 65px;
    margin-top: 30px;
    margin-bottom: 0;
}

section#area__ticket {
    width: 100%;
    padding-bottom: 359px;
    background-repeat: no-repeat;
    background-position-x: -119px;
}

.buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding-top: 35px;
}

.buttons button {
    padding: 0;
    border-radius: 12px;
    height: 76px;
}

.buttons button img{
	height: 76px;
	width: 239px;
}

.ticket h5 {
    margin-top: 56px;
    color: white;
    font-family: 'Poppins-Bold';
    letter-spacing: 0
}

div#navbarSupportedContent button {
    background: #FFE000;
    padding: 0px 13px;
    line-height: 42px;
    position: relative;
    left: 2px;
    height: 41px;
    top: -4px;
    border: 0;
}

div#navbarSupportedContent button a {
    text-decoration: none;
    color: black;
    font-family: 'Poppins-Bold';
    font-size: 14px;
    letter-spacing: 1px;
}

div#navbarSupportedContent>div {
    margin-left: 220px;
    background: white;
    width: 181px;
    height: 41px;
}

.video__play {
    position: relative;
}

.video__play video {
    height: 641px;
    align-items: center;
    background-size: cover;
    display: flex;
    width: 100%;
    object-fit: cover;
}

.play {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.video__play img {
    z-index: 100;
    position: relative;
    width: 132px;
    height: 132px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
}

.video {
    margin-top: 223px;
    align-items: center;
    background-size: cover;
    display: flex;
    overflow-x: clip;
    position: relative;
    z-index: 1;
    height: 641px;
    position: relative;
}

.background-video {
    background-color: #000000;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 50%;
}

section.characteristic {
    text-align: center;
    padding: 180px 0px;
    padding-top: 265px;
}   

section.characteristic h2 {
    margin-bottom: 24px;
    margin-top: 38px;
}

section.characteristic h6 {
    opacity: 70%;
}

.video .gradient img {
    width: 417px;
    position: absolute;
    left: auto;
    height: 375px;
    z-index: -1;
    right: -129px;
    border-radius: 100px;
    margin-top: -186px;
    object-fit: cover;
}

section.payment {
    margin-top: 221px;
    margin-bottom: 210px;
    overflow-x: clip;
    z-index: 1;
    position: relative;
}

.payment__content {
    width: 100%;
    float: left;
    padding-left: 95px;
    padding-bottom: 30px;
    background: black;
}

.caracteristic__payment {
    width: 50%;
    float: left;
    padding-top: 170px;
}

.cellphone__owl {
    width: 50%;
    float: left;
}

.cellphone__owl img {
    width: 375px !important;
    margin: 0 auto;
}

.cellphone__owl {
    width: 50%;
    float: left;
    margin-top: -247px;
}

.caracteristic__payment p {
    text-align: left;
    opacity: 70%;
    margin-top: 33px;
}

.owl-theme .owl-nav{
    margin-top: 0;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #FFE000;
}

.owl-theme .owl-dots .owl-dot span{
    margin: 5px 16px;
    width: 20px;
    height: 20px;
}

.payment .gradient img {
    width: 417px;
    position: absolute;
    left: auto;
    height: 375px;
    z-index: -1;
    right: -129px;
    border-radius: 100px;
    margin-top: 31em;
    object-fit: cover;
}

.payment__2 .payment__content{
    background-color: white;
}

.payment__2 h3{
    color: black;
}

.payment__2 p{
    color: black;
}

.payment__2 .cellphone__owl img{
    margin:0;
}

.payment__2 .owl-theme .owl-dots{
    width: 371px;
}

.owl-theme .owl-nav {
    margin-top: 0;
    display: none;
}

.owl-theme .owl-dots{
    margin-top: 20px;
}

section.buy__ticket {
    text-align: center;
    padding-top: 0;
    position: relative;
    z-index: 10;
    margin-bottom: 500px
}

section.buy__ticket h2 {
    line-height: 81px;
    margin-bottom: 40px;
}

section.buy__ticket h6 {
    opacity: 70%;
}

section.download .download__area{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px;
    border-radius: 10px;
}

.download__content__image img {
    width: 375px;
    height: 869px;
    margin: 0 auto;
    display: block;
    margin-top: 0;
}

.download__content__image {
    flex: 1 50%;
}

.download__content {
    flex: 1 50%;
}

.download__content p {
    text-align: left;
    color: black;
    opacity: 70%;
}

.download__content h2 {
    color: black;
    line-height: 58px;
    margin-bottom: 35px;
    font-family: 'Poppins-ExtraBold';
}

.download__content .buttons {
    justify-content: flex-start;
}

.download__content__image {
    flex: 1 47%;
    margin-top: -312px;
}

.download__content {
    flex: 1 50%;
    padding-top: 90px;
    padding-left: 150px;
}

/*.download .buttons button img {
    height: 46px;
    width: 199px;
    object-fit: cover;
    border-radius: 12px;
}*/

.buttons button {
    padding: 0;
    border-radius: 12px;
    height: 46px;
    border: 0;
}

section.download {
    margin-bottom: 65px;
    margin-top: 129px;
    z-index: 10;
    position: relative;
}

footer {
    float: left;
    text-align: center;
    background-size: cover;
    width: 100%;
    height: 484px;
    padding-top: 150px;
}

.footer__content {
    display: flex;
    flex-wrap: wrap;
}

.item__footer {
    flex: 1 25%;
    text-align: left;
}

.item__footer h6 {
    text-align: left;
    font-size: 14px;
    font-family: 'Poppins-Bold';
    color: #FFE000;
    text-transform: uppercase;
    margin-bottom: 16px;
    letter-spacing: 1px;
}

.item__footer p {
    text-align: left;
    opacity: 70%;
}

.copy {
    text-align: center;
    width: 100%;
    border-top: 1px solid white;
    margin-top: 48px;
    padding-bottom: 15px;
    opacity: 70%;
    /* padding-bottom: 20px; */
}

.copy p {
    margin-top: 35px;
}

.item__footer span {
    display: inline-block;
}

.item__footer a {
    font-size: 18px;
    color: white;
    font-family: 'Poppins-Regular';
    text-decoration: none;
    opacity: 70%;
    margin-bottom: 13px;
    display: block;
}

.item__footer img {
    opacity: 70%;
    margin-right: 13px;
}

.item__footer.item_2 {
    flex: 1 28%;
}   

.item__footer.item_3 {
    flex: 1 21%;
}

.item__footer.item_4 {
    flex: 1 22%;
    padding-left: 58px;
}

.logo_footer img{
    width: 133px;
    height: 48px;
    object-fit: cover;
    opacity: initial;
}

.logo_footer a{
    opacity: initial;
}

.faqs {
    display: flex;
    text-align: left;
}

.group__faqs {
    background: #181818;
    float: left;
    width: 100%;
    position: relative;
    padding: 0 49px;
    /* display: flex; */
}

section.area__faqs {
    padding-top: 245px;
    position: relative;
    overflow-x: clip;
}

.content__number__description p {
    text-align: left;
    opacity: 70%;
    padding-right: 23px;
}

.content__number__description {
    padding-left: 7px;
    margin-top: 11px;
}

.content__number__description h3 {
    margin-bottom: 10px;
    font-size: 36px;
}

.group__faqs {
    padding-top: 0;
    padding-bottom: 50px !important;
    margin-bottom: 99px;
    padding: 0px 38px;
}

.faqs {
    display: flex;
    text-align: left;
    margin: 90px 0px;
    gap: 21px;
}

section.area__faqs h2 {
    margin-bottom: 140px;
}

.content__number h2 {
    font-size: 180px;
    margin-top: 52px;
    color: #212121;
}

.faq__download {
    margin-bottom: 65px;
    margin-top:475px !important;
}   

.faqline{
    top: 1895.81px !important;
}

.question h2 {
    text-align: center;
    font-size: 64px;
}

.gradient__faqs {
    right: -18px;
    position: absolute;
    width: 159.85px;
    height: 163.23px;
    left: auto;
    top: 67px;
    background: linear-gradient(180deg, #FFE000 0%, rgba(245, 138, 37, 0) 100%, #766700 100%);
    filter: blur(50px);
    z-index: -1;
}

.gradient__faqs2 {
    position: absolute;
    width: 159.85px;
    height: 163.23px;
    left: auto;
    top: 44px;
    background: linear-gradient(180deg, #FFE000 0%, rgba(245, 138, 37, 0) 100%, #766700 100%);
    filter: blur(50px);
    z-index: -1;
    right: 0px;
}

.gradient__faqs3 {
    position: absolute;
    width: 155.21px;
    height: 155.21px;
    left: -12px;
    bottom: -28px;
    background: linear-gradient(180deg, #FFE000 0%, rgba(245, 138, 37, 0) 100%, #766700 100%);
    filter: blur(50px);
    z-index: -1;
}

.gradient__faqs4 {
    position: absolute;
    width: 212.13px;
    height: 212.13px;
    left: 4px;
    bottom: -25px;
    background: linear-gradient(180deg, #FFE000 0%, rgba(245, 138, 37, 0) 100%, #766700 100%);
    filter: blur(50px);
    z-index: -1;
}

.circle {
    position: absolute;
    width: 40px;
    height: 41px;
    left: auto;
    top: -22px;
    background: #212121;
    border-radius: 100px;
    z-index: 100;
    right: 220px;
}

.circle2 {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 225px;
    top: auto;
    background: #212121;
    border-radius: 100px;
    z-index: 10;
    bottom: -18px;
}

@media only screen and (max-width: 1400px){
    .download__content {
        padding-left: 75px;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-light{
        width: 100%;
    }
}

@media only screen and (max-width: 1300px){
    nav.navbar.navbar-expand-lg.navbar-light.bg-light{
        width: 92%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1199px) {
    h1{
        line-height: 75px;
    }

    h3{
        font-size: 36px;
        line-height: 52px;
    }

    body br{
        display: none;
    }

    .download__content{
        padding-left: 40px;
    }

    .content-nav {
        display: block;
        width: 100%;
    }

    .faq__download {
        margin-top: 44px !important;
    }

    .faqline {
        top: 1899.81px !important;
        z-index: -1;
    }

    /*section.area__nav:before{
        display: none;
    }*/

    .container {
        width: 91% !important;
        max-width: 100% !important;
    }

    .ticket{
        padding-top: 0;
    }

    li.active:before{
        bottom: -20px;
    }

    .logo {
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    section.buy__ticket{
        margin-bottom: 165px;
    }

    div#navbarSupportedContent {
        width: 100%;
        display: block !important;
        margin: 0 auto;
        text-align: center;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-light .container-fluid {
        display: block;
    }

    div#navbarSupportedContent>div {
        margin-left: 0;
        background: white;
        width: 181px;
        height: 41px;
        margin: 0 auto;
        margin-top: 38px;
        margin-bottom: 38px;
    }

    div#navbarSupportedContent ul {
        display: flex;
        padding: 0;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        justify-content: center;
    }

    .cellphone img {
        width: 43%;
        float: none;
        margin: 0 auto;
        display: block;
        margin-top: 100px;
        /* order: 1; */
    }

    .area__content {
        padding-top: 287px;
        display: block;
    }

    .video .gradient2 {
        position: absolute;
        width: 492.15px;
        height: 470.37px;
        left: 675px;
        top: initial;
        background: linear-gradient(180deg, #FFE000 0%, #766700 100%);
        filter: blur(61px);
        z-index: -1;
        border-radius: 500px;
        margin-top: -343px;
    }

    .video__play video{
        height: auto;
    }

    section#area__ticket{
        padding-bottom: 259px;
    }

    .caracteristic__payment{
        padding-top: 70px;
    }

    .cellphone__owl img {
        width: 65% !important;
        margin: 0 auto;
    }

    .caracteristic__payment h3 br {
        display: none;
    }

    .cellphone__owl {
        margin-top: -47px;
    }

    section.characteristic {
        padding: 100px 0px;
    }

    .video{
        height: auto;
    }

    section.payment{
        margin-top: 121px;
    }

    section.payment.payment__3 .gradient2{
        width: 666px;
        height: 664px;
    }

    .item__footer{
        flex: 1 18%;
    }

    .item__footer.item_2{
        padding-right: 18px;
    }

    footer{
        padding-top: 100px;
    }

    .download__content__image{
        margin-top: 100px;
    }

    .cellphone__owl{
        width: 46%;
    }

    section.payment.payment__2 .caracteristic__payment{
        width: 54%;
        padding-right: 50px;
    }

    .line{
        top: 27%;
    }

    .line2{
        width: 100%;
    }

    .line3{
        width: 100%;
    }

    .line4{
        width: 100%;
        height: 100%;
    }

    section.area__faqs{
        padding-top: 345px;
    }

    .gradient__faqs{
        left: .0;
    }
}


@media only screen and (max-width: 991px) {
    .ticket {
        flex: 1 100%;
    }

    .question h2 {
        margin-bottom: 70px !important;
        font-size: 42px;
    }

    .content__number h2 {
        margin-bottom: 20px !important;
    }

    .content__number__description h3{
        margin-bottom: 16px;
    }

    .cellphone {
        flex: 1 100%;
    }

    div#navbarSupportedContent ul li{
        margin: 0 17px;
    }

    section#area__ticket {
        padding-bottom: 159px;
    }

    .payment__content{
        padding-left: 55px; 
    }

    .caracteristic__payment p br {
        display: none;
    }

    section.buy__ticket{
        padding-top: 0;
    }

    .download__content__image {
        flex: 1 100%;
        margin-top: 38px;
    }

    .download__content {
        padding-left: 30px;
        padding-right: 30px;
        flex: 1 100%;
    }

    .download__content__image img {
        width: 100%;
        height: 531px;
    }

    .download__content__image{
        margin-top: 67px
    }

    .item__footer {
        flex: 1 100% !important;
        text-align: center;
    }

    .item__footer h6{
        text-align: center;
    }

    .item__footer.item_4{
        padding-left: 0;
    }

    footer{
        height: auto;
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .item__footer p{
        text-align: center;
    }

    .item__footer.item_2 {
        padding-right: 0;
    }

    .line{
        top: 33%;
    }

    .faqs{
        flex-wrap: wrap;
        text-align: center;
    }

    .content__number__description p {
        text-align: center;
        padding-right: 0;
    }

    .content__number {
        text-align: center;
        width: 100%;
    }

    .content__number__description{
        order:1;
    }

    .faqline{
        top: 2899.81px !important;
    }

}

@media only screen and (max-width: 768px) {
    h1 {
        font-size: 54px;
        line-height: 73px;
    }

    h2{
        font-size: 36px;
        line-height: 45px;
    }

    .content__number h2{
        font-size: 120px;
    }

    h6{
        font-size: 20px;
    }

    .content__number__description h3{
        font-size: 32px;
    }

    .ticket h1{
        padding-bottom: 30px;
    }

    .buttons button img {
        height: auto;
        width: 100%;
    }

    .buttons button {
        height: auto;
        width: 40%;
        margin: 0 auto;
    }

    .cellphone img{
        width: 57%;
        margin-top: 50px;
    }

    .ticket p br {
        display: none;
    }

    section#area__ticket {
        padding-bottom: 159px;
    }

    section#area__ticket {
        padding-bottom: 75px;
    }

    .video .gradient2{
        left: 475px;
    }

    .video{
        height: auto;
        margin-top: 123px;
    }

    .video__play img {
        width: 69px;
        height: 69px;
    }

    section.characteristic h6 br {
        display: none;
    }

    .cellphone__owl {
        margin-top: 43px;
    }

    section.payment {
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .cellphone__owl{
        width: 100%;
    }

    section.buy__ticket{
        margin-bottom: 100px;
    }

    .caracteristic__payment {
        padding-bottom: 00px;
        width: 100%;
    }

    .payment__content {
        padding-left: 25px;
        padding-right: 25PX;
    }

    .payment__2 .cellphone__owl img {
        margin: 0 auto;
    }

    .payment__2 .payment__content{
        display: flex;
        flex-wrap: wrap;
    }

    .cellphone__owl {
        order: 2;
    }

    .caracteristic__payment {
        order: 1;
    }

    .payment__2 .owl-theme .owl-dots {
        width: 100%;
    }

    section.buy__ticket h2 {
        line-height: 56px;
        margin-bottom: 40px;
    }

    .download__content h2{
        line-height: 49px;
    }

    .download__content{
        padding-right: 30px;
        order: 2;
    }

    .download__content__image {
        margin-top: -180px;
    }

    .download__content{
        padding-top: 32px;
    }

    section.download .download__area{
        padding-bottom: 50px;
    }

    section.download{
        margin-top: 150px;
    }

    .download .buttons button img {
        height: auto;
        width: 100%;
    }

    section.buy__ticket {
        margin-bottom: 120px;
    }

    .caracteristic__payment{
        padding-right: 0px;
    }

    section.payment.payment__2 .caracteristic__payment {
        width: 100%;
        padding-right: 0;
    }

    section.payment.payment__2 .gradient2{
        width: 900px;
    }

    section.payment.payment__3 .gradient2{
        right: -548px;
    }

    .faq__download {
        margin-top: 244px !important;
    }

}

@media only screen and (max-width: 600px) {
    .cellphone__owl img {
        width: 80% !important;
        margin: 0 auto;
    }

    section.buy__ticket h2 {
        line-height: 47px;
    }

    section.payment.payment__3 .gradient2 {
        width: 366px;
        height: 364px;
    }

    section.characteristic h2{
        margin-top: 24px;
    }

    .download__content{
        padding-top: 40px;
    }

    .line{
        top: 37%;
    }

    .faqline {
        top: 4199.81px !important;
    }
}

@media only screen and (max-width: 500px) {
    h1 {
        font-size: 40px;
        line-height: 57px;
    }

    h2 {
        font-size: 29px;
        line-height: 56px;
    }

    h3 {
        font-size: 29px;
        line-height: 39px;
    }

    h6 {
        font-size: 18px;
    }

    .content__number h2{
        margin-top: 0;
    }

    .group__faqs{
        padding: 0px 15px;
    }

    .download__content__image img{
        margin-left: 8px;
    }

    .download__content h2 {
        line-height: 40px;
    }

    .buttons button {
        height: auto;
        width: 48%;
    }

    .line{
        top: 39%;
    }

    .download__content{
        padding-left: 16px;
        padding-right: 15px;
    }

}

@media only screen and (max-width: 400px) {
    div#navbarSupportedContent ul li {
        margin: 0 10px;
    }