@font-face {

    font-family: 'futura-pt';
    src: url(../fonts/FuturaPTLight.otf);
    font-weight: 300;

}

@font-face {

    font-family: 'futura-pt';
    src: url(../fonts/FuturaPTBook.otf);
    font-weight: 400;

}


@font-face {

    font-family: 'futura-pt';
    src: url(../fonts/FuturaPTDemi.otf);
    font-weight: 600;

}

@font-face {

    font-family: 'futura-pt';
    src: url(../fonts/FuturaPTBold.otf);
    font-weight: 700;

}

@font-face {

    font-family: '1';
    src: url(../fonts/FuturaPTBold.otf);


}

@font-face {

    font-family: '2';
    src: url(../fonts/FuturaPTBoldOblique.otf);


}

@font-face {

    font-family: '3';
    src: url(../fonts/FuturaPTBook.otf);


}

@font-face {

    font-family: '4';
    src: url(../fonts/FuturaPTBookOblique.otf);


}

@font-face {

    font-family: '5';
    src: url(../fonts/FuturaPTCondBold.otf);


}

@font-face {

    font-family: '6';
    src: url(../fonts/FuturaPTCondBoldOblique.otf);

}

@font-face {

    font-family: '7';
    src: url(../fonts/FuturaPTCondBook.otf);

}

@font-face {

    font-family: '8';
    src: url(../fonts/FuturaPTCondBookOblique.otf);


}

@font-face {

    font-family: '9';
    src: url(../fonts/FuturaPTCondExtraBold.otf);

}

@font-face {

    font-family: '10';
    src: url(../fonts/FuturaPTCondExtraBoldOblique.otf);

}


@font-face {

    font-family: '11';
    src: url(../fonts/FuturaPTCondMedium.otf);

}

@font-face {

    font-family: '12';
    src: url(../fonts/FuturaPTCondMediumOblique.otf);


}

@font-face {

    font-family: '13';
    src: url(../fonts/FuturaPTDemi.otf);

}

@font-face {

    font-family: '14';
    src: url(../fonts/FuturaPTDemiOblique.otf);

}

@font-face {

    font-family: '15';
    src: url(../fonts/FuturaPTExtraBold.otf);

}

@font-face {

    font-family: '16';
    src: url(../fonts/FuturaPTExtraBoldOblique.otf);

}


@font-face {

    font-family: '17';
    src: url(../fonts/FuturaPTHeavy.otf);

}

@font-face {

    font-family: '18';
    src: url(../fonts/FuturaPTHeavyOblique.otf);


}

@font-face {

    font-family: '19';
    src: url(../fonts/FuturaPTLight.otf);

}

@font-face {

    font-family: '20';
    src: url(../fonts/FuturaPTLightOblique.otf);

}

@font-face {

    font-family: '21';
    src: url(../fonts/FuturaPTMedium.otf);

}

@font-face {

    font-family: '22';
    src: url(../fonts/FuturaPTMediumOblique.otf);

}




* {
    box-sizing: border-box;
    margin: 0;
}

.wrapper {
    max-width: 1590px;
    margin: 0 auto;
}

.wrappermax {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.wrappermin {
    width: 80vw;
    margin: 0 auto;
}

a {
    text-decoration: none;
    color: white;
}

body {
    margin: 0 0 0 0;
    font-family: 'futura-pt';
    font-style: normal;
    font-weight: 300;
    color: white;

}

.swiper-container {
    display: none;
}


.social_mob,
#map_small {
    display: none;
}


.links_mob .burger-menu,
.disney_slider_cont {
    display: none;
}


.mobtextbot,
.telasblockmob>div:nth-child(6),
.swiperleft .h2,
.swiperleft .h2 span,
.telasblockmob .h2,
.telasblockmob .h2 span,
.telasblockmob .h3,
.links,
.blockleft h2,
.blockleft .h2,
.blockleft .nunSlide,
.blockleft h3,
.blockleft .text-procesos,
.telasright>div,
.telasright h2,
.telasright .h2,
.telascursor h3,
.telascursor .h3
.telascursor>div:nth-child(2)>div:nth-child(1),
.disneyleft>div>p:nth-child(1),
.disneyleft>div>p:nth-child(3),
.footerleft>div>div:nth-child(1)>p:nth-child(1),
.footerleft>div>div:nth-child(2)>p:nth-child(1),
.footerleft>div>div:nth-child(1)>p:nth-child(2),
.footerleft>div>div:nth-child(2)>p:nth-child(2),
.footerright>div>p,
.historialeft>div,
.map>p,
.mainlinks.flex>div>a,
.footerright>a,
.historia-block__left h2,
.historia-block__left p {
    font-family: 'Raleway';
    font-style: normal;
}

.flex {
    display: flex;
    justify-content: space-between;
}

.column {
    flex-direction: column;
}

/* \\\\\\\\\ home */


.index .headertexthistoria>div {
    display: none;
}


.swiperimg,
#slider,
.mainlinks,
#slider,
.blockright,
.button,
.mapblock,
.telasblock,
.disneyright,
.historiaright,
.historialeft,
.main,
.histor {
    position: relative;
}

.logoblock {
    padding-top: 50px;
}

.links_mob,
.burger-menu {
    display: none;
}

#background {
    background-color: rgba(217, 217, 217, 0.2)
}


.headerlinks {
    height: 90vh;
    background-image: linear-gradient(258.46deg, rgba(18, 81, 134, 0.5) -0.43%, rgba(2, 127, 204, 0) 49.78%, rgba(2, 127, 204, 0.5) 100%), url(../img/header_img.jpg);
    background-repeat: no-repeat;
    position: relative;
    max-height: 700px;
    display: flex;
    flex-direction: column;
}

.headerlinks .headertext{
    height: 100%;
    margin: auto;
    justify-content: center;
    margin-top: -100px;
    text-align: center;
}

.links {
    padding: 50 6vw 0 6vw;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    z-index: 1;
}


.headerlinks .logo img{
    max-width: 200px;
}


.links>div {
    gap: 30px;
    align-items: center;
}

.border {
    padding: 15 35;
    border: 2px solid #FFFFFF;
    border-radius: 36px;
    align-self: start;
    margin-top: 20px;
}


.headertext p {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    padding-bottom: 1.2rem;
}

.headertext h1 {
    font-weight: 700;
    font-size: 6rem;
    line-height: 1;
}

.arow {
    text-align: center;
    position: absolute;
    bottom: 2rem;
    left: calc(50% - 25px);
}

.logoblock>img:nth-child(2) {
    filter: grayscale(1) contrast(0.1);
}

.mainarticle {

    font-weight: 400;
    font-size: 33px;
    line-height: 1.6;
    text-align: center;
    color: #000000;
    margin-top: 137px;
}

.blue {

    border: 2px solid #027FCC;
    margin-top: 90px;
    padding: 20 40;
    color: #027FCC;
    font-weight: 600;
    font-size: 20px;
}


.mainlinks {
    justify-content: center;
    gap: 30px;

}

.blue:hover {
    background-color: #027FCC;
    border: 2px solid white;
    color: white;
}

.border.contacto:hover {
    background-color: #027FCC;
    border: 2px solid #027FCC;
    color: white;
}

.mainlinks>div {
    margin-top: 80px;
}



/* \\\\\\\\\slider */

#slider {
    height: fit-content;
    position: relative;
    margin-top: 8rem;
    padding-bottom: 4rem;
}

.slide {
    width: 1590px;
    /* position: absolute;
    top: 0;
    left: 0; */
    display: none;
    justify-content: space-around;

}

#slider .button{
    position: absolute;
    top: 300px;
    z-index: 10;
    width: 90vw;
    height: 20px;
    transform: translate(-50%, -50%);
    left: 50%;
}

#slider .button #prev,
#slider .button #next{
    cursor: pointer;
}

.blockleft {
    max-width: 36vw;
    justify-content: start;
    text-align: start;
}

#slider .blockright{
    height: fit-content;
}

#slider .blockright>div:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #027FCC;
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.map_small {
    display: none;
}

.blockleft .nunSlide,
.mobtextbot {
    color: #027FCC;
}

.blockleft h2,
.blockleft .h2,
.blockleft h3,
.telasright h2,
.telasright .h2
.telasright h2 span,
.telasright .h2 span {
    color: #125186;
}

.blockleft h2,
.blockleft .h2,
.blockleft .nunSlide,
.telasright h2,
.telasright .h2,
.telasright h2 span,
.telasright .h2 span{
    font-weight: 300;
    /*font-size: 80px;*/
    line-height: 80px;
    font-size: 4rem;
}


.blockleft h2 span,
.blockleft .h2 span,
.blockleft .nunSlide,
.telasright h2 span,
.telasright .h2 span {
    font-weight: 700;
}

.blockleft .nunSlide {
    line-height: 48px;
    padding-top: 10px;
    padding-bottom: 2rem;
    display: flex;
    gap: 20px;
}

.blockleft h3 {
    font-weight: 700;
    font-size: 34px;
    line-height: 48px;
}

.blockleft .text-procesos {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    color: #000000;

    padding-top: 34px;
}


.swipetext,
#h5,
.default_img,
.boxshadow,
button,
#circular,
#rad1,
#rad2,
#rad4,
#rad3,
#halfsq,
#disney,
.boxshadowhist,
#h1,
#h2,
#h3,
.verticalline,
#i1,
#i2,
#i3,
#i4,
#i5,
#i6,
#i7,
#i8,
#i9 {
    position: absolute;
}

#h5 {
    left: -88px;
    top: -77px;
}

.mapleft {
    margin: 0 auto;
}


.default_img.active {
    left: 50px;
    top: 80px;
}

.active {
    display: block;
}


.boxshadow,
.boxshadowhist {

    border: 2px solid #027FCC;
}

.boxshadow {
    width: 627px;
    height: 711px;
}




.boxshadow,
.boxshadowhist {

    top: 30px;
    left: 30px;
    z-index: -6;

}


.boxshadowhist {
    width: 627px;
    height: 627px;
}

button {
    border: none;
    background: none;

}

textarea,
input {
    border: none;
}


#next {
    right: 0px;
}

#prev {
    left: 0px;
}

#prev>img,
#next>img {
    max-width: 40px;
}

.blockleft.flex.column>div:nth-child(5)>p:nth-child(2),
.blockleft.flex.column>div:nth-child(5)>p:nth-child(3),
.blockleft.flex.column>div:nth-child(5)>p:nth-child(4) {
    padding-top: 20px;
}


/* \\\\\\\\\ end slider */


.footerright a:hover {
    background: #9A6BD1;
    border: 2px solid black;
}


.footerright a {
    font-size: 20px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}

.footerright textarea,
.footerright input{
    background:rgba(255, 255, 255, 0.14); 
    font-family: 'Raleway'; 
    width: 100%; 
    display: block; 
    padding: 1rem;
    color: white;
}

.footerright textarea{
    height: 150px;
}

.footerright input{
    height: 50px;
    margin-top: 1rem;
}



#circular {
    top: -5vw;
    right: 7vw;
    z-index: 9;
}

.mapblock {
    background-color: #125186;
    margin-top: -2rem;
}

.mapblock .mapleft img{
        width: 86%;
    margin: auto;
}

.mapright>p:nth-child(1) {
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    z-index: 9;
}

.mapright>p:nth-child(2) {
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    z-index: 9;
}

.mapright {
    max-width: 820px;
    justify-content: center;
    gap: 50px;
    margin-right: 300px;
}



#rad1,
#rad2 {
    bottom: 0;
    right: 0;
}

#rad4,
#rad3 {
    top: 0;
    left: 0;
    rotate: 180deg;
    z-index: 1;
}

#map {
    top: 170px;
    left: 250px;
    z-index: 2;
}

#halfsq {
    bottom: 0;
    left: 230px;

}

.telasblock {
    display: flex;
    gap: 7rem;
    padding: 4rem 6rem;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(245,245,245,1) 30%);
    margin-top: 8rem;
    align-items: flex-start;
}

#names-container>div:nth-child(2) {
    margin-right: 130px;
}

.telasleft {
    max-width: 35vw;
}

#my-image {
    width: 100%;
}

.telasright>div {
    font-weight: 500;
    font-size: 18px;
    line-height: 38px;
    color: #000000;
}

.telas>div:nth-child(2) {
    cursor: pointer;
}

.telasright {
    justify-content: center;
}

.telasright .clickable-text: 

#names-container {
    margin-top: 2rem;
}

.telas {
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
    list-style: none;
    padding-left: 0;
}

ul.telas li{
    cursor: pointer;
    line-height: 1.6;
}

ul.telas li:before{
    content: '';
        width: 20px;
    height: 1.5px;
    background-color: #666;
    display: inline-block;
    margin-right: 1rem;
    transform: translateY(-5px);
}

.telascursor h3,
.telascursor .h3
.telascursor>div:nth-child(2)>div:nth-child(1) {
    font-weight: 400;
    line-height: 80px;
    color: #125186;
    font-size: 1.2rem;
    white-space: nowrap;
}


/* \\\\\\\\ img telas */

.clickable-text {
    opacity: .4;
}

.clickable-text:hover {
    opacity: initial;
    color: #125186;
    font-weight: 700;

}


/* .telas:hover{
    opacity:100%;
    color: #125186;
    font-weight: 700;

} */



/* \\\\\\\\ img telas end */

.disneyblock {
    margin-top: 10rem;
    margin-bottom: 6rem;
}


.disneyleft {
 width: 50vw;
 padding-left: 6rem;
 padding-right: 3rem;
}

.disneyleft>div>p:nth-child(1) {

    font-weight: 700;
    color: #125186;
    margin-bottom: 30px;
    font-size: 2rem;
    line-height: 1.4;
}



.disneyleft>div>p:nth-child(3) {

    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    color: #000000;
}

.disneyright {
    gap: 20px;
    width: 48vw;

}

#disney {

    top: -80px;
    left: -80px;
}

.logoblock {
    align-items: center;
    display: grid;
    max-width: 64vw;
    margin: 0 auto;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 10px;
    text-align: center;
    justify-content: center;
}

.logoblock img{
    width: 100%;
}


.gradient {
    height: 160px;

    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 62%, rgba(2, 127, 204, 0.6055672268907564) 85%);
}

.footerblock {
    background: #000000;
    height: 630px;
    padding-left: 164px;
    padding-right: 164px;
    padding-top: 162px;
    padding-bottom: 50px;
}

.footerleft,
.footerright {
    justify-content: start;
}

.footerleft>div>div:nth-child(1)>p:nth-child(1),
.footerleft>div>div:nth-child(2)>p:nth-child(1) {

    font-weight: 700;
    font-size: 28px;
}

.footerleft>div>div:nth-child(1)>p:nth-child(2),
.footerleft>div>div:nth-child(2)>p:nth-child(2) {

    font-weight: 400;
    font-size: 22px;
}

.cont {
    gap: 100px;
    padding-top: 58px;
}

.footerright>div>p {

    font-weight: 300;
        font-size: 2rem;
    line-height: 1.4;
    padding-bottom: 30px;
}

.footerleft>a>img {
    width: 303px;
    height: 75px;
}

.footerright {
    gap: 5px;
}

.social {
    display: flex;
    gap: 20px;
    padding-top: 5rem;
}

.cont.flex>div {
    display: flex;
    flex-direction: column;
    gap: 30px;
}


/* disney slider///////////////////////  */

.slider-container {
    position: relative;
    width: 100%;
    height: 70vh;
    max-height: 450px;
    overflow: hidden;
}

.slider-wrapper {
    position: absolute;
    top: 0;
    left: 0;

    height: 100%;
    display: flex;
    transition: transform 0.3s ease-in-out;
    gap: 20px;
}

.slider-wrapper img {

    height: 100%;
}

.slider-controls {
    position: absolute;
    bottom: -50px;
    left: 25%;
    transform: translateX(-50%);
    width: 50%;
}

.slider {
    width: 100%;
}


/* end disney slider///////////////////////  */


.telasblockmob {
    display: none;
}

.social svg{
    fill: #444;
    width: 40px;
    height: 40px;
}

.social a:hover svg{
    fill: #027FCC;
}

.social.social_mob{
    display: none;
    justify-content: center;
}

.social.social_mob a{
    margin: 0 .5rem;
}




/* ///////////////// historia */



.historia .headerlinks {
    background-image: linear-gradient(258.46deg, rgba(18, 81, 134, 0.5) -0.43%, rgba(2, 127, 204, 0) 49.78%, rgba(2, 127, 204, 0.5) 100%), url(../img/historia.jpg);
    margin-bottom: 180px;
    background-position: center right;
}




.header>div>div>div.headertexthistoria {
    font-size: 120px;
    line-height: 100px;
}

.headertexthistoria>div:nth-child(2) {
    font-weight: 700;
}

.historia .arow {
    margin-top: 211px;
}

.historiablock {
    align-items: center;
    margin-top: 82px;
    margin-bottom: 82px;
}

.historialeft {
    max-width: 556px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.map {
    padding: 5rem 10vw 5rem 30vw;
    text-align: left;
}

.map>p:nth-child(1) {
    font-weight: 300;
    font-size: 80px;
}

.map>p:nth-child(2) {
    font-size: 26px;
}

.center {
    justify-content: center;
}

#h1,
#h3 {
    right: -77px;
    top: -77px;
}

#h2 {
    left: -77px;
    bottom: -77px;
}

.verticalline {
    height: 6419px;
    border: 3px solid #027FCC;
    left: 100%;
    margin-left: -650px;
    top: -270px;
    z-index: 9;
}

#i1,
#i2,
#i3,
#i4,
#i5,
#i6,
#i7,
#i8,
#i9 {

    left: 100%;
    z-index: 10;
}


#i1,
#i3,
#i5,
#i7 {
    top: 0px;
    margin-left: -689px;

}

#i2,
#i6 {
    top: 220px;
    margin-left: -800px;
}



#i4 {
    top: -670px;
    margin-left: -691px;
}



#i6,
#i8,
#i9,
#i2 {
    top: 30px;
    margin-left: -1500px;
}

.histor {
    height: 441px;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    z-index: 10;
}

.histor>div>p {
    font-size: 70px;
    font-weight: 900;
    line-height: 120px;
    align-items: center;
    text-align: center;
    color: #125186;
}

.bluetext {
    color: #125186;
    font-weight: 600;
}

.footerleft.flex.column>img {
    width: 303px;
    height: 75px;

}

.historia_oposit {
    color: #FFFFFF;
    background-color: #027FCC;
    padding: 10 30;
}

footer>div>div>div>div:nth-child(4) {
    display: none;
}

.blockright>div:nth-child(1)>img {
    max-width: 35vw;
    position: relative;
    z-index: 1;
}

@media (max-width:1920px) {

    .mapright {

        margin-right: 120px;
    }
}


@media (max-width:1700px) {

    .slide {
        width: 1370px;
    }

    .mapright {
        margin-right: 120px;
    }



    .footerleft,
    .footerright {
        padding: 82px;
    }

    .footerblock {

        padding-left: 100px;
        padding-right: 100px;
        padding-top: 0px;
        padding-bottom: 50px;
        height: 700px;
    }

    .cont {

        padding-top: 100px;
    }


}

@media (max-width:1800px) {
    .mainarticle {
        max-width: 1400px;
        margin: 50 auto;
    }

    #names-container>div:nth-child(2) {
        margin-right: 30px;
    }

    .verticalline {
        margin-left: -560px;
        height: 6442px;
    }

    #i1,
    #i3,
    #i5,
    #i7 {

        margin-left: -600px;
    }

    .historialeft {

        padding-left: 70px;
    }

    #i6,
    #i8,
    #i9,
    #i2 {

        margin-left: -1411px;
    }

    #i4 {
        margin-left: -602px;
    }


}


@media (max-width:1600px) {

    .footerblock {

        height: 700px;
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 70px;

    }

    .cont {

        padding-top: 53px;
    }

    .footerleft,
    .footerright {
        padding: 40px;
    }

    .telasright>div {
        gap: 4rem;
    }


    .mainlinks>div {
        margin-top: 10px;
    }

    .slide {
        justify-content: center;
        gap: 20px;
        width: 1350px;
        margin: 0 auto
    }

    article>div>p {
        margin-left: 10px;
        margin-right: 10px;
    }

    #map {

        left: 120px;

    }

    .mapright {

        margin-right: 50px;
    }


    .historialeft,
    .historiaright {
        margin-left: 70px;
    }

    .mainarticle {
        max-width: 1200px;
        margin: 50 auto;
    }

    #i6,
    #i8,
    #i9,
    #i2 {
        margin-left: -1343px;
    }

}



@media (max-width: 1440px) {

    .cont {

        padding-top: 58px;
    }

    #names-container>div:nth-child(2) {
        margin-right: 130px;
    }

    .mainarticle {

        font-size: 32px;
        line-height: 52px;

    }

    .boxshadow {
        width: 550px;
        height: 620px;
    }

    .blockleft .text-procesos {
        font-size: 15px;
        line-height: 30px;
        padding-top: 34px;
    }

    .blockleft h2,
    .blockleft .h2,
    .blockleft .nunSlide {
        font-size: 4em;
    }

    .slide {
        width: 100%;
    }


    #map {
        top: 165px;
        left: 45px;

    }


    .footerleft {
        padding: 50 0 50 20;
    }

    .footerright {
        padding: 52 20 50 20;
    }

    .historiablock {
        gap: 10px;

    }

    .footerleft,
    .footerright {
        justify-content: start;
    }


    #names-container>div:nth-child(1)>div:nth-child(1),
    #names-container>div:nth-child(2)>div:nth-child(1) {
        padding-bottom: 20px;
    }

    #names-container>div:nth-child(1)>div:nth-child(1),
    #names-container>div:nth-child(2)>div:nth-child(1) {
        line-height: 35px;
        font-weight: 22px;
    }

    .telascursor {
        gap: 30px;
    }

    .telasblock{
        gap: 6rem;
    }

    .telasright>div {

        font-size: 17px;

    }

}

@media (max-width:1300px) {


    .cont {
        padding-top: 104px;
        gap: 30px;
    }


    .links>div {

        font-size: 18px;
    }

    #names-container>div:nth-child(2) {
        margin-right: 90px;
    }

    .mainarticle {
        font-size: 28px;
        max-width: 800px;
    }

    #rad1,
    #rad3,
    #halfsq {
        width: 280px;
    }


    .verticalline {
        margin-left: -427px;
    }


    #i6,
    #i8,
    #i9,
    #i2 {

        margin-left: -1177px;
    }

    #i1,
    #i3,
    #i5,
    #i7 {

        margin-left: -468px;
    }

    .historiablock {
        max-width: 1200px;
    }

    #i4 {

        margin-left: -466px;
    }


    .slider-wrapper img {
        width: 220px;
        object-fit: cover;
    }

    .slide {
        gap: 50px;
    }

    #slider .button{
        top: 250px;
    }

    .blockleft .text-procesos {
        line-height: 25px;

    }

    .boxshadow {
        width: 430px;
        height: 690px;
    }

    .blockleft h2,
    .blockleft .h2,
    .blockleft .nunSlide {
        font-size: 3.5em;
        /*height: 55px;*/
        line-height: 1;
    }

    .mapright {
        max-width: 675px;
        gap: 40px;

    }

    .mapright>p:nth-child(1) {
        font-weight: 700;
        font-size: 34px;
        line-height: 40px;

    }

    .mapright>p:nth-child(2) {

        font-size: 20px;
        line-height: 34px;

    }

    #map {
        top: 200px;
        left: 45px;
        width: 350px;

    }

    .verticalline {
        height: 6468px;
    }

    .telasblock {
        padding: 4rem;
    }
    #circular{
        top: -4vw;
        right: vw;
    }




}


@media (max-width:1200px) {


    #names-container>div:nth-child(2) {
        margin-right: 50px;
    }

    #disney {
        zoom: 0.7;
    }

    .mapright {
        max-width: 590px;
        gap: 40px;
    }

    #circular {
        display: none;
    }

    .slide {
        margin-left: 10px;
    }

    .blockright {
        zoom: 0.8;
        top: 80px;
    }

    .blockright {}

    .boxshadowhist {
        display: none;
    }

    .verticalline {
        margin-left: -391px;
    }

    #i1,
    #i3,
    #i5,
    #i7 {
        margin-left: -433px;
    }

    #i6,
    #i8,
    #i9,
    #i2 {
        margin-left: -1140px;
    }

    #i4 {
        margin-left: -433px;
    }






    /* .verticalline,
    #i1,
    #i2,
    #i3,
    #i4,
    #i5,
    #i6,
    #i7,
    #i8,
    #i9 {
        display: none;

    } */


    .footerleft,
    .footerright {
        padding: 0px;
    }

    .footerright {
        margin-right: 10px;
    }


    .footerblock {
        padding-bottom: 25px;
        padding-top: 40px;
        height: 480px;
    }

    .cont {
        padding-top: 58px;
        margin-left: 10px;
    }

    .footerright.flex.column>div>p {
        font-size: 22px;
    }

    .footerleft.flex.column>img {

        width: 400px;
        margin-left: 10px;

    }

}

@media (max-width:1100px) {

    .header>div>div>div.headertexthistoria {

        font-size: 100px;

    }


    .verticalline {
        margin-left: -274px;
        top: -100px;
        height: 6376px;
    }

    #i1,
    #i3,
    #i5,
    #i7 {
        margin-left: -317px;
    }

    #i6,
    #i8,
    #i9,
    #i2 {
        margin-left: -1025px;
    }

    #i4 {
        margin-left: -315px;
        top: -505px;
    }
}

@media (max-width:1024px) {

    .historiablock {
        overflow: hidden;
        gap: 30px;
    }

    .historiaright {
        width: 600px;
        overflow: hidden;
        height: 350px;
        /* border-top-left-radius: 20px 20px;
        border-bottom-left-radius: 20px 20px; */
    }

    .historiaright.mobrod {
        border-top-left-radius: 0px 0px;
        border-bottom-left-radius: 0px 0px;
        /* border-top-right-radius: 20px 20px;
        border-bottom-right-radius: 20px 20px; */

    }



    .blockright{
        display: none;

    }

    .blockleft,
    .blockleft .nunSlide {
        text-align: center;
        justify-content: center;
    }

    .slide {
        flex-direction: column;
        width: inherit;
        margin: 30 10 10 10;
        align-items: center;
    }


    .historia .arow {
        margin-top: 70px;
    }

    .arow {
        margin-top: 20px;
    }

    .footerblock,
    .footerleft,
    .footerright {
        padding: 10px;
    }


    .footerblock {
        display: block;
        height: 1200px;
    }

    .cont {
        flex-direction: column-reverse;
        gap: 40px;
        margin-top: 30px;
        margin-left: 0;
    }

    .footerleft {
        text-align: center;
        padding-top: 20px;
        gap: 20px;
    }

    .footerright {
        text-align: center;
        margin-top: 30px;
    }

    .links>div {
        gap: 45px;
        align-items: center;
        align-self: normal;
    }

    .histor>div>p {
        font-size: 55px;
    }

    .historiaright {
        margin-left: 0px;
    }

    .footerleft,
    .footerright {
        text-align: start;
        margin-top: 0;
        padding-top: 0;
    }


    .footerblock {

        /*height: 1120px;*/
        padding-left: 50px;
        padding-top: 50px;
        padding-right: 50px;
    }

    .footerright {
        padding-top: 30px;
    }

    footer>div>div>div>div:nth-child(4) {
        text-align: center;
        padding-top: 50px;
        display: block;
    }


    .histor {
        align-items: end;
        background-size: 145%;
        height: 355px;
    }

    .histor>div>p {
        font-size: 43px;
    }

    /* .logoblock, */
    #map,
    #halfsq {
        display: none;
    }


    .mapright {
        margin: 0 auto;
        align-self: center;

    }

    .telasblock{
        padding: 4rem 2rem;
        gap: 4rem;
    }

    .telasright>div {
        gap: 2rem;
    }

    .blockleft .text-procesos {
        text-align: start;
        font-size: 20px;
    }

    .slide {
        justify-content: flex-start;
    }

    .mainarticle {
        max-width: 750px;
        margin: 50px auto;

    }

    .footerleft.flex.column>img {
        width: 550px;
        margin-left: 0;
    }

    /*#arowhist>div:nth-child(5)>div:nth-child(1),
    #arowhist>div.wrappermin>div:nth-child(2),
    #arowhist>div.wrappermax>div:nth-child(2)>div:nth-child(2),
    #arowhist>div.wrappermax>div:nth-child(4)>div:nth-child(1),
    #arowhist>div.wrappermax>div:nth-child(4)>div:nth-child(2) {
        flex-direction: column-reverse;
    }*/

    .historiablock {
        /* align-items: flex-start; */
        flex-direction: column;
        overflow: visible;
        margin: 30 0 0 0;
    }

    .verticalline {

        margin-left: -614px;
        border: 2px solid #027FCC;
        top: 22px;
        height: 5856px;
    }

    #i1,
    #i2,
    #i3,
    #i4,
    #i5,
    #i6,
    #i7,
    #i8,
    #i9 {
        display: block;
        left: 100%;
        margin-left: -631px;
        width: 39px;
    }

    #i1,
    #i2,
    #i3,
    #i8 {
        top: 400px;
    }



    #i4,
    #i7 {
        top: 430px;
    }

    #i5 {
        top: -375px;
    }

    #i6 {
        top: 380px;
    }



    #i9 {
        top: 480px;
    }

    
}

@media (max-width:800px) {


    .telasright>div {
        margin-left: 0;
    }

    .telasright>div:nth-child(1),
    .telasright>div:nth-child(2) {
        text-align: start;
        margin-left: 315px;
    }

    #names-container {
        margin-top: 230px;
        justify-content: space-between;
    }

    #names-container>div:nth-child(2) {
        margin-right: 20px;
    }

    .mainarticle {
        max-width: 530px;

    }

    .mainlinks>div {
        margin-top: 50px;
    }

    article>div>p {
        max-width: 600px;
        margin: 0 auto;
        line-height: 38px;
        font-size: 23;
        text-align: center;
    }

    .mainarticle {
        margin-bottom: 0px;
    }

    .telasright {
        height: 888px;
    }

    .footerleft.flex.column>img {
        width: 455px;
    }

    .telasright>div:nth-child(1),
    .telasright>div:nth-child(2) {
        padding-top: 70px;
        font-size: 48px;
    }


    .headertext p {
        width: calc(100% - 30px);
        margin: 0 auto;
    }



}



@media (max-width:600px) {

    .header .links{
        display: none;
    }

    .header .links_mob{
        display: block;
    }

    .headerlinks .headertext{
        margin-top: -20px;
    }

    .disneyleft.mobile>div {
        max-width: calc(100% - 20px);
        margin: 0 auto;
    }

    .cont {
        padding-top: 0px;
    }

    .cont.flex>div {

        gap: 12px;
    }

    .burger-menu {
        display: block;
    }

    .histor>div>p {

        line-height: 80px
    }

    .arow {
        margin-top: 0px;
    }

    .headertext p {
        font-size: 24px;
        padding-left: 40px;
        padding-right: 40px;
    }



    .headertext h1 {
        font-size: 48px;
        line-height: 40px;

    }

    .mainarticle {
        max-width: 390px;
        text-align: inherit;
        margin: 42px auto;
    }

    .mainlinks>div {
        margin-top: 20px;
    }

    /* .mainlinks {
        height: 15px;
        gap: 10px;
    } */

    #circular {
        display: none;
    }



    .blockright {
        zoom: 50%;
        margin: 10 auto;
        margin-bottom: 50px;

    }

    .blockleft>div:nth-child(1),
    .blockleft .nunSlide {
        font-weight: 300;
        font-size: 32px;
        line-height: 40px;
    }

    .blockleft>div:nth-child(2) {
        font-size: 32px;
    }

    .blockleft .nunSlide {

        padding-bottom: 0px;

    }

    .map_small {
        display: block;
    }

    .mapright {
        gap: 24px;
        text-align: center;
        width: 274px;
        padding-top: 35px;
    }

    .mapright>p:nth-child(1),
    .disneyleft>div>p:nth-child(1) {
        color: white;
        font-size: 26px;
        line-height: 28px;
        margin-top: 40px;
    }


    .mapright>p:nth-child(2),
    .disneyleft>div>p:nth-child(3) {
        font-size: 20px;
        line-height: 26px;
        color: white;
        margin-bottom: 40px;
    }


    .mapblock.main {
        height: fit-content;
        margin-top: 70px;
        flex-direction: column;
    }

    .historialeft>div:nth-child(1),
    .map>p:nth-child(1) {

        font-size: 40px;

    }

    #prev3>img,
    #next3>img,
    #next2>img,
    #prev2>img,
    #prev1>img,
    #next1>img {
        width: 40px;
    }

    .disneyblock {
        flex-direction: column;
        margin: 0;
    }



    .verticalline {

        margin-left: -268px;
        border: 2px solid #027FCC;
        top: 22px;
        height: 3946px;
    }

    .historia .headerlinks {
        margin-bottom: 0;
    }


    .histor {
        align-items: end;
        background-size: 187%;
        height: 246px;

    }

    .historiaright.mobrod,
    .historiaright{
        border-radius: 6px;
        box-shadow: 20px 20px 22px 24px rgba(0,0,0,0.08);
    }

    .historia_oposit {

        padding: 5px 20px;
    }

    .histor>div>p {
        font-size: 35px;
        line-height: 50px;
    }


    #disney {
        top: 36px;
        left: 27px;

    }

    #slider3>.slide {
        height: 220px;
    }

    #prev3 {
        left: 20px;
        bottom: 115px;
    }

    #next3 {
        bottom: 115px;
        left: 100%;
        margin-left: -70px;
    }

    .logoblock_mob>img:nth-child(2) {
        filter: grayscale(1) contrast(0.1)
    }

    #ico_mob {
        position: absolute;
        bottom: 170px;
        left: 100%;
        margin-left: -170px;
    }

    .gradient {
        height: 57px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 2%, rgba(2, 127, 204, 0.6055672268907564) 85%);
    }

    .headerlinks {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }


    .telasblock {
        margin-top: 20px;
    }

    .telasright {
        margin: 0;
        padding: 20;
        max-width: 600px;
        height: 850px;



    }

    .telascursor>div {
        flex: 1;
    }

    .telascursor {
        gap: 20px;
    }


    .telasright>div:nth-child(1),
    .telasright>div:nth-child(2) {
        font-size: 40px;
        text-align: center;
    }

    .telascursor h3,
    .telascursor .h3
    .telascursor>div:nth-child(2)>div:nth-child(1) {
        line-height: 30px;
    }


    .footerleft.flex.column>img,
    .footerleft.flex.column>div.cont.flex>div:nth-child(2)>p:nth-child(1),
    .footerleft.flex.column>div.cont.flex>div:nth-child(2)>p:nth-child(2),
    .footerleft.flex.column>div.cont.flex>div:nth-child(1)>p:nth-child(1),
    .footerleft.flex.column>div.cont.flex>div:nth-child(1)>p:nth-child(2),
    .footerright.flex.column>div>p,
    .footerright.flex.column>a,
    footer>div>div>div>div:nth-child(4)>p {
        filter: contrast(0.8);
    }

    .footerleft.flex.column>img {
        width: 254px;
        height: 67px;
    }


    .disneyright,
    #map,
    .telasleft,
    #rad2,
    #rad4,
    .telas>div:nth-child(1),
    #rad1,
    #halfsq,
    #rad3,
    #h5,
    #h1,
    #h2,
    #h3,
    .telasblock {
        display: none;
    }

    #i1,
    #i2,
    #i3,
    #i4,
    #i5,
    #i6,
    #i7,
    #i8,
    #i9 {
        display: block;
        left: 100%;
        margin-left: -286px;
        width: 39px;
    }

    #i1 {
        top: 300px;
    }

    #i2 {
        top: 314px;
    }

    #i3 {
        top: 300px;
    }

    #i4 {
        top: 324px;
    }

    #i5 {
        top: -185px;
    }

    #i6 {
        top: 265px;
    }

    #i7 {
        top: 340px;
    }

    #i8 {
        top: 300px;
    }

    #i9 {
        top: 374px;
    }





    .historialeft {
        max-width: 255px;
        margin: 0 auto;
    }


    .historiaright {
        max-width: 274px;
        text-align: center;
        height: fit-content;
    }

    .historiaright>div>img {
        width: 274px;
        height: 200px;

    }

    .header>div>div>div.headertexthistoria {
        font-size: 60px;
        line-height: 60px;
        padding-top: 0;

    }



    .wrappermax>div:nth-child(4)>div:nth-child(1),
    .wrappermin>div:nth-child(2) {
        margin-left: 0;

    }


    .footerleft>div>div:nth-child(1)>p:nth-child(2),
    .footerleft>div>div:nth-child(2)>p:nth-child(2) {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
    }

    .footerleft>div>div:nth-child(1)>p:nth-child(1),
    .footerleft>div>div:nth-child(2)>p:nth-child(1) {
        font-weight: 700;
        font-size: 14px;
    }

    .footerright>div>p {
        font-weight: 300;
        font-size: 22px;
        line-height: 28px;
    }

    .map>p:nth-child(2) {
        font-size: 14px;
    }

    .border.mobfooter {
        width: 100%;
        text-align: center;

    }

    .swiper-container {
        height: 740px;
    }

    #map_small {
        display: block;
        position: absolute;
        bottom: 0;
        left: 100%;
        margin-left: -317px;
    }


    #next {
        left: 220px;
    }

    .telasblockmob {
        display: flex;
        margin-bottom: 40px;
        text-align: center;

    }

    .telasmob_sub {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        gap: 30px;

    }



    .telasmob1 {
        background-image: url(../img/telasmob/telasmob1.png);
    }

    .telasmob2 {
        background-image: url(../img/telasmob/telasmob2.png);
    }

    .telasmob3 {
        background-image: url(../img/telasmob/telasmob3.png);
    }

    .telasmob4 {
        background-image: url(../img/telasmob/telasmob4.png);
    }

    .telasmob5 {
        background-image: url(../img/telasmob/telasmob5.png);
    }

    .telasmob6 {
        background-image: url(../img/telasmob/telasmob6.png);
    }

    .telasmob7 {
        background-image: url(../img/telasmob/telasmob7.png);
    }

    .telasmob8 {
        background-image: url(../img/telasmob/telasmob8.png);
    }

    .telasmob9 {
        background-image: url(../img/telasmob/telasmob9.png);
    }

    .telasmob10 {
        background-image: url(../img/telasmob/telasmob10.png);
    }

    .telasmob11 {
        background-image: url(../img/telasmob/telasmob11.png);
    }

    .telasmob12 {
        background-image: url(../img/telasmob/telasmob12.png);
    }

    .telasmob13 {
        background-image: url(../img/telasmob/telasmob13.png);
    }

    .telasmob14 {
        background-image: url(../img/telasmob/telasmob14.png);
    }

    .telasmob15 {
        background-image: url(../img/telasmob/telasmob15.png);
    }

    .telasmob16 {
        background-image: url(../img/telasmob/telasmob16.png);
    }

    .telasmob17 {
        background-image: url(../img/telasmob/telasmob17.png);
    }

    .telasmob18 {
        background-image: url(../img/telasmob/telasmob18.png);
    }

    .telasmob19 {
        background-image: url(../img/telasmob/telasmob19.png);
    }


    #slider1,
    #slider2 {
        height: 233px;
        position: relative;
        margin-bottom: 14px;
        overflow: hidden;
    }

    #slider1>.slide,
    #slider2>.slide {
        height: 220px;
        align-items: normal;
        margin-top: 10px;

    }

    .button1 {
        position: relative;

    }

    #prev1,
    #next1,
    #prev2,
    #next2 {
        position: absolute;
    }

    #next1,
    #next2 {
        left: 100%;
        margin-left: -90px;
        top: -170px;
    }

    #prev1,
    #prev2 {
        top: -170px;
        left: 40px
    }


    .telasmob1,
    .telasmob2,
    .telasmob3,
    .telasmob4,
    .telasmob5,
    .telasmob6,
    .telasmob7,
    .telasmob8,
    .telasmob9,
    .telasmob10,
    .telasmob11,
    .telasmob12,
    .telasmob13,
    .telasmob14,
    .telasmob15,
    .telasmob16,
    .telasmob17,
    .telasmob18,
    .telasmob19 {
        height: 177px;
        width: 152px;
        display: flex;
        align-items: end;
        border-radius: 20px;
        justify-content: center;
        text-align: center;

    }


    .telasblockmob>div:nth-child(6),
    .telasblockmob .h2,
    .telasblockmob .h2 span,
    .telasblockmob .h3 {
        color: #125186;
        margin-left: 20px;
    }

    .telasblockmob .h2 {
        font-size: 26px;
        font-weight: 300;
        margin-top: 20px;
    }

    .telasblockmob .h2 span {
        font-size: 26px;
        font-weight: 700;
    }


    .telasblockmob>div:nth-child(6),
    .telasblockmob .h3 {
        font-size: 16px;
        font-weight: 600;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .telasmob1>p,
    .telasmob2>p,
    .telasmob3>p,
    .telasmob4>p,
    .telasmob5>p,
    .telasmob6>p,
    .telasmob7>p,
    .telasmob8>p,
    .telasmob9>p,
    .telasmob10>p,
    .telasmob11>p,
    .telasmob12>p,
    .telasmob13>p,
    .telasmob14>p,
    .telasmob15>p,
    .telasmob16>p,
    .telasmob17>p,
    .telasmob18>p,
    .telasmob19>p {
        padding-bottom: 10px;
    }

    .blue {

        padding: 20 110px;
    }

    .disneyleft.mobile {
        background-image: url(../img/dysney_back.png);
        max-width: 100%;
        text-align: center;
        width: 100%;
    padding: 0 1rem;
    }

    .blockleft .text-procesos {
        font-size: 12px;
        line-height: 30px;
    }

    .blockleft h3 {

        font-size: 20px;
        line-height: 48px;
    }

    .blockleft .nunSlide,
    .blockleft h3,
    .blockleft .text-procesos {

        background-color: #125186;
    }

    .blockleft .text-procesos,
    .blockleft h3 {
        color: #FFFFFF;
        padding: 10px;
    }

    .button {
        display: none;
    }

    .linkssub {
        display: none;
    }

    .links_mob.active>div {
        display: block;
        text-align: center;
        font-size: 16px;
        padding-top: 20px;
    }

    .links_mob.active>div>div {
        padding-top: 30px;
    }



    .links {
        padding: 0;
        flex-direction: row;


    }

    .links>a {
        margin-left: 15px;
        margin-top: 50px;
    }


    .headertext {
        margin-bottom: 0px;
    }

    #slider {
        display: none;
    }

    .swiperleft .h2,
    .swiperleft .h2 span {
        color: #027FCC;
        font-size: 32px;
    }

    .swiperleft .h2 span {
        font-weight: 700;
    }

    .swiper {
        justify-content: end;
        margin-right: 10px;
    }

    .disney_slider_cont {
        display: block;
        position: relative;
    }

    .swiperleft {
        margin-left: 40px;
    }

    .swiperright>div {
        color: #027FCC;
        font-size: 36px;
        font-weight: 700;
    }

    .swiper-container {
        margin-top: 180px;
        display: block;
    }

    .swiperimg {
        height: 410px;


    }

    .swiperimg>img {
        filter: brightness(0.4);
        position: fixed;
        top: 60px;
        left: 0;
        min-width: 100%;

    }

    #background {
        background-color: transparent;
    }

    .historia .arow,
    .arow {
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .swipetext {
        top: 30px;
        left: 40px;
        font-family: 'Raleway';
        /*filter: brightness(0.8);*/
    }

    .swipetext .h3,
    .swipetext>p {
        width: 281px;
        text-align: start;
        line-height: 25px;
    }

    .swipetext>p {
        color: #dadada;
        margin-top: 6px;
    }

    .swipetext .h3 {
        line-height: 32px;
        padding-bottom: 10px;
        color: #FFF;
        padding-top: 10px;
        font-weight: 700;
        font-size: 2em;
    }

    .swiperplanos {
        width: 600px;
        height: 300px;
    }

    .mobtextbot>p {
        margin-top: 10px;
    }

    .mobtextbot {
        text-align: center;
        align-items: center;
        align-self: start;
    }

    /* .historia .headerlinks {
    background-image: linear-gradient(258.46deg, rgba(18, 81, 134, 0.5) -0.43%, rgba(2, 127, 204, 0) 49.78%, rgba(2, 127, 204, 0.5) 100%), url(../img/historia_mob.png);
    background-position: center right;
} */

    .headerlinks {

        background-image: linear-gradient(258.46deg, rgba(18, 81, 134, 0.5) -0.43%, rgba(2, 127, 204, 0) 49.78%, rgba(2, 127, 204, 0.5) 100%), url(../img/index_mob.png);
        background-size: cover;
    }

    #map_small {
        display: none;
    }

    .footerblock {
        max-width: 600px;
    }

    .logoblock{
        max-width: 70vw;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;

    }

    .social.social_mob{
        display: flex;
        padding-top: 2rem;
    }

    .social {
        display: none;
    }



}


/* //////////////////////////////////////burger/////////// */

.bar.change {
    padding-left: 3px;
}


.burger-menu {
    cursor: pointer;
    padding: 12px 49px 42px 12px;
    border-radius: 11px;
    width: 40px;
    height: 35px;
    position: absolute;
    left: 77%;
    top: 50px;
    z-index: 200;
}



.bar {

    transition: 0.4s;

}


.bar-1 {
    width: 5em;
    display: block;
    width: 40px;
    border-top: 4px solid white;
    padding-top: 6px;
    cursor: pointer;
    transition: 0.4s;

}

.black.bar-1,
.black.bar-2,
.black.bar-3 {
    border-top: 6px solid black;
}


.bar-2 {
    width: 5em;
    display: block;
    width: 40px;
    border-top: 5px solid white;
    padding-top: 6px;
    display: fixed;
    transition: 0.4s;
}

.bar-3 {

    width: 5em;
    display: block;
    width: 40px;
    border-top: 4px solid white;
    padding-top: 6px;
    transition: 0.4s;

}


.change .bar-1 {

    -webkit-transform: rotate(-45deg) translate(-10px, 5px);
    transform: rotate(-45deg) translate(-9px, 8px);
}

.change .bar-2 {
    opacity: 0;
}

.change .bar-3 {
    -webkit-transform: rotate(45deg) translate(-10px, 5px);
    transform: rotate(45deg) translate(-10px, -5px);
}

.links_mob {
    padding-top: 50px;
    height: 265px;
    position: absolute;
    width: 100%;
}

.links_mob.active {
    background-color: #027FCC;
}


.links_mob .logo img{
    width: 200px;
}

.links_mob>a {
    margin-left: 15px;
}



.links.change>div {
    display: flex;

}

.links.change>div {
    justify-content: center;
    gap: 45px;
}

@media (max-width:500px) {
    #ico_mob {

        margin-left: -145px;
    }
}

@media (max-width:450px) {
    #ico_mob {

        margin-left: -130px;
    }
}



@media (max-width:420px) {

    #prev1,
    #prev2 {

        left: 30px;
    }

    #next1,
    #next2 {
        margin-left: -80px;
    }

    #ico_mob {
        margin-left: -120px;
    }

    .mainarticle {
        max-width: 90%;
        margin: 30px auto;
    }

    .blue {
        padding: 20 70px;
    }

    .telasmob_sub {
        gap: 7px;
    }

    .footerleft.flex.column>img {
        width: 245px;

    }

}


@media (max-width:400px) {

    .cont {
        padding-top: 0;
        margin-left: 10px;
    }

    .footerleft>a>img {
        width: 265px;

    }

    #ico_mob {

        margin-left: -95px;
    }

    #next3 {

        margin-left: -55px;
    }

    #prev3 {
        left: 0px;

    }

}


@media (max-width:350px) {





    .footerblock {

        padding-left: 20px;
        padding-top: 30px;
        padding-right: 30px;
    }

    .footerleft>a>img {
        width: 250px;

    }

    .links.flex>a>img,
    .links_mob.active>a>img {
        width: 230px;
    }

    #ico_mob {
        margin-left: -72px;
    }

    #next3 {

        margin-left: -45px;
    }

    #prev3 {
        left: -5px;

    }

}

.telasmob_sub img {
    width: 152px;
    height: 177px;
}

.mobtextbot {
    width: 177px;
}

.telasmob_sub {
    justify-content: center;
}

.msg-forms-content p{
    font-size: 2rem;
}


.wrappermin .historia-block{
    flex-direction: column;
    border-left: 3px solid #027FCC;
    position: relative;
}

.wrappermin .historia-block img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.historia-block__right{
    height: 200px;
    position: relative;
    z-index: 1;
}

.historia-block:after,
.map:after{
    content: '';
    background: url(./../img/icon.svg);
    width: 50px;
    height: 50px;
    background-size: cover;
    display: block;
    position: absolute;
    bottom: 75px;
    left: -25px;
    z-index: 2;
}

.map:after{
    left: 20px;
    bottom: 125px;
}

.historia-block__right .circular{
    display: none;
}


.historia-block__left h2,
.map h2 {
    font-weight: 300;
    font-size: 2.5rem;
    color: #000000;
}

.map h2{
    color: white;
}

.historia-block__left{
    padding: 1rem;
    margin-top: 1rem;
}

.historia-block__left p {
    font-weight: 300;
    font-size: 14px;
    color: #000000;
}

#background .historia-block{
    padding-top: 0;
    padding-bottom: 0;
}

:root {
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-50% + var(--offset));
}


.marquesina {
    padding: 0;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    width: 100%;
}
.marquee {
    /*transition: all 0.5s;*/
    overflow: hidden; 
}
.marquee p {
    font-size: 20rem;
    line-height: .7;
    margin: 0;
    white-space: nowrap;
    text-transform: uppercase;
    color: #F1F1F1;
    font-family: 'futura-pt';
    font-weight: 800;
}
.marquee-inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 100s linear infinite; 
}


@keyframes marquee {
  0% {
    transform: translateX(var(--move-initial)); 
}
100% {
    transform: translateX(var(--move-final)); } 
}

@media screen and (min-width: 768px){

    .index .mapblock{
        overflow: hidden;
    padding: 6rem 0;
    }
    .wrappermin .historia-block{
        flex-direction: row;
        gap: 4rem;
        align-items: center;
        padding-left: 8vw;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .historia-block:after,
    .map:after{
        width: 60px;
        height: 60px;
        top: calc(50% - 30px);
        left: -30px;
    }

    .map:after{
        left: 7vw;
    }

    .map {
        padding: 8rem 10vw 8rem 20vw;
        text-align: center;
    }

    .historia-block__left,
    .historia-block__right{
        width: 50%;
    }

    .inverse .historia-block__left{
        order: 2;
    }

    .wrappermin .historia-block__right{
        height: auto;
    }

    .historia-block__left h2,
    .map h2 {
        font-size: 5rem;
    }

    .historia-block__left p {
        font-size: 1.6rem;
    }

    .mapblock{
        margin-top: 0;
    }

    .historia-block__right .circular{
        display: block;
        position: absolute;
        top: -4rem;
        width: 8rem!important;
        height: 8rem!important;
        left: -4rem;
        z-index: 7;
    }

    .inverse  .historia-block__right .circular{
        right: -4rem;
        left: auto;
    }

    #background .historia-block .circular{
        bottom: -4rem;
        top: auto;
    }

    .historia-block:last-child{
        padding-bottom: 8rem;
    }

    .wrappermax + .wrappermin .historia-block:first-child{
        padding-top: 8rem;
    }

    .marquee p {
        font-size: 30rem;
    }
}

@media screen and (min-width: 1300px){
    .wrappermin .historia-block {
        gap: 6rem;
    }

    .historia-block:after,
    .map:after{
        width: 80px;
        height: 80px;
        top: calc(50% - 40px);
    }

    .marquee p {
        font-size: 37rem;
    }
}